@charset "UTF-8";
.newsletterHeader-border {
  border-bottom: solid 1px;
  margin-bottom: 10px; }

.lockbox .tilaus .order-box a {
  max-width: 300px !important;
  width: 100% !important; }

.login.lomake {
  width: 100%; }

.mainos {
  background: #77B59B; }
  .mainos section img {
    width: 100% !important; }
  .mainos.sisaltomainos1, .mainos.sisaltomainos2 {
    margin-bottom: var(--main-padding); }

.newsletterLinksWrapper p {
  margin: 5px;
  color: black; }

.newsletterLuetuimmat h3 {
  color: #FFFFFF;
  margin-left: 20px; }

.newsletterLuetuimmat p {
  font-size: 18px;
  padding: 10px; }

.newsletterMielenkiintoisimmat {
  color: #0199be;
  background-color: #ccebf6;
  maxwidth: 100% !important; }

.newsletterMielenkiintoisimmat h3 {
  font-size: 18px;
  padding: 10px;
  color: #0199be; }

.newsletter p.Caption {
  display: none; }

.newsletterTarget {
  display: inline; }

.newsletterTarget a, .newsletterTargetSmall a {
  text-decoration: none;
  color: #333333;
  hyphens: none !important; }

.newsletterLuetuimmat {
  color: #fffff;
  background-color: #6ca839; }

.newsletterLue a, .newsletterLue p {
  text-decoration: none;
  color: black !important; }

.newsletter p.leipis {
  font: 400 1.1rem "Roboto", sans serif !important; }

.newsletterKollega a {
  text-decoration: none;
  color: #6ca839; }

.newsletterPeruutus a {
  text-decoration: none;
  color: #6ca839; }

.newsletterTarget h3, .newsletterTargetSmall h3, newsletterTargetSmall p.otsikko, newsletterTargetSmall h1.otsikko {
  font-weight: lighter;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: lighter; }

.newsletterTarget h2 {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  margin: 0; }

.newsletter {
  border-width: 1px;
  border-style: solid;
  border-color: #dadada;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Roboto",sans-serif;
  max-width: 600px;
  width: 100% !important; }

.newsletterMiniArticle {
  padding: 10px;
  border-bottom: solid 1px; }

.newsletterFooter {
  border-width: 1px;
  border-color: #333333;
  border-style: solid;
  border-left: none;
  border-bottom: none;
  border-right: none;
  margin-top: 10px;
  background-color: none !important; }

.newsletterTarget span.textelement-createdtime.datetime {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-left: 10px; }

.newsletter-vertical {
  width: 100% !important; }

.newsletter-header-bg {
  background-color: #6ca839; }

.newsletterHeader .crop_container {
  background-color: #6ca839; }

.newsletterLue {
  margin-top: 10px;
  border-bottom: 1px solid;
  margin-left: 10px;
  margin-right: 10px;
  paddng-bottom: 10px; }

.newsletterTarget h1 {
  font-family: "Roboto" ,sans serif;
  font-size: 28px;
  font-weight: lighter;
  margin-top: 0px;
  margin-bottom: 15px; }

.newsletterTargetMain h1, .newsletterTargetMain a {
  font-family: "Roboto",sans-serif;
  font-size: 28px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 10px;
  text-decoration: none;
  color: #000000; }

.newsletterMiniArticle span.textelement-headline.string {
  margin-bottom: 10px; }

.lockbox .tilaus {
  margin-top: var(--main-padding); }
  .lockbox .tilaus p {
    font-size: var(--font-size1);
    font-weight: bold;
    cursor: pointer; }

body {
  margin: 0; }

h1 {
  font-family: var(--font-family1);
  color: var(--font-color1); }

h2.ingressi {
  font-family: var(--font-family2);
  color: var(--font-color1); }

.side-col-list h2 {
  font-size: var(--font-size-small);
  padding-left: var(--small-padding);
  font-weight: 600;
  margin: 0; }

.side-col-list .js-luetuimmat a {
  padding: var(--main-padding) 0; }

.side-col-list .js-luetuimmat a:not(:first-child) {
  border-top: var(--main-border); }

.header-bottom .search form {
  width: 100%;
  position: relative;
  background: var(--bg-color2); }

.header-bottom .search form input {
  width: calc(100% - 35px);
  background: transparent;
  border: none;
  padding: var(--small-padding); }

.header-bottom .search form button {
  background: transparent;
  border: none;
  color: var(--bg-color1);
  cursor: pointer;
  width: 30px;
  height: 30px; }

.top-story .no-img .top-story-text-wrap {
  position: relative;
  background: var(--bg-color4);
  margin-top: var(--main-padding); }

.top-story .top-story-text-wrap {
  position: absolute;
  bottom: var(--main-padding);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  padding: var(--big-padding); }
  .top-story .top-story-text-wrap:before {
    width: 30%;
    content: "";
    height: 0.5em;
    background: var(--bg-color3);
    display: block;
    margin-bottom: var(--small-padding2); }
  .top-story .top-story-text-wrap h1.otsikko {
    color: var(--font-color2) !important;
    margin: 0; }
  .top-story .top-story-text-wrap .article-embargo span {
    color: var(--font-color2) !important;
    margin: 0; }

.top-story a:hover .top-story-text-wrap::before {
  background: var(--bg-color2); }

.top-story a:hover .article-headline h1.otsikko, .top-story a:hover .article-embargo span {
  color: var(--bg-color2) !important; }

.relative {
  position: relative; }

a {
  text-decoration: none;
  color: var(--font-color5); }

.article-list:not(.top-story) h2.ingressi {
  margin: 0 0 0 var(--main-padding);
  font-size: var(--font-size1); }

.article-list.top-story h2.ingressi {
  font-size: var(--font-size2); }

.article-list > div {
  margin-bottom: var(--main-padding);
  padding-bottom: var(--small-padding2); }
  .article-list > div.no-img {
    padding-bottom: 0; }

.article-list h2.ingressi {
  margin: var(--small-padding) 0;
  font-weight: 400; }

.page-wrapper {
  padding: var(--small-padding2) 0; }

p.Caption, p.Source {
  display: none;
  font-size: 16px !important;
  font-family: var(--font-family4) !important;
  font-weight: 500; }

.article-list a:hover h1, .article-list a:hover h2, .production-list a:hover h2 {
  /*color: var(--font-color-hover1);*/ }

.content {
  background-color: var(--bg-color12); }
  .content .hidden {
    display: none; }

.js-list-number-list .button-wrap {
  border-bottom: 3px solid var(--bg-color1);
  margin: var(--main-padding) 0; }
  .js-list-number-list .button-wrap a {
    margin: 0; }
  .js-list-number-list .button-wrap p {
    margin: 0;
    font-family: var(--font-family2);
    font-size: var(--font-size-small); }
  .js-list-number-list .button-wrap .active p {
    font-weight: bold; }
  .js-list-number-list .button-wrap .btn {
    width: 33%; }
  .js-list-number-list .button-wrap .btn p {
    padding: var(--small-padding2); }

.luetuimmat h1 {
  font-size: var(--font-size1);
  font-family: var(--font-family1);
  margin: 0; }
  .luetuimmat h1:hover {
    text-decoration: underline; }

.luetuimmat .article-dept span {
  font-family: var(--font-family2);
  color: var(--font-color3);
  font-size: var(--font-size-small);
  padding-right: var(--small-padding2); }

.luetuimmat .article-embargo span {
  font-family: var(--font-family2);
  font-size: var(--font-size-small); }

.luetuimmat .number_list {
  font-family: var(--font-family2);
  font-size: var(--font-size3);
  font-weight: 200;
  margin-top: -10px; }

.luetuimmat .js-luetuimmat a:nth-child(n+6) {
  display: none; }

.luetuimmat .js-luetuimmat.more a:nth-child(n+6) {
  display: block; }

.js-luetuimmat {
  display: none !important; }
  .js-luetuimmat.active {
    display: block !important; }

.js-showMore p {
  border: 1px solid var(--bg-color4);
  color: var(--font-color4);
  padding: var(--small-padding);
  border-radius: 50px;
  font-family: var(--font-family2);
  margin-left: 40px;
  margin-top: 0px;
  cursor: pointer; }

.js-showMore p:hover {
  background: var(--bg-color4);
  color: var(--font-color2); }

.article-list-page h1 {
  margin: 0;
  padding-left: var(--small-padding);
  font-size: var(--font-size2);
  font-family: var(--font-family1); }

.article-list-page .article-embargo span {
  padding-left: var(--small-padding); }

.article-list-page a {
  margin-bottom: var(--main-padding); }

.nav-wrap-mobile {
  padding: var(--small-padding2) var(--small-padding) var(--small-padding2) var(--small-padding);
  background: var(--bg-color3); }

.mob-menu {
  position: fixed !important; }

.menu i {
  color: var(--font-color6);
  min-width: 28px;
  text-align: center; }

.menu p {
  margin-left: 5px;
  font-family: var(--font-family1);
  font-size: 20px; }

.menu div {
  cursor: pointer;
  display: flex;
  align-items: center; }

@media only screen and (max-width: 1053px) {
  .header-top .tabFix {
    max-width: 710px !important;
    /*background: #EC008C;*/ }
  @Media (max-width: 380px) {
    .header-top .tabFix .logo {
      justify-self: center; } } }

.tag-label {
  font-family: var(--font-family2);
  font-size: var(--font-size2);
  margin-bottom: var(--main-padding2);
  border-bottom: 1px solid var(--font-color4);
  color: var(--font-color4); }

@media only screen and (max-width: 760px) {
  .article-list-page.tag-list h1 {
    padding: var(--small-padding) 0; } }

@media only screen and (min-width: 761px) {
  .article-list-page.tag-list a {
    padding: 0 0 var(--main-padding) 0; } }

.right-col .uutiskirje input {
  border: var(--border3);
  border-right: 0;
  padding: var(--small-padding2);
  height: 2.5em;
  width: calc(100% - 5em);
  cursor: pointer; }
  .right-col .uutiskirje input:focus {
    outline: none; }

.right-col .uutiskirje.active input {
  cursor: auto; }

.right-col .uutiskirje form {
  position: relative;
  margin-top: var(--main-padding2);
  width: 100%; }
  .right-col .uutiskirje form div {
    display: flex; }

.right-col .uutiskirje label {
  background: var(--bg-color3);
  font-family: var(--font-family2);
  font-size: var(--font-size-small);
  position: absolute;
  top: 7px;
  left: 5px;
  transition: all .3s ease 0s;
  cursor: pointer; }

.right-col .uutiskirje.active label {
  top: -7px;
  font-size: 10px;
  padding: var(--padding2);
  cursor: auto; }

.right-col .uutiskirje input::placeholder {
  color: #fff; }

.right-col .uutiskirje.active input::placeholder {
  color: var(--font-folor1);
  transition: color 1s ease 0s; }

.social {
  margin: var(--main-padding) 0; }
  .social > div {
    width: 3em;
    height: 3em;
    margin-right: var(--main-padding2); }
  .social > div a {
    background: var(--bg-color4);
    justify-content: center;
    display: flex; }
  .social > div span {
    padding: 9px 0px; }
  .social > div span i {
    font-size: var(--font-size2);
    color: var(--bg-color3); }
  .social > div a:hover {
    background: var(--bg-color1); }

.right-col .uutiskirje button {
  padding: var(--small-padding2);
  background: var(--bg-color4);
  border: 2px solid var(--bg-color4);
  height: 2.5em;
  width: 5em;
  color: var(--font-color2);
  font-family: var(--font-family2);
  cursor: pointer; }
  .right-col .uutiskirje button i {
    padding-right: var(--small-padding2); }
  .right-col .uutiskirje button:hover {
    background: var(--bg-color1);
    border: 2px solid var(--bg-color1); }

.article-wrap.article-page p.agTextTagCloud span {
  border: var(--border3);
  color: var(--font-color4);
  margin: 0; }

.article-wrap.article-page p.agTextTagCloud span:hover {
  background: var(--bg-color4);
  color: var(--font-color2);
  margin: 0; }

.article-wrap.article-page .article-tag {
  margin-top: var(--main-padding); }

@media only screen and (min-width: 761px) {
  .header-bottom .search form input {
    color: var(--font-color1); } }

.article-list-page.tag-list a {
  border-bottom: var(--main-border); }

span.ag_search_entry:before {
  content: "Hakusanalla: ";
  font-family: var(--font-family2); }

span.ag_result_count:before {
  content: "Osumaa: ";
  font-family: var(--font-family2); }

@media only screen and (max-width: 1053px) {
  .right-col {
    margin-top: var(--big-padding); } }

.header .some {
  padding: var(--main-padding2) 0; }
  .header .some > div {
    margin-left: var(--small-padding); }
    .header .some > div i {
      font-size: var(--font-size2);
      color: var(--font-color1); }
      .header .some > div i:hover {
        color: var(--font-color3); }

.footer form {
  width: 100%;
  display: inline-flex; }
  .footer form input {
    width: calc(100% - 2em);
    height: 2em;
    border: 0;
    border-right: var(--border3);
    padding: var(--padding1); }
  .footer form button {
    width: 2em;
    height: 2em;
    border: 0;
    background: var(--bg-color3);
    cursor: pointer; }
  .footer form input:focus {
    outline: 0; }
  .footer form button:focus {
    outline: 0; }
  .footer form button:hover {
    background: var(--bg-color2); }

.right-col {
  background: var(--bg-color3);
  border: 1px solid var(--bg-color10); }
  .right-col > div {
    margin-bottom: var(--main-padding); }
  .right-col .vinjet p {
    padding: 0;
    margin: 0;
    font-family: var(--font-family2);
    font-weight: bold;
    color: var(--font-color1);
    font-size: var(--font-size2); }

span.ag_page_navigation_top, span.ag_page_navigation_bottom {
  margin: 10px 0px; }
  span.ag_page_navigation_top a, span.ag_page_navigation_top span, span.ag_page_navigation_bottom a, span.ag_page_navigation_bottom span {
    font-family: var(--font-family2);
    font-weight: 600;
    height: 32px;
    width: 32px;
    border: 0;
    padding: 0 !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-color2);
    margin-right: 5px;
    color: var(--font-color5);
    border-radius: 2px; }
  span.ag_page_navigation_top span, span.ag_page_navigation_bottom span {
    color: var(--font-color3); }
  span.ag_page_navigation_top a:hover, span.ag_page_navigation_bottom a:hover {
    background-color: var(--bg-color4);
    color: var(--font-color5); }

.sv2022_panorama_test .ad {
  display: none; }
  .sv2022_panorama_test .ad.active {
    display: flex; }

.cookie-btn p {
  font-family: var(--font-family1);
  margin: 0;
  color: var(--bg-color4);
  font-weight: bold;
  cursor: pointer; }

.cookie-btn p:hover {
  color: var(--bg-color11); }

.noutojakelupisteet .article-text :first-child p.location-header {
  margin-top: 0px !important; }

.article-meta div > span {
  font-family: var(--font-family2);
  margin-right: var(--small-padding2); }

.article-meta .article-dept span {
  color: var(--font-color3); }

.right-col .du-user-kolumni a:not(:last-child) {
  padding-bottom: var(--main-padding2);
  margin-bottom: var(--main-padding2);
  border-bottom: var(--main-border); }

.right-col .du-user-kolumni a .user-image .crop_container {
  border-radius: 50%;
  border: var(--main-border); }

.right-col .du-user-kolumni a .user-name span {
  font-family: var(--font-family2); }

.right-col .du-user-kolumni a .user-firstname {
  padding-right: var(--small-padding2); }

.right-col .du-user-kolumni a .user-name > div {
  padding-left: var(--small-padding);
  display: inline-block;
  word-break: break-all; }

.right-col .du-user-kolumni a span.user-lastname {
  word-break: break-word; }

@media only screen and (max-width: 760px) {
  .custom-layout .article-list.single-wrap a {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important; } }

.twitter-box {
  max-height: 500px;
  overflow-y: scroll; }

.article-list.yhteystiedot p {
  margin: 0; }

.article-list.yhteystiedot h3.valiotsikko {
  margin-top: var(--small-padding);
  margin-bottom: 0; }

span.lihavointi {
  font-weight: bold; }

h3.valiotsikko {
  font-size: var(--font-size2); }

p.info {
  font-style: cursiv; }

.blur_box {
  position: absolute;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 49%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(49%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 49%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 49%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 49%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 49%, #ffffff 100%);
  bottom: 0; }

.lockbox p, .lockbox p a {
  color: var(--font-color4);
  font-size: var(--font-size2);
  text-align: center;
  margin: 0; }

.lockbox i {
  font-size: var(--font-size3); }

.lockbox p.infoText {
  font-size: var(--font-size1); }

.tilaa, .tilaaja {
  border: var(--main-border);
  padding: var(--small-padding) 0;
  border-radius: 30px;
  max-width: 300px !important;
  width: 100% !important;
  margin: 0 auto; }

.loginbox {
  max-width: 300px;
  width: 100%; }

.form-group label abbr {
  color: var(--bg-color1); }

.lockbox .loginbox {
  display: none;
  margin-top: var(--main-padding); }

.custom-layout .single-wrap a:nth-child(odd) .article-col {
  /*padding-right: var(--small-padding);*/ }

.custom-layout .single-wrap a:nth-child(even) .article-col {
  /*padding-left: var(--small-padding);*/
  padding-right: 0; }

.custom-layout .single-wrap.article-list .article-col {
  margin-bottom: 0;
  padding-bottom: 0; }

.custom-layout .single-wrap.article-list a {
  margin-bottom: var(--small-padding);
  padding-bottom: var(--small-padding);
  border-bottom: var(--main-border); }

.lomake-title p {
  font-family: var(--font-family2);
  margin-bottom: var(--big-padding); }

.custom-layout .article-list .article-col .article-wrap, .custom-layout .article-list a .article-col .article-wrap {
  background: var(--bg-color3); }

.article-text {
  margin-bottom: var(--small-padding);
  float: left; }
  .article-text span.lihava, .article-text span.isku {
    font-weight: bold; }
  .article-text p {
    margin: var(--small-padding2) 0 var(--small-padding2) 0; }
  .article-text .noutopisteet {
    display: block;
    column-count: 2; }
  .article-text a {
    display: inline-block;
    color: var(--bg-color4); }

.logout input {
  font-family: var(--font-family2);
  text-transform: uppercase;
  padding-left: var(--main-padding2);
  background: none;
  border: 0;
  cursor: pointer;
  font-size: var(--font-size1); }
  .logout input:hover {
    color: var(--font-color3); }

h2.error-text {
  margin-top: 0;
  margin-bottom: var(--main-padding);
  font-family: var(--font-family1);
  color: var(--font-color1); }

.error-text {
  display: none; }

.logout form {
  display: none; }

p.nosto, p.sitaatti {
  font-size: var(--font-size2);
  font-weight: bold;
  color: var(--bg-color4);
  display: flex;
  flex-flow: wrap; }
  p.nosto:before, p.sitaatti:before {
    content: '"';
    float: left;
    font-size: 100px;
    font-family: var(--font-family2);
    padding-right: 15px;
    margin-top: 10px; }

span.alkukorostus {
  font-weight: bold;
  font-size: 1.2em; }

p.lahteet {
  font-style: italic; }

.marginLeft10 {
  margin-left: 10px; }

.marginLeft15 {
  margin-left: 15px; }

.marginLeft8 {
  margin-left: 8px; }

.article-meta-mobile div > span {
  font-family: var(--font-family2);
  padding-left: 0px !important;
  margin-left: 5px !important;
  margin-top: 5px !important; }

.article-meta-mobile .article-dept span {
  color: var(--font-color3); }

p.kommenttiotsikko {
  font-weight: 600;
  font-size: var(--font-size1);
  font-style: italic;
  width: 70% !important;
  margin-left: auto;
  margin-right: auto; }

p.kommentti {
  font-style: italic;
  font-size: var(--font-size1);
  text-align: center !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: black;
  padding: 10px 0px 10px 20px;
  border-left: 5px solid #333E99;
  width: 70% !important;
  margin-left: auto;
  margin-right: auto; }

p.kursiivi, span.kursivointi {
  font-style: italic; }

.article-list .article-list-item {
  background: var(--bg-color3);
  padding: var(--main-padding);
  border-radius: 10px;
  border-bottom-right-radius: 30px;
  border: 1px solid var(--bg-color10);
  margin-bottom: var(--big-padding); }
  .article-list .article-list-item .otsikko {
    font-size: var(--font-size-mid);
    color: var(--font-color4);
    padding-bottom: var(--small-padding2);
    line-height: 1.25;
    margin: var(--main-padding2) 0 0 0; }
  .article-list .article-list-item .article-shorttext > * {
    font-size: var(--font-size1);
    margin: 0 0 var(--main-padding) 0 !important;
    font-family: var(--font-family1);
    color: var(--font-color1); }

.writer-info {
  border-bottom: 2px solid var(--bg-color1);
  width: auto !important;
  padding-bottom: var(--main-padding); }
  .writer-info img {
    border-radius: 10px;
    border-bottom-right-radius: 30px;
    border: 1px solid var(--bg-color9); }
  .writer-info .writer {
    align-self: center;
    font-size: var(--font-size2);
    color: var(--font-color4);
    font-family: var(--font-family1); }
  .writer-info .etunimi {
    margin-right: calc(var(--small-padding2) / 2); }
  .writer-info .writer-img {
    margin-right: var(--main-padding); }

.ig-button {
  font-family: var(--font-family2);
  font-size: var(--font-size-small); }

.ig-button a {
  background: #408bd1;
  color: #fff;
  padding: 0.5rem;
  border-radius: 9px; }

.ig-button span {
  margin-left: 5px;
  vertical-align: super; }

.ig-button a:hover {
  background-color: var(--bg-color4); }

.epaper-back {
  margin-bottom: var(--main-padding); }
  .epaper-back button {
    background: var(--bg-color4);
    border: 0;
    color: var(--bg-color3);
    padding: var(--small-padding);
    font-size: var(--font-size1);
    font-family: var(--font-family1);
    cursor: pointer; }
    .epaper-back button:hover {
      background: var(--bg-color1); }

@media only screen and (max-width: 640px) {
  .custom-layout .article-list {
    flex-flow: column; }
  .custom-layout .article-col {
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-bottom: 0;
    /*padding-bottom: 0 !important;*/ }
  .custom-layout .custom-layout div:not(span) > a {
    width: 100% !important; }
  .custom-layout a:first-child .article-col {
    padding-top: 0; } }

p.kirjoittaja {
  font-weight: bold;
  margin: 0; }

.header .header-bottom {
  /*background: var(--bg-color3);*/ }
  .header .header-bottom p {
    font-family: var(--font-family2); }
  .header .header-bottom .navigation p {
    color: var(--font-color6);
    margin: 0;
    /*transition: all 0.2s ease;*/
    width: max-content;
    text-align: center;
    font-size: 16px; }
  .header .header-bottom .navigation a {
    width: 100%; }
  .header .header-bottom div.search {
    padding-left: var(--main-padding);
    margin-top: 3px; }
  .header .header-bottom > div {
    padding: 0px var(--main-padding); }

.hamburger-menu-item {
  justify-content: center;
  align-items: center; }
  .hamburger-menu-item > a p {
    color: var(--font-color6) !important; }
  .hamburger-menu-item .fa-angle-down {
    padding: 0 0 0 10%;
    height: 100%; }
  @media (min-width: 881px) {
    .hamburger-menu-item {
      width: max-content !important; } }
  @media (max-width: 880px) {
    .hamburger-menu-item {
      border-bottom: 1px solid black;
      justify-content: flex-start;
      border-bottom: 1px solid black;
      width: 100%; } }
  @media (max-width: 330px) {
    .hamburger-menu-item {
      padding-left: 0 !important; } }

.article-wrapper {
  /*background: var(--bg-color9);*/
  position: relative;
  display: block; }

.footer .some {
  justify-content: flex-start;
  padding-bottom: var(--small-padding2); }
  .footer .some > div {
    padding: 0 var(--small-padding2); }
    .footer .some > div:first-child {
      padding-left: 0; }
  .footer .some i {
    color: var(--font-color5); }
  .footer .some i:hover {
    color: var(--bg-color2); }
  @media (max-width: 880px) {
    .footer .some {
      justify-content: center; } }

.article-wrap {
  background: var(--bg-color3);
  padding: var(--main-padding);
  border: 1px solid var(--bg-color10);
  /*h1 {
    font-size: var(--font-size3);
    margin-bottom: var(--small-padding);
}*/ }
  .article-wrap div:not(:first-child) {
    /*padding: 30px;*/ }
  .article-wrap h2 {
    font-size: var(--font-size2);
    margin: 0 0 var(--small-padding) 0; }
  .article-wrap p {
    font-family: var(--font-family1);
    font-size: 18px;
    line-height: 1.6em; }
    .article-wrap p .lihavointi {
      font-weight: bold; }
  .article-wrap .article-text a {
    display: inline-block;
    text-decoration: underline; }
  .article-wrap .article-text a:hover {
    color: var(--font-color4); }
  @media (max-width: 375px) {
    .article-wrap {
      padding: var(--small-padding2); } }

.text-content-mobile {
  overflow: hidden;
  overflow-wrap: break-word; }
  .text-content-mobile h1 {
    font-size: 16px !important;
    line-height: 22px !important; }
  .text-content-mobile h1, .text-content-mobile span {
    padding-left: var(--small-padding2); }

.left-col .du-user-kolumni {
  margin-bottom: var(--main-padding);
  border-bottom: var(--main-border); }
  .left-col .du-user-kolumni .user-image .crop_container {
    border-radius: 50%;
    border: var(--main-border); }
  .left-col .du-user-kolumni .user-name span {
    font-family: var(--font-family2);
    font-size: var(--font-size2); }
  .left-col .du-user-kolumni span.user-firstname {
    padding-right: var(--small-padding2); }
  .left-col .du-user-kolumni span.user-description {
    font-family: var(--font-family3);
    font-size: var(--font-family3); }
  .left-col .du-user-kolumni .user-text {
    padding-left: var(--main-padding); }

a.ag_paid_content .article-embargo span:after {
  content: "\f023 \00a0 Tilaajalle";
  padding-left: var(--small-padding);
  color: var(--bg-color4) !important; }
  a.ag_paid_content .article-embargo span:after span {
    color: var(--bg-color4) !important; }

.yhteistyo-header {
  justify-content: flex-start;
  padding-bottom: var(--main-padding2);
  padding-left: var(--main-padding);
  align-items: center; }
  .yhteistyo-header > div {
    width: max-content; }
  .yhteistyo-header p {
    margin: 0;
    color: var(--font-color5); }
  .yhteistyo-header span {
    font-family: var(--font-family1);
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: var(--font-color5); }
  .yhteistyo-header .article-vinjet > p {
    font-size: 14px;
    line-height: 14px; }
  .yhteistyo-header .divider {
    background: var(--bg-color3);
    height: 1em;
    width: 2px;
    margin: 0 var(--small-padding2); }
  .yhteistyo-header .article-vinjet p:before {
    padding: 0 var(--small-padding2);
    content: "|"; }

@Media (max-width: 760px) {
  .yhteistyo-header span, .yhteistyo-header .article-vinjet > p {
    font-size: 12px;
    line-height: 14px; } }

@Media (max-width: 375px) {
  .yhteistyo-header {
    padding-top: var(--small-padding2); } }

.white-bg {
  padding: calc(var(--main-padding) * 2);
  background: var(--bg-color3);
  border: 1px solid var(--bg-color10); }
  .white-bg.template {
    padding: 0; }

@Media (max-width: 375px) {
  .white-bg {
    padding: 25.6px; } }

.rotate .rotate {
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.magazine-wrapper {
  background-color: #F6F6F6;
  border: 1px solid #adabab;
  margin: var(--small-padding2);
  text-align: center;
  width: max-content !important; }
  .magazine-wrapper img, .magazine-wrapper a {
    max-width: 220px;
    width: 100%; }
  .magazine-wrapper p {
    font-family: var(--font-family1); }

.embargo-wrapper {
  /*justify-content: space-between;*/
  justify-content: flex-start;
  padding: 0.2em 0;
  align-items: center; }
  .embargo-wrapper > div {
    width: max-content; }
  .embargo-wrapper p {
    margin: 0;
    color: var(--font-color6); }
  .embargo-wrapper span {
    padding: var(--small-padding2) 0;
    font-family: var(--font-family1);
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: var(--font-color3); }
  .embargo-wrapper .divider {
    background: var(--bg-color4);
    height: 1em;
    width: 2px;
    margin: 0 var(--small-padding2); }

@Media (max-width: 760px) {
  .embargo-wrapper span {
    font-size: 12px;
    line-height: 14px; } }

.first-article {
  /*padding-top: var(--small-padding2);*/ }
  @media (min-width: 1040px) {
    .first-article h1 {
      font-size: 36px !important;
      line-height: 46px !important;
      font-weight: bold; } }

.headline-list h1 {
  font-size: 16px !important;
  margin: var(--small-padding2) 0; }
  .headline-list h1:hover {
    color: var(--font-color-hover1); }

.headline-list .article-embargo {
  color: var(--bg-color4); }

.first-item-tablet h1 {
  font-size: 26px;
  line-height: 34px; }

.left-col-article-list h1 {
  font-size: 26px;
  line-height: 34px;
  margin: 0;
  font-family: var(--font-family4); }

@media (max-width: 760px) {
  .left-col-article-list h1 {
    font-size: 16px !important;
    line-height: 22px !important; } }

.article-subheading {
  float: left; }
  .article-subheading h1 {
    font-family: var(--font-family4);
    font-size: 16px;
    line-height: 24px; }

.text-content {
  flex-grow: 1; }
  .text-content h1, .text-content h3 {
    font-family: var(--font-family4); }
  .text-content p {
    font-family: var(--font-family1);
    font-size: 18px; }

@Media (max-width: 760px) {
  .text-content p {
    font-size: 16px; }
  .text-content h1 {
    font-size: 26px; }
  .text-content h3 {
    font-size: 18px; } }

.menu-overlay.active {
  display: block !important;
  z-index: 999; }

.sub-menu-item {
  align-items: center;
  justify-content: flex-start;
  padding-left: 7em;
  border-bottom: 1px solid black;
  width: 100%;
  display: none !important; }
  .sub-menu-item > a p {
    color: var(--font-color6) !important; }

.visible {
  display: block !important; }

.demo {
  background: #8E9FBE !important; }
  .demo h1 {
    font-size: 26px !important;
    line-height: 34px !important; }
  .demo a:hover h1 {
    color: white !important;
    text-decoration: underline; }

.panoraama-ad {
  text-align: center;
  width: 100% !important; }
  .panoraama-ad img {
    width: 100%; }

.max-width-content {
  max-width: max-content; }

section.ad {
  padding: var(--small-padding2) 0; }
  section.ad img {
    display: block;
    width: 100% !important; }

.location-container {
  page-break-inside: avoid; }

.ad-box {
  padding-bottom: var(--small-padding2); }
  .ad-box section.ad {
    margin: 0 auto; }

.menu-overlay {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: #b0b0b075;
  backdrop-filter: blur(4px);
  mouse-events: none;
  display: none !important; }

@media only screen and (max-width: 760px) {
  .headline-vinjet p.vinjetti {
    font-size: 16px !important;
    line-height: 22px !important; } }

.headline-vinjet {
  display: flow-root; }
  .headline-vinjet p.vinjetti {
    color: var(--bg-color4);
    width: auto;
    overflow-wrap: break-word;
    display: inline-block;
    float: left;
    margin: 0;
    font-size: 26px;
    line-height: 34px;
    font-family: var(--font-family4); }
  .headline-vinjet p.vinjetti:after {
    content: "|";
    padding: 0px 0.2em; }

.noutojakelupisteet {
  font-family: var(--font-family1);
  background: var(--bg-color3);
  border: 1px solid var(--bg-color10);
  padding: var(--small-padding);
  margin: 0 10px; }
  .noutojakelupisteet h1 {
    font-size: var(--font-size2); }
  .noutojakelupisteet h2 {
    font-size: var(--font-size1); }
  .noutojakelupisteet h2:not(:first-child) {
    margin-top: 2em; }
  .noutojakelupisteet .article-text {
    display: block;
    column-count: 2; }
    .noutojakelupisteet .article-text p {
      margin: var(--main-padding) 0; }

.custom-layout {
  /*.article-list > div {
	display: none;
}
.article-list > div:nth-child(-n+3) {
	display: block;
}*/
  /*.article-list > div:nth-child(odd):nth-last-child(2), .article-list > div:nth-last-child(1){
	border-bottom: 0;
	padding-bottom: 0;
}*/
  /*.article-embargo > span {
    color: var(--font-color3);
    font-family: var(--font-family1);
}*/ }
  .custom-layout .article-list .article-col {
    margin-bottom: 0;
    /*h1 {
		font-size: var(--font-size2);
		color: var(--font-color1);
	}*/ }
    .custom-layout .article-list .article-col a {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0; }
    .custom-layout .article-list .article-col .article-wrap > a:hover h1 {
      color: var(--font-color-hover1); }
    .custom-layout .article-list .article-col .article-wrap {
      height: 100%; }
      .custom-layout .article-list .article-col .article-wrap .text-content {
        padding: 0 var(--small-padding2) 0 var(--main-padding); }
  .custom-layout .ad a:hover {
    color: white; }

.article-content {
  padding: 0 1.4em; }

@Media (max-width: 568px) {
  .article-content h1 {
    font-size: 26px !important; }
  .article-content h3 {
    font-size: 18px !important; }
  .article-content p {
    font-size: 16px !important; } }

@media only screen and (min-width: 481px) {
  .searchBox-nav {
    position: relative; }
    .searchBox-nav form {
      z-index: 9999; } }

.js-text-kilpailut {
  display: none !important; }

.tapetti {
  position: fixed;
  top: 0;
  left: 0;
  background: #b0b0b075;
  right: 0;
  bottom: 0;
  z-index: 99999;
  width: auto;
  backdrop-filter: blur(4px); }
  .tapetti .exit i {
    cursor: pointer;
    color: #fff;
    height: 35px;
    width: 35px;
    font-size: 35px;
    text-align: center;
    background: var(--bg-color4); }
  .tapetti .ad-box {
    width: auto; }
  .tapetti > div {
    width: auto !important;
    position: relative;
    height: auto; }
  .tapetti .exit {
    justify-content: end;
    position: absolute; }
  .tapetti section.ad {
    padding: 0; }
  .tapetti .sv2022_tapetti img {
    max-width: 100% !important; }

.kaupallinenyhteistyo {
  margin-bottom: var(--small-padding2); }
  .kaupallinenyhteistyo .dept-wrap > div * {
    font-family: var(--font-family1);
    font-size: var(--font-size1); }
  .kaupallinenyhteistyo .dept-wrap .article-vinjet p:before {
    content: ": "; }
  .kaupallinenyhteistyo .dept-wrap .article-vinjet p {
    margin: 0; }

.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background: grey;
  opacity: 0.3; }

button.btn-send {
  background: var(--bg-color4);
  color: var(--font-color5);
  border: 0;
  padding: var(--small-padding); }

.slide {
  transition: all 0.3s ease;
  right: 0 !important; }

@media only screen and (max-width: 480px) {
  .mobile-search-open .nav-icon, .mobile-search-open p {
    opacity: 0; } }

.search-icon-container {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center; }

@media only screen and (max-width: 480px) {
  .searchBox-nav {
    text-align: center; }
    .searchBox-nav p > i {
      font-size: 24px; }
    .searchBox-nav form {
      z-index: 9999; }
    .searchBox-nav p {
      font-family: var(--font-family1);
      margin: 0;
      color: var(--font-color6); }
    .searchBox-nav a:hover p {
      color: var(--font-color3); }
    .searchBox-nav div:hover p, .searchBox-nav div:hover i {
      color: var(--font-color3); } }
  @media only screen and (max-width: 480px) and (min-width: 880px) {
    .searchBox-nav a, .searchBox-nav div {
      display: flex;
      flex-direction: row; }
    .searchBox-nav div p {
      margin-left: 5px; }
    .searchBox-nav p {
      display: flex;
      align-items: center;
      font-size: 20px; } }

.ad-box.videoEmbed {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: var(--small-padding2); }
  .ad-box.videoEmbed iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.ad-box iframe {
  margin: 0 auto; }

.js-phone .js-link {
  margin-bottom: var(--main-padding);
  font-family: var(--font-family1); }

.contact-card p.kirjoittaja {
  font-weight: 400;
  text-transform: uppercase;
  margin-top: var(--small-padding2); }

.contact-card p.titteli {
  font-weight: bold;
  margin-top: var(--main-padding); }

.contact-card p.titteli:first-child {
  margin-top: 0; }

.right-col-wrapper {
  padding: var(--small-padding2);
  background: var(--bg-color3);
  border: 1px solid var(--bg-color10);
  margin-left: var(--small-padding2);
  max-width: max-content; }
  .right-col-wrapper h1:hover {
    text-decoration: underline; }
  .right-col-wrapper h2 {
    color: var(--bg-color4);
    margin: var(--small-padding2);
    font-family: var(--font-family4); }
  .right-col-wrapper .text-content {
    padding: var(--small-padding2) var(--small-padding); }
  .right-col-wrapper .article-col:nth-child(n+2) {
    border-top: 1px solid var(--font-color1); }

@Media (max-width: 1040px) {
  .right-col-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding: var(--main-padding); }
    .right-col-wrapper .uusimmat-col, .right-col-wrapper .luetuimmat-col {
      padding: 0 var(--main-padding); }
      .right-col-wrapper .uusimmat-col .text-content, .right-col-wrapper .luetuimmat-col .text-content {
        padding: 0; }
    .right-col-wrapper h2 {
      margin: var(--small-padding2) 0; } }

@Media (max-width: 375px) {
  .right-col-wrapper {
    padding: var(--small-padding2); } }

.ag-cookie {
  position: fixed;
  z-index: 10;
  bottom: 0;
  background: var(--bg-color2);
  z-index: 999999; }
  .ag-cookie p, .ag-cookie h2 {
    font-family: var(--font-family2);
    color: var(--font-color1); }
  .ag-cookie h2 {
    margin-bottom: 0; }
  .ag-cookie a {
    display: inline-block; }
  .ag-cookie .accept-cookie {
    background: var(--bg-color3);
    border-right: var(--main-border);
    border-top: var(--main-border); }
    .ag-cookie .accept-cookie p {
      background: var(--bg-color4);
      color: var(--font-color5);
      padding: var(--main-padding);
      cursor: pointer;
      border-radius: 15px;
      font-family: var(--font-family4); }
      .ag-cookie .accept-cookie p:hover {
        background: var(--bg-color11); }
  .ag-cookie .coockie-text {
    padding: 2em 5em;
    border-top: var(--main-border); }
    .ag-cookie .coockie-text p {
      font-size: var(--font-size1); }
  .ag-cookie .coockie-text p a {
    text-decoration: underline;
    color: var(--font-color1); }
  .ag-cookie.none {
    display: none !important; }

@media only screen and (min-width: 1054px) {
  .panoraama_etus.sv2022_panorama section.ad {
    min-width: 1053px;
    max-width: 1053px; } }

.article-page p.Caption, .article-page p.Source {
  display: block;
  margin: var(--small-padding) 0;
  padding: 0 1.4em; }

.article-page p.esirivi {
  margin-top: var(--big-padding);
  margin-bottom: -1em;
  font-weight: bold; }

.article-page .article-shorttext p.esirivi {
  margin-bottom: 1em;
  margin-top: 1em; }

.article-page h1 {
  font-family: var(--font-family4); }

.article-page .article-gallery .nd-carousel-container {
  margin: -1.2em -1.2em 0 -1.2em;
  width: calc(100% + 2.4em);
  border-radius: 10px 10px 0px 0px; }

.article-page .article-gallery .nd-carousel-overflow {
  border-radius: 10px 10px 0 0; }

.article-page .main-headline h1 {
  font-size: 36px;
  line-height: 46px;
  margin: var(--small-padding2) 0 var(--small-padding2) 0; }

.article-page h3 {
  font-family: var(--font-family4);
  font-size: 20px;
  line-height: 1.6em; }

.article-page .article-img {
  float: right;
  padding-left: var(--small-padding2); }

.left-col.tapahtumat {
  background: var(--bg-color3);
  padding: 20px;
  position: relative;
  font-family: var(--font-family1); }

.eventsVisible {
  display: flex; }

.eventsHidden {
  display: none; }

.nav-icon {
  cursor: pointer;
  flex-direction: row;
  text-align: center; }
  .nav-icon img {
    height: 2em;
    width: 2em; }
  .nav-icon a:hover img {
    /*filter: invert(12%) sepia(98%) saturate(6909%) hue-rotate(317deg) brightness(96%) contrast(101%);*/
    filter: invert(19%) sepia(38%) saturate(6669%) hue-rotate(195deg) brightness(95%) contrast(101%); }
  .nav-icon p {
    font-family: var(--font-family1);
    margin: 0;
    color: var(--font-color6); }
  .nav-icon a:hover p {
    color: var(--font-color3); }
  .nav-icon div:hover p, .nav-icon div:hover i {
    color: var(--font-color3); }
  @media (min-width: 880px) {
    .nav-icon a, .nav-icon div {
      display: flex;
      flex-direction: row; }
    .nav-icon div p {
      margin-left: 5px; }
    .nav-icon p {
      display: flex;
      align-items: center;
      font-size: 20px; } }
  .nav-icon img[src*=".svg"] {
    padding: 4px; }

.svEvent {
  gap: 20px;
  align-items: stretch; }
  .svEvent .eventFrame {
    flex: 1 1 30%;
    max-width: 50%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    cursor: pointer;
    transition: box-shadow 0.4s; }
    .svEvent .eventFrame img {
      width: 100%;
      display: block;
      transition: filter 0.4s;
      filter: brightness(100%); }
    .svEvent .eventFrame:hover {
      box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; }
      .svEvent .eventFrame:hover img {
        filter: brightness(85%) !important; }
  .svEvent .textWrap {
    padding: 10px; }
  .svEvent .eventName {
    font-family: var(--font-family4);
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.2;
    margin-bottom: 10px; }
  .svEvent .eventDate, .svEvent .eventLocation {
    font-weight: 500;
    font-size: 1em; }
  .svEvent .eventDescription p {
    margin: 10px 0 0;
    font-size: 1em; }

.kaupallinen-vinjetbox p.vinjetti {
  color: #fff;
  font-family: var(--font-family4);
  text-transform: uppercase;
  margin: 0;
  display: none; }

.fullEvents .openInfo {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 10px;
  border-left: 3px solid var(--bg-color4);
  gap: 10px;
  position: sticky;
  top: 10px;
  min-height: 25px; }
  .fullEvents .openInfo div {
    font-weight: 500;
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    margin-bottom: 5px; }
    .fullEvents .openInfo div:last-child {
      border: 0;
      padding-bottom: 0; }
    .fullEvents .openInfo div span {
      width: calc(100% - 26px);
      text-align: end; }
  .fullEvents .openInfo a {
    color: var(--bg-color4);
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis; }
  .fullEvents .openInfo .location div {
    flex-direction: column;
    display: flex; }
    .fullEvents .openInfo .location div span {
      width: 100%;
      text-align: right; }
  .fullEvents .openInfo .pricewrap {
    flex-direction: column; }
    .fullEvents .openInfo .pricewrap span {
      width: 100%; }
  .fullEvents .openInfo .subevents-toggle {
    border-bottom: 0;
    padding-bottom: 0; }
  .fullEvents .openInfo #subEvents {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    .fullEvents .openInfo #subEvents a {
      width: max-content;
      border-bottom: 1px solid #e9e9e9; }
      .fullEvents .openInfo #subEvents a.old-event {
        display: none; }

.fullEvents {
  background: #fff;
  z-index: 99; }
  .fullEvents .eventImg img {
    width: 100%; }
  .fullEvents .closeEvents {
    cursor: pointer; }
    .fullEvents .closeEvents p {
      margin: 0 0 10px 0;
      display: flex;
      align-items: center;
      gap: 5px; }
  .fullEvents .mainData {
    flex-flow: column; }
  .fullEvents .eventName {
    font-family: var(--font-family4);
    font-weight: bold;
    font-size: 2em;
    line-height: 1.2;
    margin-bottom: 20px; }
  .fullEvents .eventDate {
    font-weight: 500;
    font-size: 1em;
    margin-bottom: 5px; }
  .fullEvents .splitEvent {
    gap: 20px; }
  .fullEvents .infoVinjet {
    font-size: 1.3em;
    font-weight: bold; }
  .fullEvents .eventShortDescription {
    font-weight: 500;
    font-size: 1.1em; }
  .fullEvents .eventShortDescription p {
    margin: 0; }
  .fullEvents .eventDescription p {
    margin: 0; }
  .fullEvents .openText {
    gap: 20px; }

.searchEvent {
  background: #fff;
  margin: 10px 0 15px 0;
  padding: 20px;
  box-shadow: 0px 2px 10px 0px #c5c5c5;
  width: max-content !important;
  border-radius: 4px; }
  .searchEvent .textSearch, .searchEvent .dateSearch, .searchEvent .areaSelect {
    display: flex;
    flex-direction: column;
    border: 2px solid var(--bg-color4);
    border-radius: 4px;
    padding: 10px; }
    .searchEvent .textSearch label, .searchEvent .dateSearch label, .searchEvent .areaSelect label {
      font-family: var(--font-family1);
      font-size: 17px;
      margin-bottom: 5px;
      line-height: 1; }
    .searchEvent .textSearch input, .searchEvent .textSearch select, .searchEvent .dateSearch input, .searchEvent .dateSearch select, .searchEvent .areaSelect input, .searchEvent .areaSelect select {
      border: 1px solid #ccc;
      padding: 4px;
      border-radius: 4px;
      font-family: var(--font-family1); }
  .searchEvent form {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px; }
  .searchEvent button {
    border: 0;
    background: var(--bg-color4);
    font-family: var(--font-family1);
    font-size: 16px;
    height: fit-content;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer; }
    .searchEvent button i {
      margin-right: 5px; }
  .searchEvent .dateSearch > div {
    display: flex;
    gap: 5px;
    align-items: center; }
  .searchEvent svg {
    fill: #fff; }

@media only screen and (max-width: 760px) {
  .eventPage .searchEvent form {
    flex-flow: column; }
    .eventPage .searchEvent form > * {
      width: 100%; }
  .eventPage .svEvent .eventFrame {
    width: 100%;
    flex: unset;
    max-width: 100%; }
  .eventPage .fullEvents .splitEvent {
    flex-flow: column; }
  .eventPage .fullEvents .openInfo {
    max-width: 100%; } }

.dateSearch svg {
  fill: var(--bg-color4) !important; }

@media only screen and (min-width: 641px) {
  .top-article .hor-ver-wrap {
    flex-direction: column; }
    .top-article .hor-ver-wrap > div {
      width: 100%; } }

@media only screen and (min-width: 641px) {
  .hor-ver-wrap {
    flex-direction: row; }
    .hor-ver-wrap > div {
      width: 50%; } }

.custom-layout.tyopaikat-layout .tyopaikat-mainos.article-col {
  background: #811f81;
  padding: var(--main-padding) !important;
  padding-bottom: 0;
  border: 1px solid var(--bg-color10);
  margin-bottom: var(--small-padding2); }
  .custom-layout.tyopaikat-layout .tyopaikat-mainos.article-col .article-wrap {
    background: initial;
    border: 0;
    padding: 0; }
    .custom-layout.tyopaikat-layout .tyopaikat-mainos.article-col .article-wrap h1.otsikko, .custom-layout.tyopaikat-layout .tyopaikat-mainos.article-col .article-wrap .headline-vinjet p.vinjetti {
      color: var(--font-color5); }
    .custom-layout.tyopaikat-layout .tyopaikat-mainos.article-col .article-wrap .embargo-wrapper {
      display: none; }
    .custom-layout.tyopaikat-layout .tyopaikat-mainos.article-col .article-wrap .article-headline {
      padding-top: var(--small-padding); }
    .custom-layout.tyopaikat-layout .tyopaikat-mainos.article-col .article-wrap .kaupallinen-vinjetbox p.vinjetti::before {
      content: "MAINOS: AVOIMET TYÖPAIKAT – "; }
    .custom-layout.tyopaikat-layout .tyopaikat-mainos.article-col .article-wrap .text-content {
      padding: 0; }
      .custom-layout.tyopaikat-layout .tyopaikat-mainos.article-col .article-wrap .text-content h1.otsikko {
        font-family: var(--font-family3); }
      .custom-layout.tyopaikat-layout .tyopaikat-mainos.article-col .article-wrap .text-content p.vinjetti {
        display: none; }

.agPoll {
  padding: 0px !important;
  border: none !important;
  font-size: 15px;
  background: none !important; }
  .agPoll .answer {
    margin: 7px 0px !important;
    padding: 7px 0px 7px 11px;
    border: 1px solid #dadada;
    background-color: #F6F6F6;
    border-radius: 4px; }
    .agPoll .answer:before {
      color: #CCCCCC;
      background-color: #FFFFFF;
      content: "\f1db";
      font-family: "Font Awesome 6 Pro";
      margin: 1px 8px 0 0;
      float: left;
      border-radius: 50%; }
    .agPoll .answer:hover {
      background-color: #F0F0F0; }
      .agPoll .answer:hover:before {
        color: #797979;
        content: "\f192"; }
  .agPoll .question_text, .agPoll .text_conteiner {
    font-family: var(--font-family1); }
  .agPoll .answer-result-state {
    background: var(--bg-color4) !important;
    padding: 5px;
    margin: 5px 0px;
    border-radius: 4px;
    white-space: nowrap;
    box-sizing: border-box; }
  .agPoll .state_answer .answer {
    display: none; }

p.nd-slide-caption {
  font-size: 16px !important;
  font-family: var(--font-family4) !important;
  font-weight: 500; }

@media only screen and (max-width: 880px) {
  .footer-wrap > div > a {
    margin: 0 auto; } }

.searchEvent a.about {
  color: var(--bg-color4);
  font-family: var(--font-family1);
  font-size: 13px;
  margin-top: 5px; }

.lomake-vinjetti h1, .lomake-vinjetti h3, .lomake-vinjetti p {
  padding-left: 35px; }

.lomake-vinjetti h3 {
  font-family: var(--font-family1); }

.lomake-vinjetti p {
  font-family: var(--font-family1);
  color: var(--font-color1); }

.lomake-vinjetti p a {
  display: inline-flex;
  color: var(--bg-color4); }

.header {
  user-select: none; }

.lomake input::placeholder, .lomake input::-ms-input-placeholder, .lomake input:-ms-input-placeholder {
  opacity: 0; }

.lomake .active input::placeholder, .lomake .active input::-ms-input-placeholder, .lomake .active input:-ms-input-placeholder {
  opacity: 1; }

.lomake textarea {
  height: auto;
  background: var(--bg-color15);
  border: none; }

.lomake .button {
  width: max-content !important; }

.lomake .field-label {
  background: var(--bg-color15) !important;
  color: var(--font-color2); }

.lomake input, .lomake select {
  border: none;
  /*border-radius: 6px;*/
  background: var(--bg-color15);
  min-width: 0; }

.lomake img {
  height: 35px; }

.lomake .input-group {
  display: flex;
  width: 100%; }
  .lomake .input-group.attachments {
    margin-bottom: var(--main-padding); }

.lomake i {
  font-size: 24px !important;
  line-height: 35px;
  width: 35px;
  text-align: center; }

.lomake h1, .lomake p {
  font-family: var(--font-family1);
  padding-left: 35px; }

.header .header-top {
  padding: var(--main-padding);
  background: var(--bg-color14);
  position: relative; }
  .header .header-top .logo {
    /*margin-right: var(--small-padding);*/ }
    .header .header-top .logo img {
      width: 100% !important;
      padding: var(--small-padding) 0; }
  .header .header-top i {
    cursor: pointer;
    color: var(--font-color5); }
    .header .header-top i:hover {
      color: var(--bg-color2); }
  .header .header-top .top-navigation p {
    font-family: var(--font-family2);
    text-transform: uppercase;
    padding: 0 var(--main-padding); }
    .header .header-top .top-navigation p:hover {
      /*color: var(--font-color3);*/
      color: var(--bg-color2); }

.nostopalkki {
  background: var(--bg-color15);
  /*span {
	color: var(--font-color6);
	font-family: var(--font-family1);
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
}*/ }
  .nostopalkki .article-headline {
    justify-content: center;
    padding: 0; }
  .nostopalkki h1 {
    font-family: var(--font-family1);
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    /*padding: 0 var(--small-padding2);*/
    /*padding: 0 calc(var(--main-padding) * 2);*/
    margin-bottom: 0;
    text-align: center; }

@Media (max-width: 760px) {
  .nostopalkki {
    /*span {
		font-size: 7px;
		line-height: 13px;
	}*/ }
    .nostopalkki h1 {
      font-size: 14px !important;
      line-height: 18px !important;
      padding: 0 19.2px; } }

@Media (max-width: 375px) {
  .nostopalkki .article-headline {
    padding: 0 var(--small-padding2); } }
  .nostopalkki .embargo-wrapper {
    justify-content: center; }

.footer-logo {
  background: var(--bg-color14);
  align-self: flex-end;
  text-align: center; }
  .footer-logo img {
    vertical-align: bottom;
    width: 100%; }
  .footer-logo p {
    color: white; }

@Media (max-width: 880px) {
  .footer-logo img {
    width: 60%; } }

@media only screen and (max-width: 480px) {
  .top-navigation form.agSearch {
    position: absolute;
    right: 20px;
    left: 20px;
    top: 0;
    bottom: 0;
    max-height: 35px;
    margin: auto;
    display: none; }
    .top-navigation form.agSearch.active {
      display: flex; }
    .top-navigation form.agSearch input {
      width: 100% !important;
      padding: 10px;
      border-radius: 4px;
      border: 0; }
    .top-navigation form.agSearch button {
      position: absolute;
      right: 0px;
      background: var(--bg-color15);
      border: 0;
      padding: 10px;
      border-radius: 0px 4px 4px 0px; } }

.footer {
  background: var(--bg-color14);
  /*.footer-wrap >div:first-child > div {
    padding: var(--main-padding2) 0;
}*/ }
  .footer .footer-wrap {
    padding: var(--main-padding);
    flex-direction: column; }
  .footer .logo {
    padding: var(--main-padding2) 0; }
    .footer .logo img {
      width: 100% !important;
      padding: var(--small-padding) 0; }

@Media (max-width: 880px) {
  .footer .logo {
    align-self: center; } }
  .footer img {
    max-width: 400px; }
  .footer .footer-nav a {
    width: 100%; }
  .footer .footer-nav p {
    font-family: var(--font-family2);
    color: var(--font-color5);
    margin: 0;
    padding-top: var(--small-padding); }
  .footer .footer-nav a:hover p {
    color: var(--bg-color2); }

.header-icon-container {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .header-icon-container img {
    height: 2em;
    width: 2em; }
  .header-icon-container p {
    padding-left: 0 !important; }

.magazines {
  gap: 20px;
  margin-top: 50px; }

.archive-box {
  background: var(--bg-color3);
  padding: var(--main-padding);
  border: 1px solid var(--bg-color10);
  margin: 20px;
  max-width: 480px; }
  .archive-box h2 {
    font-family: var(--font-family4);
    margin: 0 0 10px 0; }
  .archive-box a {
    color: var(--color1);
    margin: 5px 0;
    font-family: var(--font-family4);
    text-decoration: underline; }

.newsletterTarget p {
  margin: 0; }

.hidden-paper {
  visibility: hidden; }

.newsletterTarget hr {
  display: none; }

.newsletterTargetList h1, .newsletterTargetList p.otsikko {
  font-size: 18px !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
  text-decoration: none !important;
  hyphens: none !important;
  font-weight: normal !important; }

.newsletterArticle a {
  text-decoration: none;
  color: #000; }

.newsletterArticle img {
  width: 100% !important; }

.newsletterLinks a, .newsletterLinks p, newsLetter Links span.netdepartment-name.string {
  text-decoration: none;
  color: black !important;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline; }

.custom-layout .article-list a .article-col, .custom-layout .article-list a .article-col .article-wrap {
  height: 100%; }
  .custom-layout .article-list a .article-col h1, .custom-layout .article-list a .article-col .article-wrap h1 {
    font-family: var(--font-family1); }
  .custom-layout .article-list a .article-col p, .custom-layout .article-list a .article-col .article-wrap p {
    font-family: var(--font-family1); }

@media only screen and (min-width: 481px) {
  .top-navigation form.agSearch {
    position: absolute;
    bottom: 8px;
    right: 12px;
    width: 250px;
    display: none; }
    .top-navigation form.agSearch.active {
      display: flex; }
      .top-navigation form.agSearch.active i {
        color: var(--font-color6) !important; }
    .top-navigation form.agSearch input {
      width: 100% !important;
      padding: 10px;
      border-radius: 4px;
      border: 0; }
    .top-navigation form.agSearch button {
      position: absolute;
      right: 0px;
      background: var(--bg-color15);
      border: 0;
      padding: 10px;
      border-radius: 0px 4px 4px 0px; } }

@media only screen and (max-width: 760px) {
  .nav-wrap-mobile {
    padding: var(--small-padding) calc(var(--main-padding) * 2);
    position: relative; }
    .nav-wrap-mobile > div {
      justify-content: space-between; } }

@media only screen and (max-width: 1053px) {
  .noutojakelupisteet {
    margin: 0;
    padding: 0 calc(var(--main-padding) * 2); }
    .noutojakelupisteet .article-text {
      column-count: 1; }
  @Media (max-width: 375px) {
    .noutojakelupisteet {
      padding: 0 25.6px; } } }

@media only screen and (min-width: 881px) {
  .header .header-bottom .navigation a {
    margin-right: var(--small-padding); }
  .header .header-bottom .navigation p {
    /*line-height: 40px;*/ }
  .header .header-bottom .navigation a:hover p {
    box-shadow: inset 0px -5px 0 -1px var(--font-color3);
    color: var(--font-color3); } }

.tyopaikat-mainos .kaupallinen-vinjetbox p.vinjetti {
  display: block; }

@media only screen and (max-width: 880px) {
  .header .header-bottom div.search {
    padding: 0;
    margin-top: var(--main-padding); } }

@media only screen and (max-width: 760px) {
  :root {
    --font-size3: 2.0em; } }

div.ad-article {
  background: #8E9FBE;
  padding: var(--main-padding);
  padding-bottom: 0;
  border: 1px solid var(--bg-color10);
  margin-bottom: var(--small-padding2); }
  div.ad-article h1 {
    padding: var(--small-padding2) 0;
    /*font-size: 36px;
	line-height: 46px;*/
    font-size: 26px;
    line-height: 34px;
    color: var(--font-color5); }
  div.ad-article a:hover h1 {
    /*color: var(--bg-color2) !important;*/
    text-decoration: underline; }
  div.ad-article .text-content {
    padding: 0 var(--small-padding2) 0 var(--main-padding); }
  @media (max-width: 760px) {
    div.ad-article {
      /*h1 {
		font-size: 18px !important;
	}*/ }
      div.ad-article h1.otsikko {
        font-size: 16px !important;
        line-height: 22px !important; } }
  @media (max-width: 375px) {
    div.ad-article {
      padding: var(--small-padding2); } }

@media only screen and (max-width: 880px) {
  .nav-icon {
    flex-direction: column; } }

.none {
  display: none; }

.kaupallinenyhteistyo-list {
  position: relative; }
  .kaupallinenyhteistyo-list .ad-article {
    opacity: 0;
    z-index: -1;
    position: absolute;
    transition: opacity 0.5s ease-in-out; }
  .kaupallinenyhteistyo-list .ad-article.active {
    opacity: 1;
    z-index: 9999; }

@media only screen and (min-width: 761px) and (max-width: 1053px) {
  .footer .footer-wrap {
    /*padding: var(--main-padding) 0;*/
    /*max-width: 710px !important;*/ } }

@media only screen and (max-width: 1053px) {
  .nostopalkki {
    /*span {
	color: var(--font-color6);
	font-family: var(--font-family1);
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
}*/ }
    .nostopalkki .article-headline {
      padding: 0 var(--main-padding); }
    .nostopalkki h1 {
      font-family: var(--font-family1);
      font-weight: bold;
      font-size: 18px;
      line-height: 22px;
      /*padding: var(--small-padding2);*/
      /*padding: 0 calc(var(--main-padding) * 2);*/
      margin-bottom: 0;
      text-align: center; }
  @Media (max-width: 760px) {
    .nostopalkki {
      /*span {
		font-size: 7px;
		line-height: 13px;
	}*/ }
      .nostopalkki h1 {
        font-size: 14px !important;
        line-height: 18px !important;
        padding: 0 19.2px; } }
  @Media (max-width: 375px) {
    .nostopalkki .article-headline {
      padding: 0 var(--small-padding2); } }
    .nostopalkki .embargo-wrapper {
      justify-content: center; } }

@media only screen and (max-width: 640px) {
  .tyopaikat-mainos .kaupallinen-vinjetbox p.vinjetti {
    font-size: 14px; } }

@media only screen and (max-width: 760px) {
  .header .header-bottom {
    padding-bottom: 0;
    padding-top: 0;
    background: none; }
    .header .header-bottom div.search {
      margin: var(--main-padding) 0; } }

@media only screen and (max-width: 760px) {
  .footer .nav-wrap, .footer .footer-wrap {
    -webkit-flex-direction: column;
    flex-direction: column; }
  .footer .footer-wrap > div {
    min-width: 100% !important; }
  .footer .footer-wrap {
    /*max-width: 400px;*/ }
  .footer .footer-wrap .logo-footer img {
    /*max-width: 230px !important;*/
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto; }
  .footer .nav-wrap .footer-nav {
    min-width: 100%; }
  .footer .footer-wrap .logo-footer a {
    width: 100%;
    text-align: center; }
  .footer .some {
    margin: var(--small-padding2) 0; } }

[class^="tapahtumatBoksi"] {
  flex: 1 1 100%;
  display: flex;
  justify-content: center;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 20px 0px; }
  [class^="tapahtumatBoksi"] section.ad {
    padding: 0; }
    [class^="tapahtumatBoksi"] section.ad img {
      width: initial !important; }

.kirjoittajan-kirjoitukset .vinjet p {
  font-family: var(--font-family2);
  font-size: var(--font-size2); }

.kirjoittajan-kirjoitukset h1 {
  padding-left: 0; }

.kirjoittajan-kirjoitukset a {
  border-bottom: var(--main-border);
  padding-bottom: var(--main-padding2);
  margin-bottom: var(--main-padding2); }

.kirjoittajan-kirjoitukset .meta span {
  font-family: var(--font-family2);
  margin-right: var(--small-padding2); }

@media only screen and (max-width: 1053px) {
  .header .navigation.side > div:first-child {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-right: var(--main-padding); } }

@media only screen and (max-width: 760px) {
  .ag-cookie .accept-cookie {
    position: static;
    width: 100% !important;
    border-right: 0; }
    .ag-cookie .accept-cookie p {
      font-size: var(--font-size-small); }
  .ag-cookie > div {
    flex-direction: column-reverse; }
  .ag-cookie .coockie-text {
    margin-left: 0;
    width: 100% !important;
    padding: 2em; }
  .ag-cookie .coockie-text p {
    font-size: var(--font-size-small); }
  .ag-cookie .coockie-text h2 {
    font-size: var(--font-size1); } }

@media only screen and (max-width: 760px) {
  .top-story .article-tag {
    background: var(--bg-color2);
    padding: var(--main-padding) var(--small-padding);
    margin: 0;
    margin-top: -1.3em; }
    .top-story .article-tag .agTextTagCloud {
      margin-top: 0; }
      .top-story .article-tag .agTextTagCloud a span {
        background: var(--bg-color3);
        border: 1px solid var(--bg-color3);
        color: var(--font-color4);
        margin-left: 0; }
      .top-story .article-tag .agTextTagCloud a:hover span {
        background: var(--bg-color6);
        border: 1px solid var(--bg-color6);
        color: var(--font-color2); } }

@media only screen and (max-width: 760px) {
  .top-story .relative {
    padding-bottom: 0; }
  .top-story .no-img .top-story-text-wrap h1.otsikko {
    color: var(--font-color2) !important; }
  .top-story .no-img .top-story-text-wrap .article-embargo span {
    color: var(--font-color2) !important; }
  .top-story .no-img .top-story-text-wrap:before {
    background: var(--font-color2); }
  .top-story .top-story-text-wrap {
    position: relative;
    background: var(--bg-color2);
    padding: var(--main-padding); }
    .top-story .top-story-text-wrap h1.otsikko {
      font-size: var(--font-size2);
      color: var(--font-color1) !important; }
    .top-story .top-story-text-wrap .article-embargo span {
      color: var(--font-color1) !important; }
    .top-story .top-story-text-wrap:before {
      background: var(--font-color1); }
  .top-story a:hover .top-story-text-wrap:before {
    background: var(--bg-color3); }
  .top-story a:hover .article-headline h1.otsikko, .top-story a:hover .article-embargo span {
    color: var(--font-color2) !important; } }

.header-bottom .navigation {
  background: var(--bg-color3);
  position: fixed !important;
  top: 0px;
  right: -260px;
  z-index: 9999 !important;
  width: 260px;
  bottom: 0 !important;
  border-left: 1px solid;
  transition: all 0.3s ease;
  overflow-y: auto; }
  .header-bottom .navigation.active {
    bottom: 0;
    overflow-y: auto;
    margin: 0 auto 0 auto; }
  .header-bottom .navigation > div:first-child {
    margin-top: 25px; }
  .header-bottom .navigation .hamburger-menu-item, .header-bottom .navigation .sub-menu-item {
    transition: all 0.2s ease;
    color: var(--font-color6); }
    .header-bottom .navigation .hamburger-menu-item a, .header-bottom .navigation .hamburger-menu-item p, .header-bottom .navigation .sub-menu-item a, .header-bottom .navigation .sub-menu-item p {
      font-size: 16px; }
  .header-bottom .navigation .hamburger-menu-item:hover p, .header-bottom .navigation .hamburger-menu-item:hover i, .header-bottom .navigation .sub-menu-item:hover p, .header-bottom .navigation .sub-menu-item:hover i {
    color: var(--font-color6); }
  .header-bottom .navigation a {
    flex-direction: row;
    display: flex;
    align-items: center;
    color: var(--font-color6); }
  .header-bottom .navigation a p {
    width: 100% !important;
    padding: var(--small-padding) var(--main-padding);
    display: flex;
    justify-content: flex-start; }
  .header-bottom .navigation p {
    line-height: unset; }
  @media (max-width: 880px) {
    .header-bottom .navigation {
      top: 156px;
      width: 100%;
      right: -880px; }
      .header-bottom .navigation > div:first-child {
        margin-top: 0px; }
      .header-bottom .navigation .hamburger-menu-item {
        padding-left: 4em; } }

.article-tag {
  margin-bottom: var(--main-padding);
  margin-left: var(--small-padding); }
  .article-tag a {
    word-wrap: break-word;
    display: inline-flex;
    margin-bottom: var(--small-padding2) !important;
    margin-right: var(--small-padding2) !important; }
  .article-tag .agTextTagCloud {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 0; }

p.agTextTagCloud span {
  padding: var(--small-padding2) var(--small-padding);
  font-family: var(--font-family2);
  border-radius: 20px;
  color: var(--font-color4);
  border: 1px solid var(--font-color4); }

p.agTextTagCloud a:hover span {
  color: var(--font-color3);
  border: var(--border4); }

.custom-layout .kaupallinenyhteistyo .article-col .ad-article {
  background: #8E9FBE; }