@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,400,600,700,900&display=swap);
/*
$h2-font-size-mobile:
$h2-font-size-desktop:
$h3-font-size-mobile:
$h3-font-size-desktop:
$h4-font-size:
$h5-font-size:
*/
@-webkit-keyframes slideIn {
  from {
    display: none;
    right: 100%;
    opacity: 0; }
  to {
    right: 0%;
    display: block;
    opacity: 1; } }
@keyframes slideIn {
  from {
    display: none;
    right: 100%;
    opacity: 0; }
  to {
    right: 0%;
    display: block;
    opacity: 1; } }

@-webkit-keyframes slideOut {
  from {
    opacity: 0;
    display: none;
    left: 100%; }
  to {
    opacity: 1;
    display: block;
    left: 0%; } }

@keyframes slideOut {
  from {
    opacity: 0;
    display: none;
    left: 100%; }
  to {
    opacity: 1;
    display: block;
    left: 0%; } }

@-webkit-keyframes fadeIn {
  from {
    display: none;
    opacity: 0; }
  to {
    display: block;
    opacity: 1; } }

@keyframes fadeIn {
  from {
    display: none;
    opacity: 0; }
  to {
    display: block;
    opacity: 1; } }

.button--transparent, .overlay .block-views-exposed-filter-blocksolr-search-page-solr-search .button, .field--name-field-image-files .field__item a, .node--view-mode-lateral-image-left .field--name-field-url a,
.node--view-mode-lateral-image-left .file--mime-application-pdf a,
.node--view-mode-lateral-image-right .field--name-field-url a,
.node--view-mode-lateral-image-right .file--mime-application-pdf a, .view-book-search .views-exposed-form input[type="submit"], #sliding-popup .eu-cookie-compliance-agree-button,
#sliding-popup .eu-cookie-compliance-more-button,
#sliding-popup .eu-cookie-compliance-hide-button,
#sliding-popup .eu-cookie-compliance-buttons button {
  display: inline-block;
  padding: 7px;
  border: 2px solid white;
  border-radius: 2px;
  color: white;
  background: transparent; }
  .button--transparent:hover, .overlay .block-views-exposed-filter-blocksolr-search-page-solr-search .button:hover, .field--name-field-image-files .field__item a:hover, .node--view-mode-lateral-image-left .field--name-field-url a:hover,
  .node--view-mode-lateral-image-left .file--mime-application-pdf a:hover,
  .node--view-mode-lateral-image-right .field--name-field-url a:hover,
  .node--view-mode-lateral-image-right .file--mime-application-pdf a:hover, .view-book-search .views-exposed-form input:hover[type="submit"], #sliding-popup .eu-cookie-compliance-agree-button:hover,
  #sliding-popup .eu-cookie-compliance-more-button:hover,
  #sliding-popup .eu-cookie-compliance-hide-button:hover,
  #sliding-popup .eu-cookie-compliance-buttons button:hover, .button--transparent:focus, .overlay .block-views-exposed-filter-blocksolr-search-page-solr-search .button:focus, .field--name-field-image-files .field__item a:focus, .node--view-mode-lateral-image-left .field--name-field-url a:focus,
  .node--view-mode-lateral-image-left .file--mime-application-pdf a:focus,
  .node--view-mode-lateral-image-right .field--name-field-url a:focus,
  .node--view-mode-lateral-image-right .file--mime-application-pdf a:focus, .view-book-search .views-exposed-form input:focus[type="submit"], #sliding-popup .eu-cookie-compliance-agree-button:focus,
  #sliding-popup .eu-cookie-compliance-more-button:focus,
  #sliding-popup .eu-cookie-compliance-hide-button:focus,
  #sliding-popup .eu-cookie-compliance-buttons button:focus {
    border-color: #c7c7c7;
    color: #c7c7c7; }

.top-items .field {
  max-width: none;
  margin: 0;
  padding: 0; }

.is-open {
  display: block !important; }

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 768px) {
    .flex-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.visibility-print {
  display: none !important; }

/*
$h2-font-size-mobile:
$h2-font-size-desktop:
$h3-font-size-mobile:
$h3-font-size-desktop:
$h4-font-size:
$h5-font-size:
*/
@media (max-width: 1024px) {
  html.is-noscroll,
  body.is-noscroll {
    overflow: hidden; } }

html.addsearch-crawler .ch2,
body.addsearch-crawler .ch2 {
  display: none; }

body {
  background: #fff;
  color: #333333;
  font-family: "Work Sans", sans-serif;
  font-size: 1.8rem;
  margin: 0; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word; }

a,
.sharing .addtocal-form .addtocal {
  color: #255DD0;
  font-weight: 600;
  text-decoration: underline;
  -webkit-text-decoration-color: #73899D;
          text-decoration-color: #73899D; }
  a:hover,
  .sharing .addtocal-form .addtocal:hover {
    color: #FF3E60;
    text-decoration: none; }

ul {
  margin: 0; }

ul.menu {
  margin-left: 0;
  padding: 0;
  list-style: none; }

ul.box {
  border: 1px solid #923468;
  padding: 20px 20px 20px 50px;
  list-style-image: url(22eb3a081f236979e18b7e393b92574a.svg); }

.text-formatted ul {
  margin: 10px 0 30px;
  padding-left: 10px;
  list-style: none; }
  .text-formatted ul ul {
    margin-top: 15px;
    margin-bottom: 20px; }
    .text-formatted ul ul > li {
      padding-left: 25px; }
  .text-formatted ul ol {
    margin-top: 15px;
    margin-bottom: 20px; }
    .text-formatted ul ol > li {
      padding-left: 35px; }
  .text-formatted ul > li {
    margin: 0 0 14px 0;
    padding-left: 25px;
    position: relative;
    list-style: none; }
    @media (min-width: 768px) {
      .text-formatted ul > li {
        margin: 0 0 18px 0; } }
    .text-formatted ul > li:before {
      background: #0E4264;
      border-radius: 50%;
      content: '';
      height: 7px;
      left: 0;
      position: absolute;
      top: 8px;
      width: 7px; }

.text-formatted ol {
  margin: 10px 0 30px;
  padding-left: 10px;
  counter-reset: list; }
  .text-formatted ol ul {
    margin-top: 15px;
    margin-bottom: 20px; }
    .text-formatted ol ul > li {
      padding-left: 25px; }
  .text-formatted ol ol {
    counter-reset: item;
    margin-top: 15px;
    margin-bottom: 20px; }
    .text-formatted ol ol > li {
      padding-left: 35px; }
  .text-formatted ol > li {
    margin: 0 0 14px;
    padding-left: 25px;
    position: relative;
    counter-increment: item;
    list-style-type: none; }
    @media (min-width: 768px) {
      .text-formatted ol > li {
        margin: 0 0 18px 0; } }
    .text-formatted ol > li:before {
      content: counters(item, ".") ". ";
      font-size: 1.6rem;
      left: 0;
      line-height: 2.1rem;
      position: absolute;
      top: 0; }

dl dd {
  margin-bottom: 1em;
  margin-left: 0; }

img {
  height: auto;
  width: 100%; }

.node .responsive-embed video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.text-formatted img {
  max-width: 100%;
  width: auto; }
  .text-formatted img.image-style-body-image {
    width: 100%; }

blockquote {
  background: #f7f7f7;
  border: 2px solid #002E63;
  margin: 0;
  overflow: auto;
  padding: 0 2rem; }
  blockquote img {
    margin: 5px; }

.field--name-field-attachment-file,
div[data-embed-button="embed_file"],
.attachment {
  margin-bottom: 5px; }
  .field--name-field-attachment-file a,
  div[data-embed-button="embed_file"] a,
  .attachment a {
    margin-left: 30px;
    position: relative; }
    .field--name-field-attachment-file a:before,
    div[data-embed-button="embed_file"] a:before,
    .attachment a:before {
      background: url("/themes/custom/kuntaliitto2022/src/images/svg/attachment.svg") 0 0/contain no-repeat;
      content: "";
      height: 19px;
      left: -30px;
      position: absolute;
      top: 0;
      width: 20px; }
    .field--name-field-attachment-file a:hover,
    div[data-embed-button="embed_file"] a:hover,
    .attachment a:hover {
      color: #FF3E60;
      text-decoration: none; }
  .field--name-field-attachment-file .file,
  div[data-embed-button="embed_file"] .file,
  .attachment .file {
    background: none;
    padding-left: 0; }
  .field--name-field-attachment-file .field-group-link--file,
  div[data-embed-button="embed_file"] .field-group-link--file,
  .attachment .field-group-link--file {
    min-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-block: 28px; }
  .field--name-field-attachment-file .field--name-name,
  div[data-embed-button="embed_file"] .field--name-name,
  .attachment .field--name-name {
    width: 100%; }
  .field--name-field-attachment-file .field--name-field-file,
  div[data-embed-button="embed_file"] .field--name-field-file,
  .attachment .field--name-field-file {
    display: none; }

.attachment .field--name-field-file,
.field--name-field-attachment-file .field--name-field-file {
  display: block;
  color: #000000;
  font-weight: normal;
  margin-top: 5px; }

.ui-widget.ui-widget-content {
  z-index: 5 !important; }

input,
select,
textarea {
  font-family: "Work Sans", sans-serif; }

input,
select {
  background: white; }

fieldset {
  border: none; }

details {
  border: none;
  margin: 0; }

html {
  font-size: 62.5%; }

p {
  line-height: 1.28; }
  p.highlight {
    background: #E5F4FC url("/themes/custom/kuntaliitto2022/src/images/png/pink_round_lr.png") no-repeat right bottom;
    background-color: #E5F4FC;
    color: #0E4264;
    font-size: 2rem;
    font-weight: bold;
    margin: 30px 0;
    padding: 24px 32px; }
    @media (min-width: 768px) {
      p.highlight {
        font-size: 2.2rem;
        margin: 40px; } }
    @media (min-width: 1025px) {
      p.highlight {
        margin: 40px 80px; } }

h1, h2, h3 {
  font-weight: 600; }
  h1 a, h2 a, h3 a {
    color: #333333;
    text-decoration: none; }

h1 {
  color: #0E4264;
  font-size: 2.4rem;
  font-weight: 800; }
  @media (min-width: 1025px) {
    h1 {
      font-size: 3.6rem; } }

h2 {
  color: #0E4264;
  font-size: 2rem;
  font-weight: 800;
  line-height: 2.4rem; }
  @media (min-width: 768px) {
    h2 {
      font-size: 2.4rem;
      line-height: 2.8rem; } }

h3 {
  color: #000000;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 2.1rem; }

h4 {
  color: #333333;
  text-transform: uppercase; }

h5 {
  color: #0E4264;
  text-transform: uppercase; }

.container {
  margin: 0 auto;
  max-width: 1280px; }

.container-narrow {
  margin: 0 auto;
  max-width: 832px;
  padding: 0 2.5rem; }
  @media (min-width: 1025px) {
    .container-narrow {
      padding: 0; } }

.hero .container-narrow {
  padding: 0; }

.wrap--narrow, .contact-information.node--view-mode-full .contact-information__content-wrapper,
.wrap--narrow--mobile {
  margin: 0 auto;
  max-width: 832px; }

@media print {
  @page {
    margin: 10mm; }
  .visibility-screen {
    display: none !important; }
  .visibility-print {
    display: block !important; }
  .header-wrapper,
  .main-navigation,
  .block-local-tasks-block,
  footer,
  .iframe-wrapper,
  .section-menu,
  [data-drupal-messages] {
    display: none !important; }
  main {
    margin-top: 0; }
  body {
    font-size: 15px !important;
    padding: 0 !important; }
  body > .toolbar,
  body > .ch2 {
    display: none; }
  #block-breadcrumbs-2,
  #block-breadcrumbs-3 {
    display: none !important; }
  .layout-container__main {
    display: block !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important; }
  .layout-container__main-content {
    width: 100% !important;
    padding-left: 0 !important; }
  .node--view-mode-full .field--name-field-subtitle {
    font-size: 14px !important; }
  .node--view-mode-full .sharing {
    display: none; }
  .node--view-mode-full .fieldgroup--tags {
    display: none; }
  .node--view-mode-full .field--name-dynamic-block-fieldnode-lang-switcher-current {
    display: none; }
  .node--view-mode-full .field--name-field-contacts .contact-information-info__box:nth-child(n+2) {
    display: none; }
  .node--view-mode-full table {
    page-break-inside: avoid; }
  .node--view-mode-full .paragraph--type--accordion .accordion-content {
    display: block; }
  .text-formatted ul > li {
    margin: 0 0 15px 0; }
  .print-page-url {
    display: block !important; }
  h1, h2, h3, h4 {
    page-break-after: avoid;
    page-break-inside: avoid;
    font-weight: 600 !important; }
  h1 {
    font-size: 24px !important;
    margin-bottom: 30px !important; }
  h2 {
    font-size: 20px !important; }
  h3 {
    font-size: 17px !important; }
  h4 {
    font-size: 16px !important; }
  body, p, li, h1, h2, h3, h4 {
    color: #000 !important; }
  blockquote {
    margin: 0 !important;
    border-left: 2px solid #ccc !important; }
  p {
    page-break-inside: avoid; }
  .book-page .header-image,
  .book-page .book-pager-wrapper,
  .book-page .back-to-book-front,
  .book-page .accordion-title,
  .book-page .footer-buttons,
  .book-page .field--name-field-topics,
  .book-page .field--name-field-keywords,
  .book-page .field--name-field-municipalities,
  .book-page .field--name-field-terms {
    display: none !important; }
  .book-page .container-narrow,
  .book-page .content-wrapper,
  .book-page .book-main,
  .book-page .block-book-navigation,
  .book-page .menu--book-tree,
  .book-page .book-pager-wrapper,
  .book-page .print-page-url,
  .book-page .paragraph--type--accordion {
    padding: 0 !important;
    margin: 0 !important; }
  .book-page .container-narrow,
  .book-page .content-wrapper,
  .book-page .book-main {
    max-width: none !important; }
  .book-page .book-name {
    font-weight: 600 !important;
    font-size: 30px !important;
    margin-bottom: 30px !important; }
  .book-page h1 {
    margin: 0 0 10px 0 !important; }
  .book-page .block-book-navigation {
    background: none !important;
    margin-bottom: 20px !important;
    page-break-after: always; }
    .book-page .block-book-navigation .menu--book-tree {
      -webkit-column-count: 1 !important;
         -moz-column-count: 1 !important;
              column-count: 1 !important; }
      .book-page .block-book-navigation .menu--book-tree li {
        padding: 0 0 5px 0 !important; }
      .book-page .block-book-navigation .menu--book-tree a {
        color: #000 !important;
        font-weight: 500 !important; }
  .book-page .book-content-wrapper ul, .book-page .book-content-wrapper ol {
    margin-left: 10px;
    page-break-inside: avoid;
    page-break-before: avoid; }
    .book-page .book-content-wrapper ul > li, .book-page .book-content-wrapper ol > li {
      page-break-inside: avoid;
      padding-left: 15px; }
      .book-page .book-content-wrapper ul > li:before, .book-page .book-content-wrapper ol > li:before {
        display: none !important; }
  .book-page .book-content-wrapper ul > li {
    list-style: disc !important; }
  .book-page .book-content-wrapper ol > li {
    list-style: auto !important; } }

.media-file {
  position: relative;
  background-image: url(341a16c11d374e187610e3040d0910ff.svg);
  width: 100%;
  background-size: 60px 60px;
  background-repeat: no-repeat;
  margin-left: -6px;
  min-height: 60px; }
  .media-file:hover, .media-file:focus {
    background-color: #f7f7f7; }
  .media-file .field--name-name {
    color: #2653AF;
    margin-left: 65px;
    display: inline-block;
    font-weight: bold; }
  .media-file .field--name-field-file {
    display: none; }

.field-group-link--file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px; }
  .field-group-link--file:hover, .field-group-link--file:focus {
    color: #2653AF; }

.field--name-field-attachments,
.field--name-field-attachments-paragraph {
  padding-top: 30px;
  padding-bottom: 30px; }
  .field--name-field-attachments .field__label,
  .field--name-field-attachments-paragraph .field__label {
    color: #333333;
    margin-bottom: 30px;
    font-size: 2.2rem; }
  .field--name-field-attachments > .field__items > .field__item,
  .field--name-field-attachments-paragraph > .field__items > .field__item {
    margin-bottom: 15px; }
  .field--name-field-attachments .paragraph--type--attachment,
  .field--name-field-attachments-paragraph .paragraph--type--attachment {
    margin-bottom: 15px; }
  .field--name-field-attachments .paragraph--type--free-text,
  .field--name-field-attachments-paragraph .paragraph--type--free-text {
    margin-top: 15px; }
  .field--name-field-attachments .file,
  .field--name-field-attachments-paragraph .file {
    position: relative; }

.cyan-background {
  background: #00A6D6; }

.background--light-grey {
  background: #f7f7f7; }

.background--blue {
  background: #2653AF; }

.figure-background {
  background-repeat: no-repeat; }

.banner-wrapper {
  background-color: #fff; }

.blogger-box .content-wrapper {
  font-size: 1.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #E5F4FC;
  padding: 32px;
  gap: 32px; }
  @media (min-width: 768px) {
    .blogger-box .content-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.blogger-box p {
  margin-top: 0; }

.blogger-box a {
  text-decoration: none; }
  .blogger-box a:hover {
    text-decoration: underline; }

.blogger-box h3 {
  margin-top: 0;
  margin-bottom: 10px; }
  .blogger-box h3 a {
    color: #923468; }

.blogger-box .col {
  position: relative;
  z-index: 1; }
  .blogger-box .col.col2 {
    min-width: 150px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  @media (min-width: 1025px) {
    .blogger-box .col.col3 {
      max-width: 256px; } }
  .blogger-box .col.col3 h3 {
    color: #0E4264;
    font-weight: 700; }

.blogger-box .field--name-field-picture img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: block; }

.blogger-box .field--name-field-job-title {
  margin-bottom: 30px; }

.blogger-box .field--name-field-phone {
  margin-bottom: 10px; }

.blogger-box .field--name-field-figure {
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0; }
  .blogger-box .field--name-field-figure img {
    display: block; }

.blogger-box .field--name-description {
  font-size: 1.3rem; }

body.term-bundle-bloggers .region-content .views-row {
  max-width: 1152px;
  margin: 30px 25px 0 25px; }
  @media (min-width: 1025px) {
    body.term-bundle-bloggers .region-content .views-row {
      margin: 30px 32px 0 32px; } }

body.book-page .region-header .block-system-branding-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  body.book-page .region-header .block-system-branding-block .site-logo {
    border-right: 1px solid #923468;
    padding-right: 10px;
    margin-right: 10px; }
  body.book-page .region-header .block-system-branding-block .site-name {
    max-width: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    body.book-page .region-header .block-system-branding-block .site-name a {
      font-size: 1.4rem;
      line-height: 1.7rem;
      color: #923468; }
  @media (min-width: 1200px) {
    body.book-page .region-header .block-system-branding-block {
      -webkit-transform: none;
              transform: none; } }

body.book-page .region-header .block-kl-addsearch {
  display: none; }

body.book-page .region-header .block-language-blocklanguage-interface {
  display: none; }
  @media (min-width: 1025px) {
    body.book-page .region-header .block-language-blocklanguage-interface {
      display: block; } }

body.book-page .region-header a.back-to-the-front {
  display: none;
  color: #0E4264;
  font-weight: normal;
  font-size: 1.4rem;
  text-decoration: none; }
  body.book-page .region-header a.back-to-the-front:hover {
    text-decoration: underline; }
  body.book-page .region-header a.back-to-the-front:after {
    content: "";
    float: left;
    width: 0.8em;
    height: 1.25em;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
    background-image: url(cf485f4a5a3167a121441ee02b535c00.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 5px; }
  @media (min-width: 1025px) {
    body.book-page .region-header a.back-to-the-front {
      display: block; } }

body.book-page .header-image {
  height: 288px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 20px; }
  @media (min-width: 1025px) {
    body.book-page .header-image {
      height: 450px; } }
  body.book-page .header-image.default {
    height: 152px; }

body.book-page .book-main,
body.book-page .book-footer {
  max-width: 833px;
  margin: auto;
  padding: 0 24px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

body.book-page .book-pager-wrapper {
  background: #923468;
  padding: 30px;
  margin: 30px 0; }
  body.book-page .book-pager-wrapper .book-title {
    padding-bottom: 30px;
    text-align: center; }
    body.book-page .book-pager-wrapper .book-title a {
      font-size: 1.8rem;
      line-height: 2rem;
      color: #fff;
      -webkit-text-decoration-color: #fff;
              text-decoration-color: #fff; }
  body.book-page .book-pager-wrapper .book-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 1100px;
    margin: auto;
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px; }
    @media (min-width: 1025px) {
      body.book-page .book-pager-wrapper .book-pager {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    body.book-page .book-pager-wrapper .book-pager .prev,
    body.book-page .book-pager-wrapper .book-pager .next {
      text-align: center;
      width: 100%; }
      @media (min-width: 1025px) {
        body.book-page .book-pager-wrapper .book-pager .prev,
        body.book-page .book-pager-wrapper .book-pager .next {
          width: 50%; } }
    body.book-page .book-pager-wrapper .book-pager.prev-and-next .prev {
      border-bottom: 1px solid #fff;
      padding-bottom: 20px;
      margin-bottom: 20px; }
      @media (min-width: 1025px) {
        body.book-page .book-pager-wrapper .book-pager.prev-and-next .prev {
          border-bottom: 0;
          padding-bottom: 0;
          margin-bottom: 0; } }
    body.book-page .book-pager-wrapper .book-pager a {
      color: #fff;
      -webkit-text-decoration-color: #fff;
              text-decoration-color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 1.5rem;
      line-height: 2rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (min-width: 1025px) {
        body.book-page .book-pager-wrapper .book-pager a {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; }
          body.book-page .book-pager-wrapper .book-pager a[rel="prev"] {
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start; }
          body.book-page .book-pager-wrapper .book-pager a[rel="next"] {
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end; } }
      body.book-page .book-pager-wrapper .book-pager a:before {
        background-size: 7px 12px;
        background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right-white.svg");
        background-repeat: no-repeat;
        background-position: center center;
        content: '';
        border: 1px solid #fff;
        display: block;
        width: 48px;
        height: 48px;
        min-width: 48px;
        border-radius: 24px;
        margin: 10px;
        -webkit-transition: all 0.2s;
        transition: all 0.2s; }
      body.book-page .book-pager-wrapper .book-pager a[rel="prev"]:before {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
      @media (min-width: 1025px) {
        body.book-page .book-pager-wrapper .book-pager a[rel="next"]:before {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; } }

body.book-page .back-to-book-front {
  font-size: 1.5rem;
  color: #255DD0;
  text-decoration: none; }
  body.book-page .back-to-book-front:hover {
    text-decoration: underline; }
  body.book-page .back-to-book-front:before {
    background: url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right-blue.svg") no-repeat 0 0;
    background-size: 7px 12px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    content: '';
    display: inline-block;
    width: 7px;
    height: 12px;
    margin-right: 10px; }

body.book-page .content-wrapper {
  padding: 0 24px;
  max-width: 1152px;
  margin: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

body.book-page h1 {
  font-size: 2.4rem; }
  @media (min-width: 1025px) {
    body.book-page h1 {
      font-size: 3.2rem; } }

body.book-page blockquote {
  background: #E5F4FC;
  border: 0;
  margin: 40px 0; }
  body.book-page blockquote .text-formatted ul li:before {
    background-color: #923468; }

body.book-page .footer-buttons > div,
body.book-page .footer-buttons > a {
  display: inline-block; }

body.book-page .footer-buttons a {
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  font-weight: normal;
  font-size: 1.3rem;
  background: #255DD0;
  border: 2px solid #255DD0;
  border-radius: 24px;
  padding: 10px 20px;
  text-decoration: none;
  color: #fff;
  margin-right: 5px; }
  body.book-page .footer-buttons a:hover {
    color: #255DD0;
    background: transparent; }

@media (min-width: 1025px) {
  body.book-page #main-menu-toggle {
    display: none; } }

body.book-page #mobile-menu-wrapper {
  position: absolute;
  z-index: 2;
  width: 100%;
  margin-top: 20px;
  background: #923468;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029; }
  @media (min-width: 1025px) {
    body.book-page #mobile-menu-wrapper {
      display: none !important; } }
  body.book-page #mobile-menu-wrapper .menu-footer {
    border-top: 1px solid #fff;
    margin: 10px 20px 0 20px;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    body.book-page #mobile-menu-wrapper .menu-footer .block-language {
      display: block;
      margin: auto auto auto 0; }
      body.book-page #mobile-menu-wrapper .menu-footer .block-language a {
        text-decoration: none;
        border-color: #fff;
        color: #fff; }
    body.book-page #mobile-menu-wrapper .menu-footer .back-to-the-front {
      margin: auto 0 auto auto;
      color: #fff;
      font-weight: normal;
      font-size: 1.3rem;
      text-decoration: underline; }

body.page-node-type-export-content-book-page #mobile-menu-wrapper {
  background: #E9D6E1; }
  body.page-node-type-export-content-book-page #mobile-menu-wrapper .menu-footer {
    border-color: #255DD0; }
    body.page-node-type-export-content-book-page #mobile-menu-wrapper .menu-footer .block-language a {
      border-color: #255DD0;
      color: #255DD0; }
    body.page-node-type-export-content-book-page #mobile-menu-wrapper .menu-footer .back-to-the-front {
      color: #255DD0; }

body.page-node-type-export-content-book-page .book-menu .paragraph--type--accordion {
  background: none;
  max-width: 1152px;
  margin: auto auto 20px auto; }
  body.page-node-type-export-content-book-page .book-menu .paragraph--type--accordion .text-close {
    display: none; }
  body.page-node-type-export-content-book-page .book-menu .paragraph--type--accordion.open .text-close {
    display: inline; }
  body.page-node-type-export-content-book-page .book-menu .paragraph--type--accordion.open .text-open {
    display: none; }
  body.page-node-type-export-content-book-page .book-menu .paragraph--type--accordion .menu--book-tree {
    padding-top: 0; }
  body.page-node-type-export-content-book-page .book-menu .paragraph--type--accordion .menu--sub-menu {
    margin-top: 15px; }
  body.page-node-type-export-content-book-page .book-menu .paragraph--type--accordion .accordion-header {
    background: #923468;
    padding: 0;
    margin: 0; }
    body.page-node-type-export-content-book-page .book-menu .paragraph--type--accordion .accordion-header h2 {
      color: #fff;
      border: 0;
      font-size: 1.6rem;
      font-weight: 600;
      padding: 15px 24px; }
  body.page-node-type-export-content-book-page .book-menu .paragraph--type--accordion .accordion-content {
    padding: 0; }
  body.page-node-type-export-content-book-page .book-menu .paragraph--type--accordion .accordion-toggler {
    background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-down-white.svg"); }

.breadcrumb {
  background-color: #E5F4FC;
  color: #0E4264;
  margin-top: 15px;
  padding: 0; }
  .breadcrumb ol {
    max-width: 1280px;
    margin: auto;
    padding: 11px 25px 13px 25px; }
    @media (min-width: 768px) {
      .breadcrumb ol {
        padding: 11px 32px 13px 32px; } }
  .breadcrumb li {
    position: relative;
    padding: 0px 5px 0 11px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block; }
    .breadcrumb li:before {
      content: '' !important;
      position: absolute;
      background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right.svg");
      background-size: 5px 8px;
      -webkit-transform: none;
              transform: none;
      top: 2px;
      left: 0;
      width: 5px;
      height: 8px; }
  .breadcrumb a {
    display: inline-block;
    color: #0E4264;
    text-decoration: none;
    font-weight: normal; }
    .breadcrumb a:hover {
      text-decoration: underline; }

.button--blue, .field--name-field-event-url a, .form-submit:not(.form-submit-header), .node--view-mode-centred-liftup .field--name-field-url a,
.node--view-mode-centred-liftup .file--mime-application-pdf a, .paragraph--type--publication .node--view-mode-centred-liftup .field--name-field-url a,
.paragraph--type--publication .node--view-mode-centred-liftup .file--mime-application-pdf a {
  background: #2653AF;
  padding: 7px 15px;
  color: white;
  border-radius: 5px;
  display: inline-block;
  -webkit-text-decoration-color: white;
          text-decoration-color: white; }
  .button--blue:hover, .field--name-field-event-url a:hover, .form-submit:hover:not(.form-submit-header), .node--view-mode-centred-liftup .field--name-field-url a:hover,
  .node--view-mode-centred-liftup .file--mime-application-pdf a:hover, .button--blue:focus, .field--name-field-event-url a:focus, .form-submit:focus:not(.form-submit-header), .node--view-mode-centred-liftup .field--name-field-url a:focus,
  .node--view-mode-centred-liftup .file--mime-application-pdf a:focus {
    background: #A1ADC7; }

.button--light-blue {
  background: #A1ADC7;
  padding: 7px;
  color: white;
  border-radius: 5px;
  display: inline-block; }

.close {
  position: relative;
  width: 32px;
  height: 32px; }
  .close:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #0E4264; }
  .close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .close--white:before, .close--white:after {
    background-color: #fff; }

.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 768px) {
    .column {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .column__left {
    padding: 1.5rem;
    background: #F9F9F9; }
    @media (min-width: 768px) {
      .column__left {
        width: 25%; } }
  .column__right {
    padding: 2rem 0;
    background: #f7f7f7; }
    @media (min-width: 768px) {
      .column__right {
        width: 75%;
        padding: 2rem; } }

.node--type-contact-information h2 {
  display: none; }

.contact-directory-item-wrapper {
  padding: 10px 0; }
  .contact-directory-item-wrapper:first-child {
    padding: 20px 0 10px 0; }
  .contact-directory-item-wrapper:last-child {
    padding: 10px 0 20px 0; }

.contact-directory-item {
  font-size: 1.5rem;
  line-height: 2.5rem;
  background-color: #e5f4fc;
  padding: 20px;
  overflow: auto; }
  .contact-directory-item .contact-information__name {
    color: #923468;
    text-transform: none;
    font-size: 1.8rem; }
  .contact-directory-item img {
    border-radius: 50%;
    width: 130px;
    height: 130px; }
  .contact-directory-item .views-field-field-first-name,
  .contact-directory-item .views-field-field-last-name {
    font-weight: bold;
    margin: 0; }
  @media (min-width: 768px) {
    .contact-directory-item .views-field-field-first-name {
      margin-left: 40px; } }
  .contact-directory-item .views-field-field-contact-email {
    padding: 10px 0; }
  .contact-directory-item .views-label {
    font-weight: bold; }
  .contact-directory-item .views-field-field-person-title {
    margin-left: 15px; }

@media (min-width: 768px) {
  .contact-directory-item--services .views-field-field-image {
    float: left; }
  .contact-directory-item--services .views-field-field-contact-email,
  .contact-directory-item--services .views-field-field-service-description,
  .contact-directory-item--services .views-field-field-responsibilities {
    margin-left: 170px; } }

.contact-directory-item__left {
  width: 100%; }
  @media (min-width: 768px) {
    .contact-directory-item__left {
      width: 20%; } }

.contact-directory-item__right {
  width: 100%; }
  @media (min-width: 768px) {
    .contact-directory-item__right {
      width: 80%; } }
  .contact-directory-item__right .label {
    display: block; }

.contact-directory-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .contact-directory-item__info p {
    margin: 0; }
  @media (min-width: 768px) {
    .contact-directory-item__info {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.contact-directory-item__right__top {
  margin-top: 10px; }
  @media (min-width: 768px) {
    .contact-directory-item__right__top {
      margin-top: 0; } }

@media (min-width: 768px) {
  .contact-directory-item__right__left,
  .contact-directory-item__right__right {
    width: 50%; } }

.contact-directory-item__right__left div,
.contact-directory-item__right__right div {
  margin-bottom: 20px; }

.contact-directory-item__right__left .contact-directory-item__division,
.contact-directory-item__right__left .contact-directory-item__organization,
.contact-directory-item__right__left .contact-directory-item__department,
.contact-directory-item__right__right .contact-directory-item__division,
.contact-directory-item__right__right .contact-directory-item__organization,
.contact-directory-item__right__right .contact-directory-item__department {
  margin: 0; }

.contact-directory-item__name {
  font-weight: bold; }

.contact-directory-item__title {
  margin-left: 2px;
  text-transform: lowercase; }

.view-contact-directory .views-exposed-form {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .view-contact-directory .views-exposed-form .form-item-division {
    max-width: 190px; }
  .view-contact-directory .views-exposed-form .form-item-search {
    max-width: 300px; }
  .view-contact-directory .views-exposed-form #edit-field-service-in-swedish-value--wrapper {
    margin-left: 10px; }

.view-contact-directory .view-footer {
  margin-top: 20px; }

.cookiehub-actions {
  height: auto;
  width: 100%;
  position: absolute;
  background: #fcf6ee;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px; }

.iframe-wrapper {
  display: block;
  position: relative;
  min-width: 200px;
  min-height: 100px;
  overflow: hidden;
  margin-bottom: 15px;
  width: 100%;
  aspect-ratio: auto; }
  .iframe-wrapper iframe {
    position: relative;
    width: 100%;
    display: block; }
  .iframe-wrapper .cookiehub-actions {
    height: 100%; }
  .iframe-wrapper.video {
    aspect-ratio: 16/9; }
    .iframe-wrapper.video iframe {
      height: 100%; }

.ch2 .ch2-settings {
  font-family: "Work Sans", sans-serif; }
  .ch2 .ch2-settings #ch2-settings-title {
    font-weight: 800; }

.ch2 .ch2-btn {
  font-family: "Work Sans", sans-serif; }

.ch2 .ch2-deny-all-btn {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #999 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  .ch2 .ch2-deny-all-btn:hover {
    border: 1px solid #000 !important; }

#sliding-popup.sliding-popup-bottom, #sliding-popup.sliding-popup-top {
  margin: 0;
  padding: 10px 0;
  width: 100%;
  z-index: 99999;
  left: 0;
  text-align: center; }

#sliding-popup.sliding-popup-bottom {
  position: fixed; }

#sliding-popup.sliding-popup-top {
  position: relative; }

#sliding-popup .eu-cookie-compliance-content {
  margin: 0 auto;
  max-width: 80%;
  display: inline-block;
  text-align: left;
  width: 100%; }
  #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message {
    float: left;
    /* LTR */
    margin: 5px 0 0;
    max-width: 60%; }
    #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message h1, #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message h2, #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message h3, #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message p {
      color: #fff;
      line-height: 1.4;
      margin: 0 0 5px 0; }
    #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message h1, #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
      font-weight: 600; }
    #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message h1 {
      font-size: 2.4rem; }
    @media (max-width: 767px) {
      #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message p {
        font-size: 1.2rem; }
      #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
        font-size: 1.2rem; } }

#sliding-popup .eu-cookie-compliance-buttons {
  float: right;
  /* LTR */
  margin: 0 0 1em 0; }

#sliding-popup .eu-cookie-compliance-buttons .decline-button {
  display: none; }

#sliding-popup .eu-cookie-compliance-agree-button,
#sliding-popup .eu-cookie-compliance-more-button,
#sliding-popup .eu-cookie-compliance-hide-button,
#sliding-popup .eu-cookie-compliance-buttons button {
  margin: 5px 10px 0 0;
  font-size: 1.8rem;
  cursor: pointer; }
  @media (max-width: 767px) {
    #sliding-popup .eu-cookie-compliance-agree-button,
    #sliding-popup .eu-cookie-compliance-more-button,
    #sliding-popup .eu-cookie-compliance-hide-button,
    #sliding-popup .eu-cookie-compliance-buttons button {
      font-size: 1.2rem; } }

#sliding-popup .eu-cookie-compliance-agree-button:active,
#sliding-popup .eu-cookie-compliance-more-button:active,
#sliding-popup .eu-cookie-compliance-hide-button:active {
  position: relative;
  top: 1px; }

@media (max-width: 767px) {
  #sliding-popup .eu-cookie-compliance-content {
    max-width: 95%; }
  #sliding-popup .eu-cookie-compliance-message {
    max-width: 100%; }
  #sliding-popup .eu-cookie-compliance-buttons {
    clear: both;
    float: none;
    max-width: 100%;
    margin: 5px 0 1em; } }

.page-events #main-menu-toggle,
.page-events div[data-drupal-messages] {
  display: none; }

@media (min-width: 1200px) {
  .page-events .header-wrapper .block-system-branding-block {
    -webkit-transform: none;
            transform: none; } }

.page-events .header-wrapper .block-kl-addsearch {
  margin-right: 11px;
  margin-left: 50px; }
  @media (min-width: 768px) {
    .page-events .header-wrapper .block-kl-addsearch {
      margin-right: 30px; } }

.page-events .header-wrapper .addsearch-widget.focused .addsearch-searchfield {
  min-width: auto; }

.page-events .header-wrapper .addsearch-widget.focused .addsearch-widget--search input {
  width: 100px; }
  @media (min-width: 450px) {
    .page-events .header-wrapper .addsearch-widget.focused .addsearch-widget--search input {
      width: 160px; } }

.page-events .header-wrapper .addsearch-widget--results {
  position: absolute;
  width: 210px; }
  @media (min-width: 360px) {
    .page-events .header-wrapper .addsearch-widget--results {
      width: 260px; } }
  @media (min-width: 450px) {
    .page-events .header-wrapper .addsearch-widget--results {
      width: 300px; } }
  @media (min-width: 768px) {
    .page-events .header-wrapper .addsearch-widget--results {
      width: 460px; } }

.page-events .header-wrapper a.back-to-the-front {
  color: #0E4264;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  font-weight: 500;
  font-size: 1.4rem; }
  @media (min-width: 768px) {
    .page-events .header-wrapper a.back-to-the-front {
      font-weight: 600;
      font-size: 1.6rem;
      white-space: nowrap; } }

.page-events .main-content {
  position: relative; }
  .page-events .main-content .top-items {
    margin: 10px 2.5rem 0 0;
    z-index: 2; }
    @media (min-width: 360px) {
      .page-events .main-content .top-items {
        margin-top: 23px;
        position: absolute;
        right: 0; } }
    @media (min-width: 1025px) {
      .page-events .main-content .top-items {
        top: 40px;
        right: 64px;
        margin-right: 0; }
        .page-events .main-content .top-items .lang-switcher a {
          color: #fff; } }
    @media (min-width: 1200px) {
      .page-events .main-content .top-items {
        right: 0; } }

@media (min-width: 1025px) {
  .page-events .view-events {
    margin-bottom: 80px;
    margin-top: -200px; } }

@media (min-width: 1200px) {
  .page-events .view-events {
    max-width: 100%; } }

.page-events .view-events .pager__items {
  text-align: inherit;
  margin-top: 20px; }
  @media (min-width: 1025px) {
    .page-events .view-events .pager__items {
      margin-top: 50px; } }
  .page-events .view-events .pager__items .pager__item {
    font-size: 2.6rem;
    padding: 0.1em; }

.page-events .view-events .pager__item--first {
  display: none; }

.page-events .view-events .pager__item--last {
  display: none; }

.page-events .layout-container__main {
  margin-top: 0;
  padding: 0;
  max-width: 960px; }

.page-events .layout-container__main-content {
  padding: 0; }

.page-events .header-image {
  background-size: cover;
  background-position: center; }

.page-events .view-header {
  color: #fff; }
  @media (min-width: 1200px) {
    .page-events .view-header .container-narrow {
      max-width: 100%; } }
  .page-events .view-header .field--name-body {
    color: #0E4264;
    font-size: 1.6rem;
    font-weight: bold; }
    @media (min-width: 1025px) {
      .page-events .view-header .field--name-body {
        padding: 20px 64px 20px 64px;
        background: #1054B5;
        color: #fff;
        font-size: 2.4rem; } }
    @media (min-width: 1200px) {
      .page-events .view-header .field--name-body {
        padding: 40px 64px 20px 64px; } }
    .page-events .view-header .field--name-body a {
      color: #FFF;
      text-decoration: underline; }
      .page-events .view-header .field--name-body a :hover {
        color: #FFF; }

.page-events .views-header-bottom {
  border-bottom: 1px solid #1054B5;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #1054B5; }
  @media (max-width: 767px) {
    .page-events .views-header-bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.page-events .view-results {
  color: #333333;
  font-weight: bold; }
  @media (max-width: 767px) {
    .page-events .view-results {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }

.page-events .views-row--listing {
  padding: 0; }
  .page-events .views-row--listing:first-child {
    padding: 0; }

.page-events h1 {
  font-size: 2.8rem;
  display: inline-block;
  background: #fff;
  color: #333333;
  margin: 0;
  padding: 15px 0 0 0; }
  @media (min-width: 1025px) {
    .page-events h1 {
      font-size: 4.4rem;
      padding: 20px; } }

.page-events .view-filters {
  background: #1054B5;
  color: #fff;
  padding: 20px; }
  @media (min-width: 1025px) {
    .page-events .view-filters {
      padding: 0 0 64px 0; } }

.page-events .pager {
  background: #fff; }

.page-events .view-display-id-events_past .view-filters {
  background: #0E4264; }

.page-events .view-display-id-events_past .view-header .field--name-body {
  background: #0E4264; }

.page-events .show-past-events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .page-events .show-past-events a {
    font-weight: normal;
    font-size: 1.4rem; }
  .page-events .show-past-events::after {
    background: url(9a717a66b61c7de057c2605a01edc9df.svg);
    font-size: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    margin-left: 10px; }

#views-exposed-form-events-events-past,
#views-exposed-form-events-events-yearly,
#views-exposed-form-events-events {
  max-width: 100%;
  position: relative; }
  @media (min-width: 1025px) {
    #views-exposed-form-events-events-past,
    #views-exposed-form-events-events-yearly,
    #views-exposed-form-events-events {
      padding: 0 64px; } }
  #views-exposed-form-events-events-past input,
  #views-exposed-form-events-events-yearly input,
  #views-exposed-form-events-events input {
    height: 44px; }
  #views-exposed-form-events-events-past label,
  #views-exposed-form-events-events-yearly label,
  #views-exposed-form-events-events label {
    font-weight: bold; }
    #views-exposed-form-events-events-past label::after,
    #views-exposed-form-events-events-yearly label::after,
    #views-exposed-form-events-events label::after {
      content: ''; }
  #views-exposed-form-events-events-past .form-item-title,
  #views-exposed-form-events-events-yearly .form-item-title,
  #views-exposed-form-events-events .form-item-title {
    position: relative;
    margin-right: 50px; }
    #views-exposed-form-events-events-past .form-item-title input,
    #views-exposed-form-events-events-yearly .form-item-title input,
    #views-exposed-form-events-events .form-item-title input {
      border-radius: 30px;
      width: 400px;
      padding-inline: 15px 52px; }
      @media (max-width: 767px) {
        #views-exposed-form-events-events-past .form-item-title input,
        #views-exposed-form-events-events-yearly .form-item-title input,
        #views-exposed-form-events-events .form-item-title input {
          width: 250px; } }
  #views-exposed-form-events-events-past [data-drupal-selector="edit-field-topics-target-id"],
  #views-exposed-form-events-events-yearly [data-drupal-selector="edit-field-topics-target-id"],
  #views-exposed-form-events-events [data-drupal-selector="edit-field-topics-target-id"] {
    color: #1054B5;
    border-radius: 0; }
    @media (max-width: 767px) {
      #views-exposed-form-events-events-past [data-drupal-selector="edit-field-topics-target-id"],
      #views-exposed-form-events-events-yearly [data-drupal-selector="edit-field-topics-target-id"],
      #views-exposed-form-events-events [data-drupal-selector="edit-field-topics-target-id"] {
        width: 250px; } }
  #views-exposed-form-events-events-past [data-drupal-selector="edit-actions"],
  #views-exposed-form-events-events-yearly [data-drupal-selector="edit-actions"],
  #views-exposed-form-events-events [data-drupal-selector="edit-actions"] {
    position: absolute; }
    @media (max-width: 767px) {
      #views-exposed-form-events-events-past [data-drupal-selector="edit-actions"],
      #views-exposed-form-events-events-yearly [data-drupal-selector="edit-actions"],
      #views-exposed-form-events-events [data-drupal-selector="edit-actions"] {
        left: 230px;
        top: 48px; } }
    @media (min-width: 768px) {
      #views-exposed-form-events-events-past [data-drupal-selector="edit-actions"],
      #views-exposed-form-events-events-yearly [data-drupal-selector="edit-actions"],
      #views-exposed-form-events-events [data-drupal-selector="edit-actions"] {
        left: 370px; } }
    @media (min-width: 1025px) {
      #views-exposed-form-events-events-past [data-drupal-selector="edit-actions"],
      #views-exposed-form-events-events-yearly [data-drupal-selector="edit-actions"],
      #views-exposed-form-events-events [data-drupal-selector="edit-actions"] {
        left: 420px; } }
    #views-exposed-form-events-events-past [data-drupal-selector="edit-actions"] input.button,
    #views-exposed-form-events-events-yearly [data-drupal-selector="edit-actions"] input.button,
    #views-exposed-form-events-events [data-drupal-selector="edit-actions"] input.button {
      background: url(740ca325f85056ca99eb7041435a3738.svg);
      font-size: 0;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      margin: 0;
      background-size: 17px; }
  #views-exposed-form-events-events-past .pager__items,
  #views-exposed-form-events-events-yearly .pager__items,
  #views-exposed-form-events-events .pager__items {
    text-align: inherit;
    margin-top: 20px; }
    @media (min-width: 1025px) {
      #views-exposed-form-events-events-past .pager__items,
      #views-exposed-form-events-events-yearly .pager__items,
      #views-exposed-form-events-events .pager__items {
        margin-top: 50px; } }
    #views-exposed-form-events-events-past .pager__items .pager__item,
    #views-exposed-form-events-events-yearly .pager__items .pager__item,
    #views-exposed-form-events-events .pager__items .pager__item {
      font-size: 2.6rem;
      padding: 0.1em; }

html[lang="fi"] .page-events .top-items .lang-switcher a[hreflang="fi"],
html[lang="sv"] .page-events .top-items .lang-switcher a[hreflang="sv"] {
  display: none; }

/**
 * @file
 * External links css file.
 */
svg.ext {
  width: 18px;
  height: 18px;
  fill: #255DD0;
  font-weight: 900;
  margin-left: 2px; }

svg.mailto {
  width: 18px;
  height: 18px;
  fill: #255DD0; }

svg.ext path,
svg.mailto path {
  stroke: #255DD0;
  stroke-width: 3; }

/* Hide the extra icons when printing. */
@media print {
  svg.ext,
  svg.mailto {
    display: none;
    padding: 0; } }

/* Put some whitespace between the link and its Font Awesome suffix. */
extlink i {
  padding-left: 0.2em; }

body.faq-search-page .sharing-wrapper {
  display: none; }

.block-faq-search-page {
  position: relative; }
  .block-faq-search-page .addsearch-searchfield {
    width: 100%;
    position: relative; }
    .block-faq-search-page .addsearch-searchfield input[type="search"] {
      max-width: none;
      height: auto;
      border: 1px solid #232323;
      padding: 20px 50px 20px 24px;
      margin: 0;
      border-radius: 30px;
      font-size: 1.8rem;
      line-height: 1.8rem; }
      .block-faq-search-page .addsearch-searchfield input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none;
                appearance: none; }
    .block-faq-search-page .addsearch-searchfield button {
      background: transparent url(33b0673eb2f1f9cb50d6ac36a6d42008.svg) no-repeat center center;
      background-size: 19px 20px;
      width: 19px;
      height: 20px;
      padding: 15px;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      display: block;
      position: absolute;
      right: 0;
      border: 0;
      text-indent: 99px;
      white-space: nowrap;
      overflow: hidden;
      -webkit-transition: .2s all;
      transition: .2s all; }
      .block-faq-search-page .addsearch-searchfield button:hover {
        scale: 1.1; }
  .block-faq-search-page .addsearch-sortby-radiogroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    font-size: 1.4rem;
    line-height: 1.4rem;
    right: auto; }
    @media (min-width: 768px) {
      .block-faq-search-page .addsearch-sortby-radiogroup {
        right: 25px; } }
    @media (min-width: 1025px) {
      .block-faq-search-page .addsearch-sortby-radiogroup {
        right: 0; } }
    .block-faq-search-page .addsearch-sortby-radiogroup .text {
      padding-right: 11px;
      display: none; }
      @media (min-width: 768px) {
        .block-faq-search-page .addsearch-sortby-radiogroup .text {
          display: block; } }
    .block-faq-search-page .addsearch-sortby-radiogroup label {
      cursor: pointer;
      position: relative; }
      .block-faq-search-page .addsearch-sortby-radiogroup label:hover span {
        text-decoration: underline; }
      .block-faq-search-page .addsearch-sortby-radiogroup label:first-of-type:after {
        content: '|';
        padding-left: 7px;
        display: inline-block;
        text-align: center; }
      .block-faq-search-page .addsearch-sortby-radiogroup label:last-of-type {
        padding-left: 8px; }
    .block-faq-search-page .addsearch-sortby-radiogroup input[type="radio"] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      pointer-events: none;
      position: absolute;
      width: 40px;
      height: 1px;
      left: 18px;
      top: 16px;
      overflow: hidden; }
      .block-faq-search-page .addsearch-sortby-radiogroup input[type="radio"]:checked + span {
        font-weight: 600; }
  .block-faq-search-page .addsearch-searchresults {
    margin-top: 15px;
    padding-top: 50px; }
    .block-faq-search-page .addsearch-searchresults .number-of-results,
    .block-faq-search-page .addsearch-searchresults .hit,
    .block-faq-search-page .addsearch-searchresults h2, .block-faq-search-page .addsearch-searchresults h3 {
      padding: 0;
      margin: 0;
      font-weight: normal;
      font-size: 1.6rem;
      line-height: 1.8rem; }
    .block-faq-search-page .addsearch-searchresults .number-of-results {
      margin-block: -20px 40px; }
      @media (min-width: 768px) {
        .block-faq-search-page .addsearch-searchresults .number-of-results {
          margin-top: -50px; } }
    .block-faq-search-page .addsearch-searchresults .hit {
      border-top: 1px solid #ccc; }
      .block-faq-search-page .addsearch-searchresults .hit:hover {
        background: none; }
      .block-faq-search-page .addsearch-searchresults .hit a {
        display: block;
        padding-block: 15px; }

.footer {
  margin-top: 40px;
  padding: 1.5rem 0 4rem;
  font-size: 1.3rem;
  position: relative;
  line-height: 1.7; }
  .footer h2,
  .footer h2 > button {
    color: #0E4264;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 600; }
  .footer p {
    margin-top: 0; }
    .footer p:last-child {
      margin-bottom: 0; }
  .footer .field--name-body,
  .footer .field--name-field-description {
    padding: 0; }

.region-footer {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  padding: 0 25px; }
  @media (min-width: 768px) {
    .region-footer {
      padding: 0 32px; } }
  .region-footer.region-footer-2 a, .region-footer.region-footer-3 a {
    color: #255DD0;
    text-decoration: none;
    font-weight: 400; }
    .region-footer.region-footer-2 a:hover, .region-footer.region-footer-3 a:hover {
      text-decoration: underline; }
  .region-footer.region-footer-1 {
    background: #255DD0;
    max-width: none;
    z-index: 3; }
    @media (min-width: 768px) {
      .region-footer.region-footer-1 .inner-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto; } }
    @media (min-width: 1025px) {
      .region-footer.region-footer-1 .inner-wrapper {
        max-width: 1280px; } }
    @media (min-width: 1025px) {
      .region-footer.region-footer-1 .menu {
        margin-left: 32px; } }
  .region-footer.region-footer-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 45px;
    padding-bottom: 20px;
    padding-left: 25px; }
    @media (min-width: 768px) {
      .region-footer.region-footer-2 {
        padding-left: 32px;
        gap: 32px; } }
    .region-footer.region-footer-2 .block {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-bottom: 15px; }
      @media (min-width: 768px) {
        .region-footer.region-footer-2 .block {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 192px;
                  flex: 0 0 192px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          margin-bottom: 0; } }
      @media (min-width: 1025px) {
        .region-footer.region-footer-2 .block {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 256px;
                  flex: 0 0 256px; } }
  .region-footer.region-footer-3 {
    padding-bottom: 35px; }
    @media (min-width: 768px) {
      .region-footer.region-footer-3 {
        padding-left: 32px; } }
    .region-footer.region-footer-3:after {
      max-width: 1280px;
      margin: 0 0 0 auto;
      position: absolute;
      z-index: -1;
      left: 0;
      right: 0;
      content: ''; }
      @media (min-width: 768px) {
        .region-footer.region-footer-3:after {
          background: transparent url("/themes/custom/kuntaliitto2022/src/images/png/footer-bg.png") no-repeat bottom right;
          background-size: 310px 286px;
          height: 286px;
          width: 310px;
          top: -174px; } }
      @media (min-width: 1200px) {
        .region-footer.region-footer-3:after {
          background-size: 343px 319px;
          height: 343px;
          width: 343px;
          top: -270px; } }
    @media (min-width: 768px) {
      .region-footer.region-footer-3 .block {
        max-width: 60%; } }
    @media (min-width: 1200px) {
      .region-footer.region-footer-3 .block {
        max-width: 768px; } }
    .region-footer.region-footer-3 .field--name-field-contact-info-link-text {
      font-size: 1.5rem; }
    .region-footer.region-footer-3 .field--name-field-contact-info-link a {
      border: 2px solid #255DD0;
      border-radius: 24px;
      color: #255DD0;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.8rem;
      margin: 0 0 15px 0;
      padding: 12px 20px;
      -webkit-transition: background 0.2s ease;
      transition: background 0.2s ease;
      text-decoration: none; }
      .region-footer.region-footer-3 .field--name-field-contact-info-link a:hover {
        background: #255DD0;
        color: #fff; }
    .region-footer.region-footer-3 .field--name-field-contact-info-link .ext .ext {
      display: none; }
  .region-footer h2 {
    margin-top: 0;
    margin-bottom: 15px;
    position: relative; }
  .region-footer .field a {
    line-height: 1.8; }

#block-contactus a {
  font-size: 1.8rem;
  line-height: 1.8; }
  @media (min-width: 768px) {
    #block-contactus a {
      font-size: 1.7rem;
      line-height: normal; } }

#block-contactus .field--name-field-contact-us-link-1 a {
  position: relative; }

.block-social-madia-block .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .block-social-madia-block .icons > a {
    -webkit-transition: scale 0.2s ease;
    transition: scale 0.2s ease;
    background-repeat: no-repeat;
    background-position: bottom; }
    .block-social-madia-block .icons > a:hover {
      scale: 1.15; }
  .block-social-madia-block .icons .icon-twitter {
    width: 18px;
    height: 15px;
    background-size: 18px 15px; }
  .block-social-madia-block .icons .icon-facebook {
    width: 10px;
    height: 20px;
    background-size: 10px 20px; }
  .block-social-madia-block .icons .icon-linkedin {
    width: 18px;
    height: 17px;
    background-size: 18px 18px; }
  .block-social-madia-block .icons .icon-youtube {
    width: 20px;
    height: 17px;
    background-size: 20px 15px; }
  .block-social-madia-block .icons .icon-flickr {
    width: 18px;
    height: 8px;
    background-size: 18px 8px; }
  .block-social-madia-block .icons .ext .ext {
    display: none; }

.block-social-madia-block .additional {
  padding: 10px 0; }

.block.concern-webpages {
  border-top: 1px solid #255DD0;
  border-bottom: 1px solid #255DD0;
  margin-left: 0;
  padding: 25px 0;
  position: relative;
  z-index: 2; }
  @media (min-width: 768px) {
    .block.concern-webpages {
      max-width: 60%; } }
  @media (min-width: 1200px) {
    .block.concern-webpages {
      max-width: 768px; } }
  .block.concern-webpages #footer-concern-webpages-content {
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    max-height: 0;
    overflow: hidden; }
    .block.concern-webpages #footer-concern-webpages-content.open {
      max-height: 500px; }
  .block.concern-webpages h2 {
    margin: 0;
    padding-left: 25px; }
    .block.concern-webpages h2 button {
      background: none;
      border: 0;
      color: #923468; }
      .block.concern-webpages h2 button:before {
        background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-down-blue.svg") no-repeat 0 0;
        background-size: 12px 7px;
        display: inline-block;
        content: '';
        width: 12px;
        height: 7px;
        -webkit-transition: -webkit-transform 0.15s;
        transition: -webkit-transform 0.15s;
        transition: transform 0.15s;
        transition: transform 0.15s, -webkit-transform 0.15s;
        position: absolute;
        top: 5px;
        left: 0; }
      .block.concern-webpages h2 button[aria-expanded="true"]:before {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
  .block.concern-webpages a {
    line-height: 1.8; }
  .block.concern-webpages .group-content .fieldgroup__items {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .block.concern-webpages .group-content .fieldgroup__items .field {
      vertical-align: top;
      width: 100%;
      max-width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      @media (min-width: 1025px) {
        .block.concern-webpages .group-content .fieldgroup__items .field {
          width: 25%;
          max-width: 25%;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 25%;
                  flex: 0 0 25%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding-left: 20px; }
          .block.concern-webpages .group-content .fieldgroup__items .field:first-of-type {
            padding-left: 0; } }

.page-node-type-front .field--name-field-liftup {
  margin-left: auto;
  margin-right: auto;
  max-width: 1216px; }

.front-main-image {
  position: relative;
  margin-bottom: 74px;
  font-size: 1.6rem;
  line-height: 2.2rem;
  background: #255DD0; }
  .front-main-image .text-area-wrapper {
    background-color: #255DD0F7;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff; }
    .front-main-image .text-area-wrapper .text-area-content {
      margin: auto; }
    .front-main-image .text-area-wrapper h1, .front-main-image .text-area-wrapper h2 {
      color: #fff;
      line-height: 2.6rem;
      font-size: 2.2rem;
      font-weight: 800;
      margin-top: 0; }
      @media (min-width: 1025px) {
        .front-main-image .text-area-wrapper h1, .front-main-image .text-area-wrapper h2 {
          line-height: 3.4rem;
          font-size: 2.8rem; } }
    .front-main-image .text-area-wrapper .addsearch-wrapper {
      margin-top: 10px; }
      .front-main-image .text-area-wrapper .addsearch-wrapper .addsearch {
        position: static; }
      .front-main-image .text-area-wrapper .addsearch-wrapper .addsearch-submit-form {
        right: 14px;
        top: 9px; }
  .front-main-image .field--name-field-main-media {
    overflow: hidden;
    height: 220px; }
    @media (min-width: 768px) {
      .front-main-image .field--name-field-main-media {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: auto;
        max-height: 450px; } }
    .front-main-image .field--name-field-main-media img {
      display: block;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (min-width: 768px) {
        .front-main-image .field--name-field-main-media img {
          max-height: 450px; } }
    .front-main-image .field--name-field-main-media iframe {
      display: block;
      position: relative;
      -o-object-fit: cover;
         object-fit: cover;
      height: 260px;
      width: calc(100% + 140px);
      -webkit-transform: translate(-70px, -20px);
              transform: translate(-70px, -20px); }
      @media (min-width: 450px) {
        .front-main-image .field--name-field-main-media iframe {
          height: 350px;
          -webkit-transform: translate(-70px, -60px);
                  transform: translate(-70px, -60px); } }
      @media (min-width: 600px) {
        .front-main-image .field--name-field-main-media iframe {
          height: 450px;
          -webkit-transform: translate(-70px, -70px);
                  transform: translate(-70px, -70px); } }
      @media (min-width: 768px) {
        .front-main-image .field--name-field-main-media iframe {
          height: 727px;
          width: calc(100% + 40px);
          -webkit-transform: translate(-20px, -155px);
                  transform: translate(-20px, -155px); } }
      @media (min-width: 1025px) {
        .front-main-image .field--name-field-main-media iframe {
          -webkit-transform: translate(-20px, -135px);
                  transform: translate(-20px, -135px); } }
  .front-main-image .video-embed-field-responsive-video:after {
    display: none; }
  .front-main-image .buttons {
    position: absolute;
    right: 14px;
    top: 205px;
    z-index: 2; }
    @media (min-width: 768px) {
      .front-main-image .buttons {
        bottom: 14px;
        top: auto; } }
    .front-main-image .buttons button {
      position: absolute;
      right: 0;
      bottom: 0;
      padding: 0;
      margin: 0;
      width: 29px;
      height: 29px;
      border: 0;
      border-radius: 4px;
      text-indent: -500px;
      font-size: 0;
      overflow: hidden;
      -webkit-transition: scale 0.2s ease;
      transition: scale 0.2s ease; }
      .front-main-image .buttons button.play {
        display: none;
        background: #fff url("/themes/custom/kuntaliitto2022/src/images/svg/video-play.svg") no-repeat center center; }
      .front-main-image .buttons button.pause {
        background: #fff url("/themes/custom/kuntaliitto2022/src/images/svg/video-pause.svg") no-repeat center center; }
      .front-main-image .buttons button:hover {
        scale: 1.15; }
    .front-main-image .buttons.paused .pause {
      display: none; }
    .front-main-image .buttons.paused .play {
      display: block; }
  .front-main-image.narrow_main_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 768px) {
      .front-main-image.narrow_main_image {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; } }
    .front-main-image.narrow_main_image .text-area-wrapper {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media (min-width: 768px) {
        .front-main-image.narrow_main_image .text-area-wrapper {
          -ms-flex-preferred-size: 54%;
              flex-basis: 54%; } }
      @media (min-width: 1025px) {
        .front-main-image.narrow_main_image .text-area-wrapper {
          -ms-flex-preferred-size: 512px;
              flex-basis: 512px;
          min-width: 512px; } }
    .front-main-image.narrow_main_image .text-area-content {
      padding: 30px 25px; }
      @media (min-width: 768px) {
        .front-main-image.narrow_main_image .text-area-content {
          padding: 0 32px; } }
      @media (min-width: 1025px) {
        .front-main-image.narrow_main_image .text-area-content {
          padding: 0 64px; } }
  @media (min-width: 768px) {
    .front-main-image.wide_main_image .text-area-wrapper {
      position: absolute;
      z-index: 5;
      left: 40px;
      bottom: -20px;
      width: 100%;
      max-width: 512px; } }
  @media (min-width: 768px) {
    .front-main-image.wide_main_image .field--name-field-main-media {
      position: relative;
      z-index: 1;
      max-height: 350px; } }
  @media (min-width: 1025px) {
    .front-main-image.wide_main_image .field--name-field-main-media {
      max-height: 450px; } }
  .front-main-image.wide_main_image .text-area-content {
    padding: 30px 25px; }
    @media (min-width: 768px) {
      .front-main-image.wide_main_image .text-area-content {
        padding: 30px 32px; } }
    @media (min-width: 1025px) {
      .front-main-image.wide_main_image .text-area-content {
        padding: 40px 64px; } }

.page-node-type-front .view-id-events.view-display-id-liftup .accordion-content p {
  margin-top: 0; }

.page-node-type-front .view-id-events.view-display-id-liftup .field--name-field-event-url {
  padding-top: 0;
  padding-bottom: 2rem; }
  .page-node-type-front .view-id-events.view-display-id-liftup .field--name-field-event-url a {
    border: 2px solid #255DD0;
    border-radius: 24px;
    background: transparent;
    color: #255DD0;
    font-size: 1.3rem;
    line-height: 1.3rem;
    padding: 13px 20px;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    text-decoration: none;
    font-weight: 400; }
    .page-node-type-front .view-id-events.view-display-id-liftup .field--name-field-event-url a .ext {
      display: none; }
    .page-node-type-front .view-id-events.view-display-id-liftup .field--name-field-event-url a:hover {
      background: #255DD0;
      color: #fff; }

@media (min-width: 768px) {
  .page-node-type-front .view-id-events.view-display-id-liftup .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    margin-right: 20px; }
  .page-node-type-front .view-id-events.view-display-id-liftup .accordion-content {
    margin-left: 140px; } }

.field--name-body,
.field--name-field-description {
  padding-bottom: 20px; }

.ajax-progress {
  display: none; }

.node__meta {
  display: none; }

.node__content {
  background: white; }

.form-actions {
  margin: 0; }

.comment .profile {
  display: none; }

.hamburger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .hamburger__bar {
    background-color: #0E4264;
    display: block;
    height: 2px;
    width: 30px;
    border-radius: 10px;
    margin-top: 4px;
    margin-bottom: 3px; }
  .hamburger__text {
    margin-left: 20px;
    color: #0E4264;
    font-size: 1.8rem;
    font-weight: 500; }
  .hamburger--white .hamburger__bar {
    background-color: #fff; }

.header-wrapper {
  margin: 20px 0;
  width: 100%;
  height: auto;
  z-index: 105; }
  .header-wrapper__inner {
    max-width: 1280px;
    margin: 0 auto;
    position: relative; }
    @media (min-width: 1025px) {
      .header-wrapper__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%; } }
  .header-wrapper .page-figure {
    position: absolute;
    right: 0;
    z-index: -1;
    max-width: 364px;
    height: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: none; }
    @media (min-width: 768px) {
      .header-wrapper .page-figure {
        display: block; } }

.header-image {
  height: 496px; }

.hero {
  position: relative; }
  .hero--has-media .field--name-node-title {
    z-index: 2;
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 790px; }
  .hero--has-media h1 {
    z-index: 1;
    background-color: #923468;
    padding: 2.2rem 4rem;
    bottom: 10%;
    color: #fff;
    margin: 0; }
  .hero--has-media .field--name-field-image-file {
    position: relative; }
  .hero--has-media .field--name-field-figure {
    display: none;
    position: absolute;
    right: 0;
    top: 0; }
    .hero--has-media .field--name-field-figure img {
      width: auto;
      height: auto; }

.has-page-figure .hero {
  display: none; }

.jBox-image-container.jBoxVideo iframe {
  border: 0; }

.layout-container {
  overflow: hidden; }
  .layout-container__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto; }
    .layout-container__main .main-content {
      margin: auto;
      width: 100%; }

.path-search-results .page-title h1 {
  color: #002F67; }

.path-search-results .layout-container__main {
  margin-top: 0;
  max-width: 897px;
  padding: 0; }

.path-search-results .layout-container__main-content {
  padding: 0; }

.page-node-type-modular .layout-container__main {
  max-width: 1152px; }

.liftup {
  padding: 2rem; }
  .liftup__term {
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase; }

.field--name-field-liftup {
  margin: 0 25px;
  max-width: 960px;
  font-size: 1.5rem;
  line-height: 2rem; }
  @media (min-width: 768px) {
    .field--name-field-liftup {
      margin: 0 auto; } }
  .field--name-field-liftup .margin-bottom {
    margin-bottom: 30px; }
  .field--name-field-liftup .free_text {
    margin: 0 auto;
    max-width: 835px; }

.view-mode-full-width-790 img,
.view-mode-full-width-790-low img {
  width: 100%;
  height: auto; }

.media-external-video .field--name-name,
.media-image .field--name-name {
  font-size: 1.4rem;
  margin-top: 5px;
  margin-bottom: 25px; }

figure.embedded-entity {
  margin: 15px 0; }
  @media (min-width: 768px) {
    figure.embedded-entity {
      width: 100%; } }
  figure.embedded-entity img {
    width: 100%;
    height: auto; }

@media (min-width: 768px) {
  figure.align-right {
    margin: 16px 0 0 16px;
    width: auto; }
    figure.align-right img {
      max-width: 100%;
      height: auto; } }

@media (min-width: 768px) {
  figure.align-left {
    margin: 16px 16px 0 0;
    width: auto; }
    figure.align-left img {
      max-width: 100%;
      height: auto; } }

.open-larger-inline-image {
  display: inline-block;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  font-weight: normal;
  font-size: 1.3rem;
  background: #255DD0;
  border: 2px solid #255DD0;
  border-radius: 24px;
  padding: 8px 20px;
  text-decoration: none;
  color: #fff;
  margin-bottom: 24px;
  float: right; }
  .open-larger-inline-image:after {
    background: url("/themes/custom/kuntaliitto2022/src/images/svg/search-new-white.svg") no-repeat 0 0;
    background-size: 19px 20px;
    display: inline-block;
    width: 19px;
    height: 20px;
    margin-left: 10px;
    content: '';
    vertical-align: middle; }

.inline-image-popup-layer {
  position: absolute;
  background: #000000B8;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  display: none; }
  .inline-image-popup-layer .container {
    position: relative;
    background: #fff;
    margin: auto;
    max-width: 1152px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 40px 48px; }
  .inline-image-popup-layer img {
    max-width: 1056px;
    height: auto;
    margin: auto;
    display: block; }
  .inline-image-popup-layer .close-layer {
    float: right;
    display: inline-block;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    font-weight: normal;
    font-size: 1.3rem;
    background: #255DD0;
    border: 2px solid #255DD0;
    border-radius: 24px;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    margin-bottom: 24px; }
    .inline-image-popup-layer .close-layer:after {
      background: url("/themes/custom/kuntaliitto2022/src/images/svg/close-layer.svg") no-repeat 0 0;
      background-size: 10px 10px;
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-left: 10px;
      content: '';
      -webkit-transform: translateY(1px);
              transform: translateY(1px); }

.block-views-exposed-filter-blockmunicipalities-overview-page-municipality-overview {
  background: #F9F9F9;
  margin-top: 20px; }

.view-id-municipalities_overview.view-display-id-page_municipality_overview .view-footer {
  margin-top: 40px; }

.municipalities-alphabetical, .view-content--municipality {
  padding-top: 10px;
  padding-bottom: 10px; }

.municipalities-alphabetical__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.municipalities-alphabetical__alphabet {
  padding: 10px 20px;
  margin: 0;
  display: none; }
  @media (min-width: 768px) {
    .municipalities-alphabetical__alphabet {
      display: block; } }

.municipalities-alphabetical__municipalities {
  width: 100%; }
  .municipalities-alphabetical__municipalities .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 768px) {
      .municipalities-alphabetical__municipalities .views-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin-bottom: 10px; } }
  .municipalities-alphabetical__municipalities .views-col {
    padding: 5px;
    width: 100% !important; }
    @media (min-width: 768px) {
      .municipalities-alphabetical__municipalities .views-col {
        width: 33.3333333333% !important;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        padding: 0 5px; } }
  .municipalities-alphabetical__municipalities .views-col__inner {
    background: white;
    padding: 10px 20px; }
  .municipalities-alphabetical__municipalities a {
    font-weight: bold; }

.municipality__box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  padding: 5px; }
  @media (min-width: 768px) {
    .municipality__box {
      width: 33.3333333333%; } }
  .municipality__box a {
    font-weight: bold; }
  .municipality__box h3 {
    font-size: 1em; }
  .municipality__box p {
    margin: 0; }
  .municipality__box .field__label {
    font-weight: normal; }
    .municipality__box .field__label:after {
      content: ":"; }
  .municipality__box .field {
    margin-top: 20px; }
  .municipality__box .fieldgroup {
    background: white;
    padding: 20px;
    height: 100%; }
  .municipality__box.municipality__fellowship .fieldgroup__items .field__items > .field__item {
    padding-bottom: 5px; }
  .municipality__box.municipality__fellowship .field--name-field-city {
    margin: 0;
    display: inline; }
  .municipality__box.municipality__fellowship .country {
    font-weight: normal; }

.municipality__logo img {
  width: 120px;
  height: auto; }
  @media (min-width: 768px) {
    .municipality__logo img {
      width: 50%; } }

.municipality__fellowship {
  padding: 5px;
  padding-left: 8px; }
  .municipality__fellowship .field__label {
    color: #666;
    margin: 7px 0 5px 0; }
  .municipality__fellowship .field--name-field-fellowship .field__items .field__item {
    margin: 4px 0; }
  .municipality__fellowship .field--name-field-fellowship .field__items .field__item > div {
    display: inline; }
  .municipality__fellowship .field--name-field-city {
    display: inline; }
  .municipality__fellowship a.country {
    font-weight: normal; }

body.term-bundle-municipalities .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 25px; }
  body.term-bundle-municipalities .title-wrapper .top-items {
    margin: auto 0 auto auto; }
  @media (min-width: 768px) {
    body.term-bundle-municipalities .title-wrapper {
      padding-left: 5px;
      padding-right: 5px; } }

.view-id-municipality.view-display-id-page_1 h1 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.4rem; }
  @media (min-width: 768px) {
    .view-id-municipality.view-display-id-page_1 h1 {
      font-size: 2.4rem;
      line-height: 2.8rem; } }

.overlay {
  display: none;
  will-change: transform;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 999;
  position: fixed; }
  @media (min-width: 768px) {
    .overlay {
      padding: 3rem; } }
  .overlay form {
    margin: auto; }
  .overlay .block-views-exposed-filter-blocksolr-search-page-solr-search {
    padding-top: 100px; }
  .overlay .block-system-branding-block {
    display: inline-block;
    float: none;
    margin: 15px 0 0 15px; }
    @media (min-width: 768px) {
      .overlay .block-system-branding-block {
        margin: 40px 0 0 40px; } }
  .overlay .views-ef-fieldset-container-2 {
    display: none; }

.overlay__close-button {
  height: 30px;
  width: 30px;
  float: right;
  cursor: pointer;
  margin: 20px 15px 0 0;
  background: url(1abaed57a6a8ab331d67fe5d7840d168.svg);
  background-size: 30px 30px;
  background-repeat: no-repeat; }
  @media (min-width: 768px) {
    .overlay__close-button {
      margin: 40px 40px 0 0; } }

.pager {
  margin: 30px 0; }
  .pager ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    padding: 0;
    margin: 0; }
  .pager li {
    padding: 0;
    margin: 0; }
    .pager li.is-active a {
      background: #fff;
      border-color: #333333;
      color: #0E4264; }
  .pager a {
    text-decoration: none;
    font-size: 2.2rem;
    line-height: 4.8rem;
    font-weight: 500;
    color: #fff;
    background: #255DD0;
    border: 1px solid #255DD0;
    display: block;
    width: 48px;
    border-radius: 24px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center; }
    .pager a:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
      background: #923468;
      border-color: #923468; }
  .pager .pager__item--ellipsis,
  .pager .pager__item--first,
  .pager .pager__item--last {
    display: none; }

.addsearch-search-page--pagination {
  margin: 30px 0; }
  .addsearch-search-page--pagination .addsearch-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 13px;
    padding: 0;
    margin: 0; }
  .addsearch-search-page--pagination button {
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: 2.2rem;
    line-height: 4.8rem;
    font-weight: 500;
    color: #fff;
    background: #255DD0;
    border: 1px solid #255DD0;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center; }
    .addsearch-search-page--pagination button:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
      background: #923468;
      border-color: #923468; }
    .addsearch-search-page--pagination button[data-page=next], .addsearch-search-page--pagination button[data-page=previous] {
      font-size: 2.2rem;
      line-height: 4.8rem; }
    .addsearch-search-page--pagination button[data-active="true"] {
      background: #fff;
      border-color: #333333;
      color: #0E4264;
      font-weight: 500; }

#edit-field-service-in-swedish-value--wrapper {
  margin: 0; }

.media.media-image.view-mode-liftup-image-on-side.contextual-region .contextual {
  z-index: 499;
  top: 36px; }

.path-search-results .page-title {
  background: #f7f7f7;
  text-align: center; }
  .path-search-results .page-title h1 {
    padding: 36px 0; }

.addsearch-search-page--search {
  padding: 60px 0; }
  .addsearch-search-page--search .search-field-wrapper {
    display: block; }
  .addsearch-search-page--search .addsearch-searchfield {
    width: 100%; }
  .addsearch-search-page--search input.addsearch {
    width: 100%;
    max-width: 100%;
    border: 2px solid #255DD0;
    padding: 0 50px 0 30px;
    margin: 0;
    border-radius: 30px;
    font-size: 24px;
    line-height: 58px;
    display: inline-block;
    height: auto; }

.addsearch-search-page--filters .radio-wrapper {
  padding: 20px 0; }
  @media (min-width: 1025px) {
    .addsearch-search-page--filters .radio-wrapper {
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2; } }
  @media (min-width: 1200px) {
    .addsearch-search-page--filters .radio-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .addsearch-search-page--filters .radio-wrapper .radio {
    line-height: 22px;
    display: block;
    margin: 8px; }
    .addsearch-search-page--filters .radio-wrapper .radio label {
      color: transparent;
      text-shadow: 0 0 0 #333333;
      display: inline-block;
      width: auto;
      cursor: pointer;
      position: relative;
      padding-left: 40px;
      font-size: 1.4rem; }
      .addsearch-search-page--filters .radio-wrapper .radio label:before {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        position: absolute;
        left: -3px;
        top: 11px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background: #fff;
        border: 2px solid #1054B5;
        content: "";
        display: inline-block; }
    .addsearch-search-page--filters .radio-wrapper .radio input {
      opacity: 0;
      width: 0;
      margin: 0;
      display: block; }
    .addsearch-search-page--filters .radio-wrapper .radio input:checked + label:before {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      position: absolute;
      left: -3px;
      top: 11px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background: radial-gradient(#1054B5 35%, rgba(255, 0, 0, 0) 35%);
      border: 2px solid #1054B5;
      content: "";
      display: inline-block; }

.addsearch-search-page--results-wrapper {
  position: relative; }

.addsearch-search-page--sort {
  position: absolute;
  right: 0;
  top: 0; }
  .addsearch-search-page--sort label {
    padding: 0;
    color: #255DD0;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 10px;
    cursor: pointer; }
    .addsearch-search-page--sort label.checked {
      text-decoration: none;
      color: #333333; }
  .addsearch-search-page--sort input {
    display: none; }
  .addsearch-search-page--sort .sort-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .addsearch-search-page--sort .addsearch-sortby-radiogroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.addsearch-search-page--results .number-of-results {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 20px;
  border-bottom: 1px solid #CFD0D0; }

.addsearch-search-page--results h2 a {
  font-size: 2.2rem;
  color: #255DD0;
  font-weight: bold; }
  .addsearch-search-page--results h2 a:hover {
    text-decoration: underline; }

.addsearch-search-page--results .hit {
  border-bottom: 1px solid #CFD0D0; }
  .addsearch-search-page--results .hit .category {
    background: none;
    border: none;
    color: #255DD0;
    margin-top: 1rem; }
  .addsearch-search-page--results .hit:hover .category {
    background: none;
    border: none;
    color: #255DD0; }

.sharing-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0E4264;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 30px; }
  .sharing-wrapper .sharing {
    margin-left: 0; }

.sharing {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 832px; }
  .sharing a,
  .sharing button,
  .sharing .addtocal {
    background: #255DD0;
    border: 2px solid #255DD0;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 20px;
    margin-right: 5px;
    padding: 8px 15px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-decoration: none; }
    .sharing a:hover,
    .sharing button:hover,
    .sharing .addtocal:hover {
      background: #fff;
      color: #255DD0; }
  .sharing .sharing__addtoany {
    position: relative; }
  .sharing .addtoany_list {
    display: none;
    margin: 0;
    position: absolute;
    top: 48px;
    z-index: 2;
    width: 150px; }
    .sharing .addtoany_list a {
      background-color: #fff;
      background-repeat: no-repeat;
      background-position: center center;
      border: 0;
      display: inline-block;
      border-radius: 20px;
      border: 2px solid #255DD0;
      margin-right: 5px;
      padding: 0;
      width: 40px;
      height: 40px;
      -webkit-transition: background 0.2s;
      transition: background 0.2s; }
      .sharing .addtoany_list a:hover {
        background-color: #255DD0; }
      .sharing .addtoany_list a.a2a_button_facebook {
        background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/addtoany-facebook.svg");
        background-size: 10px 20px; }
        .sharing .addtoany_list a.a2a_button_facebook:hover {
          background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/addtoany-facebook-hover.svg"); }
      .sharing .addtoany_list a.a2a_button_twitter {
        background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/addtoany-twitter.svg");
        background-size: 18px 15px; }
        .sharing .addtoany_list a.a2a_button_twitter:hover {
          background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/addtoany-twitter-hover.svg"); }
      .sharing .addtoany_list a.a2a_button_linkedin {
        background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/addtoany-linkedin.svg");
        background-size: 18px 18px; }
        .sharing .addtoany_list a.a2a_button_linkedin:hover {
          background-image: url("/themes/custom/kuntaliitto2022/src/images//svg/addtoany-linkedin-hover.svg"); }
      .sharing .addtoany_list a .a2a_label,
      .sharing .addtoany_list a .a2a_svg {
        display: none; }
  .page-node-type-publication .sharing,
  .page-node-type-streams .sharing,
  .page-node-type-event .sharing {
    margin-top: 2rem; }
  .view-newsroom .sharing {
    display: none; }
  .sharing .addtocal-form .addtocal-submit {
    display: none; }
  .sharing .addtocal-form .addtocal-container {
    float: none;
    margin: 0; }
  .sharing .addtocal-form .addtocal {
    background: none;
    border: none;
    padding: 0; }

.fieldgroup--tags {
  margin: 30px auto 30px auto;
  max-width: 832px;
  padding: 0 25px 0 25px; }
  @media (min-width: 1025px) {
    .fieldgroup--tags {
      padding: 0; } }
  .fieldgroup--tags .field__items {
    display: inline;
    margin: 0; }
  .fieldgroup--tags > legend {
    padding-bottom: 1.5rem; }
  .fieldgroup--tags .fieldset-legend {
    color: #0E4264;
    font-size: 2rem;
    font-weight: 800;
    line-height: 2.4rem; }
    @media (min-width: 768px) {
      .fieldgroup--tags .fieldset-legend {
        font-size: 2.4rem;
        line-height: 2.8rem; } }
  .fieldgroup--tags h3 {
    color: #0E4264;
    font-size: 2.4rem; }
  .fieldgroup--tags .container-narrow {
    margin: 0;
    padding: 0;
    max-width: none; }

.field--name-field-tags {
  padding-bottom: 1rem;
  padding-top: 1rem; }

.field--name-field-blog-tags {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem; }

.field--name-field-keywords .field__item,
.field--name-field-municipalities .field__item,
.field--name-field-topics .field__item,
.field--name-field-tags .field__item,
.field--name-field-blog-tags .field__item,
.field--name-field-kuntaliitto-terms .field__item {
  display: inline-block;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  margin-right: 0.5rem; }

.field--name-field-keywords a,
.field--name-field-municipalities a,
.field--name-field-topics a,
.field--name-field-tags a,
.field--name-field-blog-tags a,
.field--name-field-kuntaliitto-terms a {
  border: 2px solid #255DD0;
  border-radius: 20px;
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 10px 15px;
  text-decoration: none; }

.field--name-field-blog-tags {
  display: block; }

.listing-item__keywords h3 {
  margin: 0; }

.listing-item__keywords a {
  background: none;
  color: #1054B5;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0;
  text-transform: uppercase; }

.listing-item__keywords .field__items,
.listing-item__keywords .field__item {
  display: block; }
  @media (min-width: 768px) {
    .listing-item__keywords .field__items,
    .listing-item__keywords .field__item {
      display: inline-block; } }

.tagger {
  color: #1054B5;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase; }

.top-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1rem;
  margin-bottom: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.3rem;
  line-height: 1.5rem; }
  .top-items .field {
    margin-left: 2rem; }
  .path-frontpage .top-items {
    display: none; }
  .top-items a {
    font-weight: 500;
    text-decoration: none;
    margin-left: 2rem; }
    .top-items a:hover {
      text-decoration: underline; }
    .top-items a:first-child {
      margin-left: 0; }

.has-page-figure .top-items {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .has-page-figure .top-items .field {
    margin-left: 0;
    margin-right: 2rem; }

.block-kl-addsearch {
  margin-right: 30px;
  position: relative; }
  .block-kl-addsearch .toggle-addsearch {
    position: absolute;
    top: 0;
    right: 3px;
    z-index: 1;
    outline-color: #333333;
    background-color: #255DD0;
    background-image: url(538019344561e0ec137acbeb17a567ff.svg);
    border-radius: 24px;
    border: 0;
    width: 40px;
    height: 40px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center; }
  .block-kl-addsearch .addsearch-widget {
    position: absolute;
    right: 0;
    top: -20px; }
    .block-kl-addsearch .addsearch-widget.focused .addsearch-widget--search .toggle-addsearch {
      background-image: url(33b0673eb2f1f9cb50d6ac36a6d42008.svg);
      background-color: transparent; }
    .block-kl-addsearch .addsearch-widget.focused .addsearch-widget--search input {
      outline-color: #333333;
      background-color: #fff;
      padding: 0 42px 0 28px;
      width: calc(100vw - 228px);
      max-width: none;
      border: 2px solid #255DD0;
      border-radius: 24px;
      text-indent: 0;
      display: block; }
      .block-kl-addsearch .addsearch-widget.focused .addsearch-widget--search input::-webkit-input-placeholder {
        color: #255DD0; }
      .block-kl-addsearch .addsearch-widget.focused .addsearch-widget--search input::-moz-placeholder {
        color: #255DD0; }
      .block-kl-addsearch .addsearch-widget.focused .addsearch-widget--search input:-ms-input-placeholder {
        color: #255DD0; }
      .block-kl-addsearch .addsearch-widget.focused .addsearch-widget--search input::-ms-input-placeholder {
        color: #255DD0; }
      .block-kl-addsearch .addsearch-widget.focused .addsearch-widget--search input::placeholder {
        color: #255DD0; }
      @media (min-width: 768px) {
        .block-kl-addsearch .addsearch-widget.focused .addsearch-widget--search input {
          width: calc(100vw - 360px); } }
      @media (min-width: 1025px) {
        .block-kl-addsearch .addsearch-widget.focused .addsearch-widget--search input {
          width: 400px; } }
    .block-kl-addsearch .addsearch-widget.focused .addsearch-widget--results {
      display: block; }
    .block-kl-addsearch .addsearch-widget--search {
      position: relative; }
      .block-kl-addsearch .addsearch-widget--search input {
        background-color: transparent;
        color: #333333;
        text-indent: -9999px;
        min-width: auto;
        border: 1px solid transparent;
        width: 38px;
        max-width: 40px;
        height: 38px;
        padding: 0;
        border-radius: 50%;
        display: none; }
        .block-kl-addsearch .addsearch-widget--search input::-webkit-input-placeholder {
          color: transparent;
          font-size: 1.5rem; }
        .block-kl-addsearch .addsearch-widget--search input::-moz-placeholder {
          color: transparent;
          font-size: 1.5rem; }
        .block-kl-addsearch .addsearch-widget--search input:-ms-input-placeholder {
          color: transparent;
          font-size: 1.5rem; }
        .block-kl-addsearch .addsearch-widget--search input::-ms-input-placeholder {
          color: transparent;
          font-size: 1.5rem; }
        .block-kl-addsearch .addsearch-widget--search input::placeholder {
          color: transparent;
          font-size: 1.5rem; }
        .block-kl-addsearch .addsearch-widget--search input:focus {
          background-color: #fff;
          padding: 0 42px 0 28px;
          width: 500px;
          max-width: none;
          border: 1px solid #fff;
          border-radius: 24px;
          text-indent: 0; }
          .block-kl-addsearch .addsearch-widget--search input:focus::-webkit-input-placeholder {
            color: #255DD0; }
          .block-kl-addsearch .addsearch-widget--search input:focus::-moz-placeholder {
            color: #255DD0; }
          .block-kl-addsearch .addsearch-widget--search input:focus:-ms-input-placeholder {
            color: #255DD0; }
          .block-kl-addsearch .addsearch-widget--search input:focus::-ms-input-placeholder {
            color: #255DD0; }
          .block-kl-addsearch .addsearch-widget--search input:focus::placeholder {
            color: #255DD0; }
    .block-kl-addsearch .addsearch-widget--results {
      display: none;
      position: relative;
      background-color: #fff;
      -webkit-box-shadow: #333333 0px 10px 20px, #333333 0px 6px 6px;
              box-shadow: #333333 0px 10px 20px, #333333 0px 6px 6px;
      max-height: 625px;
      overflow-y: scroll;
      z-index: 100; }
      .block-kl-addsearch .addsearch-widget--results .hit {
        border-bottom: 1px solid #CFD0D0; }
        .block-kl-addsearch .addsearch-widget--results .hit .main-image {
          display: none; }
        .block-kl-addsearch .addsearch-widget--results .hit:hover h3 a:hover {
          color: #333333; }
      .block-kl-addsearch .addsearch-widget--results .category {
        background: none;
        border: none;
        color: #255DD0;
        margin-top: 1rem; }
      .block-kl-addsearch .addsearch-widget--results:hover .category {
        background: none;
        border: none;
        color: #255DD0; }
    .block-kl-addsearch .addsearch-widget.allways-open {
      position: relative;
      top: auto;
      right: auto; }
      @media (min-width: 768px) {
        .block-kl-addsearch .addsearch-widget.allways-open {
          width: 297px; } }
      .block-kl-addsearch .addsearch-widget.allways-open .toggle-addsearch {
        background-image: url(33b0673eb2f1f9cb50d6ac36a6d42008.svg);
        background-color: transparent; }
      .block-kl-addsearch .addsearch-widget.allways-open .addsearch-searchfield {
        width: 100%; }
      .block-kl-addsearch .addsearch-widget.allways-open .addsearch-widget--search input {
        background-color: #fff;
        padding: 0 42px 0 28px;
        width: 100%;
        max-width: none;
        border: 1px solid #fff;
        border-radius: 24px;
        text-indent: 0;
        display: block; }
        .block-kl-addsearch .addsearch-widget.allways-open .addsearch-widget--search input::-webkit-input-placeholder {
          color: #255DD0; }
        .block-kl-addsearch .addsearch-widget.allways-open .addsearch-widget--search input::-moz-placeholder {
          color: #255DD0; }
        .block-kl-addsearch .addsearch-widget.allways-open .addsearch-widget--search input:-ms-input-placeholder {
          color: #255DD0; }
        .block-kl-addsearch .addsearch-widget.allways-open .addsearch-widget--search input::-ms-input-placeholder {
          color: #255DD0; }
        .block-kl-addsearch .addsearch-widget.allways-open .addsearch-widget--search input::placeholder {
          color: #255DD0; }
      .block-kl-addsearch .addsearch-widget.allways-open .addsearch-widget--results {
        position: absolute; }
      .block-kl-addsearch .addsearch-widget.allways-open.focused .addsearch-widget--results {
        display: block; }

.region-footer .block-kl-addsearch {
  margin-right: 0;
  padding-bottom: 45px; }
  @media (min-width: 768px) {
    .region-footer .block-kl-addsearch {
      padding-top: 45px; } }
  .region-footer .block-kl-addsearch .addsearch-widget--results {
    max-height: 450px;
    right: 0;
    max-width: 100%; }
    @media (min-width: 768px) {
      .region-footer .block-kl-addsearch .addsearch-widget--results {
        max-width: 600px;
        width: 600px; } }

.block-automated-thematic-liftup {
  margin: 0 auto;
  text-align: center;
  max-width: 832px;
  padding: 0 2.5rem; }
  @media (min-width: 1025px) {
    .block-automated-thematic-liftup {
      max-width: 1152px;
      padding: 0; } }
  .block-automated-thematic-liftup article.node:nth-child(2n+2) .liftup-content {
    background-color: #F4F4F4;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
    @media (min-width: 768px) {
      .block-automated-thematic-liftup article.node:nth-child(2n+2) .liftup-content {
        padding: 32px 64px 32px 96px; } }
  .block-automated-thematic-liftup .more-liftups {
    display: none; }
    .block-automated-thematic-liftup .more-liftups article.node:nth-child(even) .liftup-content {
      background-color: #F4F4F4;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
    .block-automated-thematic-liftup .more-liftups article.node:nth-child(odd) .liftup-content {
      background-color: #E5F4FC;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
  .block-automated-thematic-liftup button.show-more {
    background: #255DD0;
    border: 2px solid #255DD0;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 36px 0;
    padding: 12px 20px;
    padding-left: 45px;
    position: relative;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    text-decoration: none; }
    .block-automated-thematic-liftup button.show-more:hover {
      background: none;
      color: #255DD0; }
      .block-automated-thematic-liftup button.show-more:hover:before {
        background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-down-blue.svg") no-repeat 0 0; }
    .block-automated-thematic-liftup button.show-more:before {
      background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-down-white.svg") no-repeat 0 0;
      background-size: 12px 7px;
      content: '';
      display: block;
      height: 7px;
      left: 18px;
      position: absolute;
      top: 18px;
      -webkit-transition: -webkit-transform 0.15s;
      transition: -webkit-transform 0.15s;
      transition: transform 0.15s;
      transition: transform 0.15s, -webkit-transform 0.15s;
      width: 12px; }

.block-facets .item-list__checkbox {
  padding-left: 0; }

.block-facets .facets-checkbox {
  width: 15px;
  height: 15px; }

.block-facets .facet-item {
  background: white;
  color: #1054B5;
  list-style-type: none;
  padding: 0.5rem 1rem;
  margin: 0.5rem 0; }

.block-language {
  margin-right: 40px;
  margin-left: auto;
  display: none; }
  @media (min-width: 768px) {
    .block-language {
      display: block; } }
  .block-language > ul {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    list-style: none; }
  .block-language a {
    display: block;
    padding: 0;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    color: #0E4264;
    border-radius: 20px;
    font-weight: 400;
    border: 1px solid transparent; }
  .block-language li.is-active a,
  .block-language a:hover {
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    border: 1px solid #0E4264; }

.block-local-tasks-block {
  border-bottom: 1px solid #F9F9F9;
  font-size: 1.5rem; }

.tabs {
  text-align: center; }
  .tabs a {
    color: #1054B5;
    font-weight: bold; }
  .tabs a.is-active {
    background: none;
    border-bottom: 7px solid #1054B5; }

.block-views-blockmore-from-this-blogger-more-from-this-blogger-first {
  margin: 40px auto;
  padding: 0 25px;
  max-width: 1280px; }
  @media (min-width: 768px) {
    .block-views-blockmore-from-this-blogger-more-from-this-blogger-first {
      padding: 0 32px; } }
  @media (min-width: 1025px) {
    .block-views-blockmore-from-this-blogger-more-from-this-blogger-first {
      margin-top: 94px;
      margin-bottom: 75px;
      padding: 0 32px; } }
  .block-views-blockmore-from-this-blogger-more-from-this-blogger-first .left .field--name-field-author {
    display: none; }
  .block-views-blockmore-from-this-blogger-more-from-this-blogger-first .category .category-default {
    display: none; }
  .block-views-blockmore-from-this-blogger-more-from-this-blogger-first .category .category-more-from-blogger {
    display: block; }
  .block-views-blockmore-from-this-blogger-more-from-this-blogger-first .views-col {
    width: 100% !important; }

.block-views-blockmore-from-this-blogger-block-more-from-blogger {
  margin: 40px auto;
  padding: 0 25px;
  max-width: 1280px; }
  @media (min-width: 768px) {
    .block-views-blockmore-from-this-blogger-block-more-from-blogger {
      padding: 0 32px; } }
  .block-views-blockmore-from-this-blogger-block-more-from-blogger .views-field-field-author {
    display: none; }
  .block-views-blockmore-from-this-blogger-block-more-from-blogger .views-field-created {
    font-size: 1.4rem;
    color: #0E4264;
    margin-bottom: 5px; }
  .block-views-blockmore-from-this-blogger-block-more-from-blogger .views-field-title a {
    font-size: 2rem;
    color: #255DD0;
    font-weight: bold;
    text-decoration: none; }
    .block-views-blockmore-from-this-blogger-block-more-from-blogger .views-field-title a:hover {
      color: #FF3E60; }
  .block-views-blockmore-from-this-blogger-block-more-from-blogger .views-row {
    gap: 32px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .block-views-blockmore-from-this-blogger-block-more-from-blogger .views-col {
    width: 100% !important; }
    @media (min-width: 768px) {
      .block-views-blockmore-from-this-blogger-block-more-from-blogger .views-col {
        max-width: 320px; } }

body:not(.term-bundle-municipalities) .block-print-link-block {
  text-align: center;
  padding: 10px 0; }
  body:not(.term-bundle-municipalities) .block-print-link-block a {
    margin-right: 15px;
    font-weight: bold; }

.block-responsive-share-buttons .item-list ul {
  margin: 0; }

.block-responsive-share-buttons .share-inner-wrp li {
  margin: 0 0 1px -110px; }

.block-system-branding-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 1200px) {
    .block-system-branding-block {
      -webkit-transform: translateY(20px);
              transform: translateY(20px); } }
  .block-system-branding-block a {
    display: inline-block; }
  .block-system-branding-block img {
    display: block;
    height: auto; }
    .block-system-branding-block img:lang(fi), .block-system-branding-block img:lang(en) {
      width: 120px; }
      @media (min-width: 1025px) {
        .block-system-branding-block img:lang(fi), .block-system-branding-block img:lang(en) {
          width: 150px; } }
    .block-system-branding-block img:lang(sv) {
      width: 190px; }
      @media (min-width: 1025px) {
        .block-system-branding-block img:lang(sv) {
          width: 250px; } }
  .block-system-branding-block .has-mobile-logo .logo-desktop {
    display: none; }
    @media (min-width: 1025px) {
      .block-system-branding-block .has-mobile-logo .logo-desktop {
        display: block; } }
  .block-system-branding-block .has-mobile-logo .logo-mobile {
    display: block; }
    .block-system-branding-block .has-mobile-logo .logo-mobile:lang(fi), .block-system-branding-block .has-mobile-logo .logo-mobile:lang(en), .block-system-branding-block .has-mobile-logo .logo-mobile:lang(sv) {
      width: 54px; }
    @media (min-width: 1025px) {
      .block-system-branding-block .has-mobile-logo .logo-mobile {
        display: none; } }

@media (max-width: 1024px) {
  .block-system-breadcrumb-block {
    background-color: #F2FBFD; } }

#block-kuntaliitto-toolbox {
  background: #f7f7f7;
  padding: 20px 15px;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    #block-kuntaliitto-toolbox .toolbox-filter-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  #block-kuntaliitto-toolbox .tabs {
    text-align: left;
    margin: 10px 0 40px 0; }
    #block-kuntaliitto-toolbox .tabs button {
      display: inline-block;
      border: none;
      background: none;
      cursor: pointer;
      color: #1054B5;
      font-size: 1.8rem;
      font-family: "Work Sans", sans-serif;
      font-weight: bold;
      padding: 0.2em 1em; }
    #block-kuntaliitto-toolbox .tabs button.is-active {
      background: none;
      border-bottom: 7px solid #1054B5; }
  @media (min-width: 768px) {
    #block-kuntaliitto-toolbox .form-type-select {
      max-width: 260px;
      margin-right: 20px; } }
  #block-kuntaliitto-toolbox select {
    height: 40px;
    margin: 1rem 1rem 0 0;
    width: 100%;
    border: none; }
    @media (min-width: 768px) {
      #block-kuntaliitto-toolbox select {
        width: 260px; } }

.contact-information.node--view-mode-full {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .contact-information.node--view-mode-full .contact-information__content-wrapper,
  .contact-information.node--view-mode-full .contact-information__liftups {
    width: 100%; }
  .contact-information.node--view-mode-full .contact-information__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media (min-width: 768px) {
      .contact-information.node--view-mode-full .contact-information__content-wrapper {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
  .contact-information.node--view-mode-full .contact-information__liftups {
    margin-top: 20px; }

.contact-information.node--view-mode-teaser, .contact-information.node--view-mode-full {
  padding: 35px 20px 35px 35px;
  background-position: left top;
  line-height: 2.5rem; }
  .contact-information.node--view-mode-teaser.with-image, .with-image.contact-information.node--view-mode-full {
    background-position: right bottom; }
  @media (max-width: 767px) {
    .contact-information.node--view-mode-teaser, .contact-information.node--view-mode-full {
      background-image: none !important; } }
  @media (min-width: 768px) {
    .contact-information.node--view-mode-teaser, .contact-information.node--view-mode-full {
      padding: 35px 20px 0 35px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; } }
  .contact-directory-item .contact-information.node--view-mode-teaser, .contact-directory-item .contact-information.node--view-mode-full {
    margin: -20px; }
  .view-solr-search .contact-information.node--view-mode-teaser, .view-solr-search .contact-information.node--view-mode-full {
    padding-right: 10px;
    border-left: 7px solid #00A6D6; }
  .contact-information.node--view-mode-teaser h4, .contact-information.node--view-mode-full h4 {
    margin: 0; }
  .contact-information.node--view-mode-teaser .contact-info-main, .contact-information.node--view-mode-full .contact-info-main {
    margin-bottom: 20px; }
  .contact-information.node--view-mode-teaser p, .contact-information.node--view-mode-full p {
    margin: 0; }
  .contact-information.node--view-mode-teaser .field--name-field-organization .field__label, .contact-information.node--view-mode-full .field--name-field-organization .field__label {
    margin: 0; }
  .contact-information.node--view-mode-teaser a, .contact-information.node--view-mode-full a {
    color: #255DD0;
    text-decoration: none; }
    .contact-information.node--view-mode-teaser a:hover, .contact-information.node--view-mode-full a:hover {
      color: #255DD0;
      text-decoration: underline; }
  .contact-information.node--view-mode-teaser .field--name-field-responsibilities .field__label, .contact-information.node--view-mode-full .field--name-field-responsibilities .field__label {
    color: #0E4264;
    margin-bottom: 5px;
    font-size: 1.8rem; }
  .contact-information.node--view-mode-teaser .field--name-field-responsibilities ul, .contact-information.node--view-mode-full .field--name-field-responsibilities ul {
    padding-left: 7px;
    margin-top: 5px; }
  .contact-information.node--view-mode-teaser .field--name-field-responsibilities li, .contact-information.node--view-mode-full .field--name-field-responsibilities li {
    margin: 0 0 15px 0;
    padding-left: 15px;
    font-size: 1.3rem; }
    .contact-information.node--view-mode-teaser .field--name-field-responsibilities li::marker, .contact-information.node--view-mode-full .field--name-field-responsibilities li::marker {
      font-size: 2rem; }
  .contact-information.node--view-mode-teaser .field--name-field-twitter-account .field__label, .contact-information.node--view-mode-full .field--name-field-twitter-account .field__label {
    font-weight: normal; }
    .contact-information.node--view-mode-teaser .field--name-field-twitter-account .field__label::after, .contact-information.node--view-mode-full .field--name-field-twitter-account .field__label::after {
      content: ''; }
  .contact-information.node--view-mode-teaser .phone-number-wrapper, .contact-information.node--view-mode-full .phone-number-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .contact-information.node--view-mode-teaser .phone-number-wrapper .field:not(:last-of-type):after, .contact-information.node--view-mode-full .phone-number-wrapper .field:not(:last-of-type):after {
      content: ", ";
      padding-right: 0.25em; }
  @media (min-width: 1025px) {
    .contact-information.node--view-mode-teaser .contact-information__content, .contact-information.node--view-mode-full .contact-information__content {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1025px) {
    .contact-information.node--view-mode-teaser .contact-information__content > div, .contact-information.node--view-mode-full .contact-information__content > div {
      width: 50%; } }

.contact-information__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 160px;
  margin-right: 10px;
  margin-bottom: 20px;
  text-align: center; }
  .main-navigation-open .contact-information__image {
    width: 25%; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .contact-information__image {
      width: 25%; } }
  .contact-information__image img {
    border-radius: 50%;
    width: 100%;
    max-width: 160px;
    height: auto; }

.contact-information__content .contact-information__name a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #923468;
  text-decoration: none; }
  .contact-information__content .contact-information__name a:hover {
    color: #923468;
    text-decoration: underline; }

.contact-information__content .contact-information__name .field__item {
  margin-right: .25em; }

.contact-information__title {
  font-weight: normal;
  color: black;
  text-transform: none; }

.contact-information-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 1025px) {
    .contact-information-info {
      margin: 0 -2rem; } }
  @media (min-width: 1025px) {
    .contact-information-info__box {
      max-width: 33.33333333%;
      padding: 0 2rem;
      max-width: 100%;
      margin: 0 0 20px; } }

.contact-information__organization .field:not(:last-of-type) .field__item:after {
  content: ","; }

.fieldgroup--event-information {
  background: #F9F9F9;
  padding: 20px 0; }
  .fieldgroup--event-information .field__label {
    font-weight: bold; }
  .fieldgroup--event-information .fieldgroup {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 790px; }
  .fieldgroup--event-information .fieldgroup__items {
    border-left: 8px solid #1054B5;
    padding-left: 20px; }
    .fieldgroup--event-information .fieldgroup__items > .field {
      margin: 2px 0;
      padding: 0; }
  .fieldgroup--event-information h3 {
    margin-bottom: 20px; }

.audiofield .audiofield-audiojs-frame li {
  margin-left: 20px; }

.audiofield .audiofield-audiojs {
  width: 100%;
  background: #1462A8; }
  .audiofield .audiofield-audiojs .scrubberZ {
    width: 70%;
    background: #002E63; }
  .audiofield .audiofield-audiojs .loadedZ {
    background: #00A6D6; }
  .audiofield .audiofield-audiojs .timeZ {
    float: right;
    min-width: 83px; }

.embedded-entity .node--type-podcasts .field--name-node-title h2 {
  text-align: left; }

.embedded-entity .node--type-podcasts .field--name-field-description p:first-child {
  margin-top: 0; }

.embedded-entity .node--type-podcasts .field--name-field-podcast-file {
  margin-bottom: 1em; }

.field--name-body.text-formatted figure {
  margin-left: 0;
  margin-right: 0; }

.field--name-field-contact-information {
  max-width: none; }
  .field--name-field-contact-information h2 {
    padding: 0 25px; }
  @media (min-width: 768px) {
    .field--name-field-contact-information {
      margin: 0 auto;
      max-width: 832px; }
      .field--name-field-contact-information h2 {
        padding: 0 30px; } }
  @media (min-width: 1025px) {
    .field--name-field-contact-information h2 {
      padding: 0; } }
  .field--name-field-contact-information .contact-information {
    margin: 0 auto; }

.field--name-field-contacts > .field__item {
  padding: 0 0 20px; }
  .field--name-field-contacts > .field__item:first-of-type {
    padding-top: 10px; }

.field--type-datetime > *,
.field--name-node-changed-date > * {
  display: inline-block; }

.field--type-datetime .field__label,
.field--name-node-changed-date .field__label {
  float: none; }

.field--type-datetime *,
.field--name-node-changed-date * {
  font-weight: normal; }

.views-field-created {
  font-size: 1.4rem; }

.field--name-field-last-modified,
.field--name-node-changed-date,
.field--name-node-post-date {
  padding-top: 3rem;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 1.5rem; }

.node--type-media-release .field--name-node-post-date {
  text-align: right;
  padding: 0;
  margin-left: 0; }
  .node--type-media-release .field--name-node-post-date div {
    display: inline; }

.field--name-field-event-url {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .field--name-field-event-url a {
    padding: 1rem; }

.field li {
  line-height: 1.2;
  margin: 1em 0; }

.field--name-field-image-files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .field--name-field-image-files .field__item {
    width: 100% !important;
    position: relative;
    padding: 5px;
    text-align: left; }
    @media (min-width: 1025px) {
      .field--name-field-image-files .field__item {
        text-align: center; }
        .field--name-field-image-files .field__item:hover img {
          filter: grayscale(100%);
          -webkit-filter: grayscale(100%); }
        .field--name-field-image-files .field__item:hover a {
          opacity: 1; } }
    .field--name-field-image-files .field__item img {
      -webkit-transition: -webkit-filter 0.5s;
      transition: -webkit-filter 0.5s;
      transition: filter 0.5s;
      transition: filter 0.5s, -webkit-filter 0.5s;
      display: block; }
      @media (min-width: 1025px) {
        .field--name-field-image-files .field__item img {
          display: inline-block; } }
    .field--name-field-image-files .field__item a {
      position: relative;
      color: #1054B5; }
      @media (min-width: 1025px) {
        .field--name-field-image-files .field__item a {
          color: #fff;
          opacity: 0;
          -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s;
          position: absolute;
          top: 110px;
          margin-top: -19px;
          left: 50%;
          margin-left: -28px; } }
      .field--name-field-image-files .field__item a:hover {
        color: #000;
        border-color: #fff;
        background-color: #fff; }
    @media (min-width: 768px) {
      .field--name-field-image-files .field__item {
        width: 33.333333% !important; } }
    @media (min-width: 1025px) {
      .field--name-field-image-files .field__item {
        width: 25% !important; } }

.field--name-field-lifted-blocks-four {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 768px) {
    .field--name-field-lifted-blocks-four {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .field--name-field-lifted-blocks-four > .field__item {
    position: relative;
    padding: 2rem;
    min-height: 175px;
    /*
    &:nth-child(1) {
      background: $color-cyan;
    }

    &:nth-child(2) {
      background: $color-dark-blue;
    }

    &:nth-child(3) {
      background: $color-dark-green;
    }

    &:nth-child(4) {
      background: $color-blue;
    }
    */ }
    .field--name-field-lifted-blocks-four > .field__item:hover {
      background-color: #F9F9F9; }
    .field--name-field-lifted-blocks-four > .field__item *:not(a) {
      width: 100%; }
    @media (min-width: 768px) {
      .field--name-field-lifted-blocks-four > .field__item {
        width: 50%; } }
    @media (min-width: 1025px) {
      .field--name-field-lifted-blocks-four > .field__item {
        width: 25%; }
        .main-navigation-open .field--name-field-lifted-blocks-four > .field__item {
          width: 50%; } }
  .field--name-field-lifted-blocks-four .field--name-node-title {
    text-align: left;
    padding-bottom: 1.5rem; }
    .field--name-field-lifted-blocks-four .field--name-node-title h2 {
      margin: 0; }
  .field--name-field-lifted-blocks-four .field--name-body {
    padding-bottom: 1.5rem; }
  .field--name-field-lifted-blocks-four .wrap--narrow, .field--name-field-lifted-blocks-four .contact-information.node--view-mode-full .contact-information__content-wrapper, .contact-information.node--view-mode-full .field--name-field-lifted-blocks-four .contact-information__content-wrapper {
    padding: 0;
    margin: 0; }
  .field--name-field-lifted-blocks-four .field--name-field-links a,
  .field--name-field-lifted-blocks-four .field--name-field-link a,
  .field--name-field-lifted-blocks-four .field--name-node-link a {
    margin-top: auto;
    position: absolute;
    font-size: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .field--name-field-lifted-blocks-four > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .field--name-field-lifted-blocks-four > div > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .field--name-field-lifted-blocks-four > div > div > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .field--name-field-lifted-blocks-four > div > div > div > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
  .field--name-field-lifted-blocks-four .field--name-field-links,
  .field--name-field-lifted-blocks-four .field--name-field-link {
    margin-top: auto; }

.field--name-field-lifted-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 768px) {
    .field--name-field-lifted-blocks {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (min-width: 768px) {
    .field--name-field-lifted-blocks > .field__item {
      width: 50%; } }
  .field--name-field-lifted-blocks .paragraph--type--uplift-centalised,
  .field--name-field-lifted-blocks .paragraph--type--uplift-decentalised {
    padding: 0; }
    @media (min-width: 768px) {
      .field--name-field-lifted-blocks .paragraph--type--uplift-centalised,
      .field--name-field-lifted-blocks .paragraph--type--uplift-decentalised {
        height: 100%;
        padding-top: 10px;
        padding-bottom: 10px; } }
  @media (min-width: 768px) {
    .field--name-field-lifted-blocks .field--name-field-lifted-content {
      height: 100%; } }
  .field--name-field-lifted-blocks .field--name-body {
    padding-bottom: 1.5rem; }
  .field--name-field-lifted-blocks .manual-liftup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; }
    @media (min-width: 1200px) {
      .field--name-field-lifted-blocks .manual-liftup {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  @media (max-width: 1199px) {
    .field--name-field-lifted-blocks .manual-liftup__image img {
      height: auto;
      -o-object-fit: fill;
         object-fit: fill;
      font-family: 'object-fit: fill;'; } }
  @media (min-width: 768px) {
    .field--name-field-lifted-blocks .manual-liftup__image,
    .field--name-field-lifted-blocks .manual-liftup__info {
      width: 100% !important; } }
  @media (min-width: 1200px) {
    .field--name-field-lifted-blocks .manual-liftup__image,
    .field--name-field-lifted-blocks .manual-liftup__info {
      width: 50% !important; } }
  .field--name-field-lifted-blocks h2 {
    margin-top: 0; }

.field--name-field-liftup-style {
  display: none; }

.field--name-node-title {
  text-align: left; }

.field--name-field-podcast-file {
  margin-bottom: 2rem; }

.field--name-field-product-group {
  overflow: auto; }

.field--name-field-subtitle {
  margin-top: 2rem !important;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 600; }

.field--name-field-target-group {
  overflow: auto; }

.form-item {
  width: 100%; }
  @media (min-width: 768px) {
    .form-item {
      width: auto; } }

.form-text, .form-email, .form-tel, .form-date {
  padding-left: 5px; }

.form-text, .form-email, .form-tel, .form-textarea, .form-date, .form-select {
  border-radius: 3px;
  border: 1px solid #c5c5c5;
  height: 25px; }

.form-textarea {
  height: 120px;
  padding: 5px; }

.form-select {
  height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(1130062ad07e26c44df24b9fa4c2fdf3.svg) right 10px top 50% no-repeat white;
  background-size: 15px;
  padding-left: 10px; }

.form-submit:not(.form-submit-header) {
  font-size: 1.5rem;
  border: none;
  cursor: pointer; }

input.form-date {
  height: 35px;
  margin-top: 10px;
  margin-right: 10px;
  width: 100%; }
  @media (min-width: 768px) {
    input.form-date {
      width: 180px; } }

.field--name-field-comments {
  padding-top: 20px;
  padding-bottom: 20px; }
  .field--name-field-comments .filter-wrapper {
    display: none; }
  .field--name-field-comments .js-form-item label {
    display: block; }

.user-login-form {
  padding-top: 15px;
  padding-bottom: 15px; }
  @media (min-width: 768px) {
    .user-login-form .form-item,
    .user-login-form .form-actions {
      margin-left: 110px; } }
  .user-login-form .description {
    margin-top: 3px; }
  .user-login-form label {
    font-weight: bold; }

@media (min-width: 768px) {
  #views-exposed-form-municipalities-overview-full-view .form-item-name,
  #views-exposed-form-municipalities-overview-page-municipality-overview .form-item-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

#views-exposed-form-municipalities-overview-full-view .form-item,
#views-exposed-form-municipalities-overview-page-municipality-overview .form-item {
  margin: 0; }

#views-exposed-form-municipalities-overview-full-view label,
#views-exposed-form-municipalities-overview-page-municipality-overview label {
  margin: 0 1rem 1rem 0; }
  @media (min-width: 768px) {
    #views-exposed-form-municipalities-overview-full-view label,
    #views-exposed-form-municipalities-overview-page-municipality-overview label {
      margin-bottom: 0; } }

.views-exposed-form {
  padding: 4rem 2rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .region-header .views-exposed-form {
    padding: 0; }
    @media (max-width: 1024px) {
      .region-header .views-exposed-form {
        display: none; } }
  .views-exposed-form .details-wrapper,
  .views-exposed-form .views-ef-fieldset-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .region-header .views-exposed-form .details-wrapper, .region-header
    .views-exposed-form .views-ef-fieldset-container {
      position: relative; }
    @media (max-width: 767px) {
      .views-exposed-form .details-wrapper,
      .views-exposed-form .views-ef-fieldset-container {
        width: 100%; } }
    .views-exposed-form .details-wrapper .form-item,
    .views-exposed-form .views-ef-fieldset-container .form-item {
      margin-right: 1rem; }
    @media (max-width: 767px) {
      .views-exposed-form .details-wrapper .form-submit,
      .views-exposed-form .views-ef-fieldset-container .form-submit {
        margin-right: auto;
        margin-left: 0; } }
  .views-exposed-form .form-item {
    width: auto;
    margin: 2rem 0 0; }
  @media (max-width: 767px) {
    .views-exposed-form .form-item-s {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; } }
  .region-header .views-exposed-form .form-item-created, .region-header
  .views-exposed-form .form-item-created-1 {
    display: none; }
  .views-exposed-form .form-item-name {
    margin-top: 0; }
    .views-exposed-form .form-item-name input {
      min-width: 0;
      margin-top: 0; }
  .views-exposed-form .form-type-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem; }
    .views-exposed-form .form-type-checkbox label:after {
      content: none; }
    .views-exposed-form .form-type-checkbox input {
      height: auto;
      margin-top: 0; }
  .views-exposed-form .form-actions {
    margin-top: 2rem; }
  .views-exposed-form label {
    display: block;
    margin: 0;
    font-weight: normal;
    font-size: 1.5rem; }
    .views-exposed-form label:after {
      content: ":"; }
  .views-exposed-form select,
  .views-exposed-form input {
    height: 40px;
    margin: 1rem 1rem 0 0; }
  .views-exposed-form select {
    width: 100%;
    border: none; }
    @media (min-width: 768px) {
      .views-exposed-form select {
        width: 180px; } }
  .views-exposed-form input {
    font-size: 1.5rem; }
    .views-exposed-form input:not(.form-submit) {
      border: 1px solid #c0c0c0;
      color: #0E4264; }
    .views-exposed-form input[name="s"] {
      font-size: 1.8rem;
      width: 100%; }
      @media (min-width: 768px) {
        .views-exposed-form input[name="s"] {
          width: 380px; } }
      .region-header .views-exposed-form input[name="s"] {
        width: 200px;
        margin-top: 0;
        margin-right: 0;
        padding-left: 1rem;
        font-size: 1.5rem;
        border-radius: 30px; }
    .region-header .views-exposed-form input.form-submit {
      font-size: 0;
      background-color: transparent;
      border: none; }
    .views-exposed-form input.form-date {
      width: 180px; }
    @media (max-width: 1024px) {
      .views-exposed-form input.form-submit {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .views-exposed-form #edit-field-service-in-swedish-value--wrapper {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }

.webform {
  padding-top: 20px;
  padding-bottom: 20px; }
  .webform label {
    font-weight: bold; }
  .webform label.option {
    font-weight: normal; }
  .webform .form-type-textfield input,
  .webform .form-type-tel input,
  .webform .form-type-email input,
  .webform .form-type-date input {
    display: block;
    width: 100%;
    height: 25px;
    margin-top: 10px; }
    @media (min-width: 768px) {
      .webform .form-type-textfield input,
      .webform .form-type-tel input,
      .webform .form-type-email input,
      .webform .form-type-date input {
        width: 371px; } }
  .webform .form-type-date input {
    height: 30px; }
  .webform .form-type-select select {
    display: block;
    height: 30px;
    font-weight: bold;
    font-size: 1.3rem;
    border: 1px solid #c5c5c5;
    width: 100%; }
    @media (min-width: 768px) {
      .webform .form-type-select select {
        width: 50%; } }
  .webform textarea {
    border: 1px solid #c5c5c5;
    height: 120px;
    margin-top: 10px; }
  .webform fieldset {
    padding: 0; }
    .webform fieldset legend {
      font-size: 2.2rem;
      font-weight: normal; }
  .webform select {
    margin: 10px 0; }

.webform__inner {
  background: #f7f7f7;
  border: 1px solid #F9F9F9;
  padding: 20px; }

.icon-plus,
.icon-minus {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.25rem; }
  .icon-plus:before,
  .icon-minus:before {
    content: "";
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(c5ce3312fb87eafb229b8624bc5cc1a9.svg); }

.icon-minus:before {
  background-image: url(41cefe55861351a7c7ae508eb60a2f42.svg); }

.icon-search {
  background: url(24a48f620dea78cec909acc79c90d324.svg); }

.icon-search-white {
  background: url(9f4e8e3ca802a465c4b9ff8c2ee230c2.svg); }

.icon-facebook {
  background: url(d18df0290f771fbdd89e766e5391fd2e.svg); }

.icon-twitter {
  background: url(bd202c347cb4eb9cb69da6eb5d71f5b8.svg); }

.icon-youtube {
  background: url(d56cdd8dbdf399e364b84ac22ccda041.svg); }

.icon-linkedin {
  background: url(547010cd00077a99241e0ee8c8189873.svg); }

.icon-flickr {
  background: url(71cf0cb4496e4707e26b553403ab2376.svg); }

.icon-chevron-up {
  background: url(7bf11ead87b2bd25c0e9b9aec8eeefff.svg); }

.icon-chevron-down {
  background: url(664c374056797158ff3f2253017ef92d.svg); }

.icon-chevron-right {
  background: url(9a717a66b61c7de057c2605a01edc9df.svg); }

.listing-item.listing-item--extended {
  border-left: 7px solid #002E63; }
  @media (min-width: 768px) {
    .listing-item.listing-item--extended {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .listing-item.listing-item--extended .field--name-field-content, .listing-item.listing-item--extended .field--name-body {
    font-weight: bold; }

@media (min-width: 768px) {
  .listing-item__left {
    width: 70%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; } }

.listing-item__right {
  display: none; }
  .listing-item__right img {
    width: 100%;
    height: auto;
    display: block; }
  @media (min-width: 768px) {
    .listing-item__right {
      display: block;
      width: 30%; } }

.listing-item__information h2, .listing-item__information h3 {
  margin-top: 0;
  margin-bottom: 5px; }

.listing-item__information__inner {
  padding: 20px 10px 20px 20px; }

.listing-item {
  background: white;
  border-left: 7px solid #923468; }
  .listing-item .field--name-node-title {
    text-align: left; }
  .listing-item .wrap--narrow, .listing-item .contact-information.node--view-mode-full .contact-information__content-wrapper, .contact-information.node--view-mode-full .listing-item .contact-information__content-wrapper {
    max-width: none;
    padding: 0; }

.listing-item__content {
  padding: 20px;
  padding-right: 10px; }

.listing-item__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem; }
  .listing-item__meta .field {
    margin: 0;
    padding: 0;
    font-size: 15px; }
  .listing-item__meta .field--name-field-vid-1,
  .listing-item__meta .field--name-bundle-fieldtaxonomy-term,
  .listing-item__meta .field--name-field-content-source {
    margin-right: 0.5em;
    font-weight: bold;
    text-transform: uppercase; }
  .listing-item__meta .field--name-node-post-date {
    font-weight: normal; }

.listing-item__title {
  margin: 1.5rem 0;
  font-weight: bold;
  font-size: 1.8rem; }
  .listing-item__title a {
    color: #333333; }
    .listing-item__title a:hover, .listing-item__title a:focus {
      color: #c7c7c7; }

.listing-item__main * {
  font-weight: normal;
  font-size: 1.8rem;
  font-style: normal;
  margin: 0; }

.listing-item__main [class^="text-align-"] {
  text-align: left; }

.listing-item__main .field--name-field-content,
.listing-item__main .field--name-body {
  padding: 0; }

.listing-item__keywords {
  padding-left: 27px; }
  .listing-item__keywords .field {
    margin: 10px 0; }

.listing-item.listing-item--municipalities .listing-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.listing-item.listing-item--municipalities .listing-item__main {
  width: 6rem; }

.manual-liftup-center {
  max-width: 832px;
  margin: 0 auto;
  padding: 1rem 1.5rem; }
  .manual-liftup-center p {
    padding: 0 1.5rem; }
  .manual-liftup-center img {
    margin-bottom: 2rem; }
  .manual-liftup-center .field--name-node-title,
  .manual-liftup-center .field--name-body {
    text-align: center; }
  .manual-liftup-center .field--name-field-links {
    text-align: center; }

.manual-liftup {
  position: relative;
  max-width: 1152px;
  margin: auto; }
  @media (min-width: 768px) {
    .manual-liftup__image * {
      height: 100%; } }
  @media (min-width: 768px) {
    .manual-liftup__image img {
      -o-object-fit: cover;
         object-fit: cover;
      font-family: 'object-fit: cover;'; } }
  .manual-liftup__info a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: ''; }
  .manual-liftup-left .manual-liftup h2,
  .manual-liftup-right .manual-liftup h2 {
    color: #923468; }
  .manual-liftup-left .manual-liftup,
  .manual-liftup-right .manual-liftup,
  .blue-image-left .manual-liftup,
  .red-image-right .manual-liftup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 768px) {
      .manual-liftup-left .manual-liftup,
      .manual-liftup-right .manual-liftup,
      .blue-image-left .manual-liftup,
      .red-image-right .manual-liftup {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        min-height: 320px; } }
    .manual-liftup-left .manual-liftup__image, .manual-liftup-left .manual-liftup__info,
    .manual-liftup-right .manual-liftup__image,
    .manual-liftup-right .manual-liftup__info,
    .blue-image-left .manual-liftup__image,
    .blue-image-left .manual-liftup__info,
    .red-image-right .manual-liftup__image,
    .red-image-right .manual-liftup__info {
      width: 100%; }
      @media (min-width: 768px) {
        .manual-liftup-left .manual-liftup__image, .manual-liftup-left .manual-liftup__info,
        .manual-liftup-right .manual-liftup__image,
        .manual-liftup-right .manual-liftup__info,
        .blue-image-left .manual-liftup__image,
        .blue-image-left .manual-liftup__info,
        .red-image-right .manual-liftup__image,
        .red-image-right .manual-liftup__info {
          width: 50%;
          -webkit-box-flex: 1;
              -ms-flex: 1 0 auto;
                  flex: 1 0 auto; } }
    .manual-liftup-left .manual-liftup__image,
    .manual-liftup-right .manual-liftup__image,
    .blue-image-left .manual-liftup__image,
    .red-image-right .manual-liftup__image {
      min-height: 181px; }
      .manual-liftup-left .manual-liftup__image img,
      .manual-liftup-right .manual-liftup__image img,
      .blue-image-left .manual-liftup__image img,
      .red-image-right .manual-liftup__image img {
        aspect-ratio: 790/424; }
    .manual-liftup-left .manual-liftup__info,
    .manual-liftup-right .manual-liftup__info,
    .blue-image-left .manual-liftup__info,
    .red-image-right .manual-liftup__info {
      padding: 25px; }
      @media (min-width: 768px) {
        .manual-liftup-left .manual-liftup__info,
        .manual-liftup-right .manual-liftup__info,
        .blue-image-left .manual-liftup__info,
        .red-image-right .manual-liftup__info {
          padding: 20px 64px; } }
      .manual-liftup-left .manual-liftup__info .field,
      .manual-liftup-right .manual-liftup__info .field,
      .blue-image-left .manual-liftup__info .field,
      .red-image-right .manual-liftup__info .field {
        text-align: left; }
    .manual-liftup-left .manual-liftup .field--name-field-links .field__item:not(:first-child),
    .manual-liftup-right .manual-liftup .field--name-field-links .field__item:not(:first-child),
    .blue-image-left .manual-liftup .field--name-field-links .field__item:not(:first-child),
    .red-image-right .manual-liftup .field--name-field-links .field__item:not(:first-child) {
      margin-top: 1rem; }
  @media (min-width: 768px) {
    .manual-liftup-right .manual-liftup,
    .red-image-right .manual-liftup {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  .manual-liftup h2, .manual-liftup p {
    margin-top: 0; }
  .manual-liftup .field--name-field-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px; }
    .manual-liftup .field--name-field-links a {
      display: block;
      background: none;
      color: #255DD0;
      border: 2px solid #255DD0;
      border-radius: 24px;
      padding: 12px 20px;
      text-decoration: none;
      -webkit-transition: background 0.2s ease;
      transition: background 0.2s ease; }
      .manual-liftup .field--name-field-links a:hover {
        color: #fff;
        background: #255DD0; }
      .manual-liftup .field--name-field-links a .ext {
        display: none; }
  .manual-liftup.show-video-icon h2:after {
    display: inline-block;
    content: '';
    background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/liftup-play.svg") no-repeat 0 0;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    padding-left: 5px;
    -webkit-transform: translate(3px, 3px);
            transform: translate(3px, 3px); }

.block-book-navigation {
  max-width: 1152px;
  margin: auto;
  background: #923468; }
  .block-book-navigation .menu--book-tree {
    padding: 30px 30px 10px 34px;
    max-width: 1024px;
    margin: auto;
    list-style-image: url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right-white.svg"); }
    @media (min-width: 1025px) {
      .block-book-navigation .menu--book-tree {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
        -webkit-column-gap: 62px;
           -moz-column-gap: 62px;
                column-gap: 62px; } }
    .block-book-navigation .menu--book-tree li {
      padding-left: 10px;
      display: list-item;
      page-break-inside: avoid;
      padding-bottom: 20px; }
    .block-book-navigation .menu--book-tree a {
      color: #fff;
      text-decoration: none;
      font-size: 1.5rem;
      line-height: 2rem; }
      .block-book-navigation .menu--book-tree a:hover {
        text-decoration: underline; }

body.page-node-type-export-content-book-page #mobile-menu-wrapper .block-book-navigation {
  background: #E9D6E1; }
  body.page-node-type-export-content-book-page #mobile-menu-wrapper .block-book-navigation .menu--book-tree {
    list-style-image: url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right-blue.svg"); }
    body.page-node-type-export-content-book-page #mobile-menu-wrapper .block-book-navigation .menu--book-tree a {
      color: #255DD0; }

.region-main-navigation {
  font-size: 1.5rem;
  padding: 0 25px;
  position: absolute;
  background: #fff;
  z-index: 99;
  width: 100%; }
  .region-main-navigation .contextual-region {
    position: static; }
  .region-main-navigation button {
    background: none;
    border: none;
    padding: 0;
    width: 100%;
    text-align: left;
    position: relative; }
  .region-main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .region-main-navigation button:focus,
  .region-main-navigation a:focus {
    outline: 2px solid #0E4264;
    border-radius: 0; }
  .region-main-navigation li.has-submenu > button {
    padding-left: 25px; }
    .region-main-navigation li.has-submenu > button:before {
      background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-down-blue.svg") no-repeat 0 0;
      background-size: 12px 7px;
      display: block;
      content: '';
      width: 12px;
      height: 7px;
      position: absolute;
      left: 0;
      top: 15px;
      -webkit-transition: -webkit-transform 0.15s;
      transition: -webkit-transform 0.15s;
      transition: transform 0.15s;
      transition: transform 0.15s, -webkit-transform 0.15s; }
  .region-main-navigation li.no-submenu > a {
    padding-left: 25px; }
  .region-main-navigation li.open > button:before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .region-main-navigation .level-1 {
    padding: 20px 0;
    display: none; }
    .region-main-navigation .level-1.expanded {
      display: block; }
    .region-main-navigation .level-1 ul {
      display: none; }
    .region-main-navigation .level-1 li.open > button {
      color: #0E4264; }
    .region-main-navigation .level-1 li.open > ul {
      display: block;
      padding-left: 25px; }
    .region-main-navigation .level-1 > li {
      -ms-flex-preferred-size: 0;
          flex-basis: 0; }
      .region-main-navigation .level-1 > li > button,
      .region-main-navigation .level-1 > li > a {
        font-weight: 600; }
    .region-main-navigation .level-1 button,
    .region-main-navigation .level-1 a {
      padding-top: 8px;
      padding-bottom: 8px;
      display: block;
      text-decoration: none;
      color: #255DD0;
      font-weight: normal; }
  .region-main-navigation .level-2 button:hover,
  .region-main-navigation .level-2 a:hover {
    color: #FF3E60;
    text-decoration: underline; }
  @media (min-width: 768px) {
    .region-main-navigation .language-links {
      display: none; } }
  .region-main-navigation .language-links > ul {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px; }
  .region-main-navigation .language-links a {
    display: block;
    padding: 0;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    color: #0E4264;
    border-radius: 20px;
    border: 1px solid transparent; }
    .region-main-navigation .language-links a:hover, .region-main-navigation .language-links a.is-active {
      -webkit-transition: border 0.3s;
      transition: border 0.3s;
      border: 1px solid #0E4264; }
  .region-main-navigation .language-links .ext .ext {
    display: none; }
  .region-main-navigation .primarylinks .menu {
    display: block; }
  @media (min-width: 1200px) {
    .region-main-navigation .primarylinks {
      display: none; } }
  .region-main-navigation .primarylinks li {
    display: block; }
  .region-main-navigation .primarylinks a {
    padding: 8px 25px;
    font-weight: 600; }
  @media (max-width: 1199px) {
    .region-main-navigation .level-2 {
      height: auto !important; } }
  @media (min-width: 1200px) {
    .region-main-navigation {
      position: relative;
      background: none;
      padding: 0 32px; }
      .region-main-navigation .level-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        gap: 30px;
        padding: 0;
        max-width: 1000px;
        margin-left: auto; }
        .region-main-navigation .level-1.expanded {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        .region-main-navigation .level-1 > li.has-submenu > button {
          padding-left: 0;
          padding-right: 25px; }
          .region-main-navigation .level-1 > li.has-submenu > button:before {
            left: auto;
            right: 5px;
            top: 7px; }
          .region-main-navigation .level-1 > li.has-submenu > button:after {
            content: '';
            position: absolute;
            left: -5px;
            right: -5px;
            top: -5px;
            bottom: -5px; }
          .region-main-navigation .level-1 > li.has-submenu > button > .item-title {
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E4264));
            background-image: linear-gradient(#0E4264 0 0);
            background-position: 0 bottom;
            background-repeat: no-repeat;
            background-size: 0 2px;
            -webkit-transition: all .3s;
            transition: all .3s;
            padding-bottom: 3px;
            word-wrap: normal; }
          .region-main-navigation .level-1 > li.has-submenu > button:focus, .region-main-navigation .level-1 > li.has-submenu > button:hover {
            outline: none; }
            .region-main-navigation .level-1 > li.has-submenu > button:focus > .item-title, .region-main-navigation .level-1 > li.has-submenu > button:hover > .item-title {
              background-size: 100% 2px; }
        .region-main-navigation .level-1 > li.no-submenu > a {
          padding-left: 0;
          padding-right: 0; }
        .region-main-navigation .level-1 > li.open > button, .region-main-navigation .level-1 > li.active > button {
          color: #255DD0; }
          .region-main-navigation .level-1 > li.open > button > .item-title, .region-main-navigation .level-1 > li.active > button > .item-title {
            background-size: 100% 2px; }
        .region-main-navigation .level-1 > li.open > ul, .region-main-navigation .level-1 > li.active > ul {
          padding: 20px 110px; }
        .region-main-navigation .level-1 > li > button,
        .region-main-navigation .level-1 > li > a {
          outline-offset: 5px;
          padding-top: 0;
          padding-bottom: 0; }
      .region-main-navigation .level-2 {
        position: absolute;
        left: 0;
        top: 40px;
        width: 1280px;
        z-index: 2;
        background: #e5f4fc url("/themes/custom/kuntaliitto2022/src/images/png/main-menu-bg.png") no-repeat bottom right;
        background-size: 314px 262px; }
        .region-main-navigation .level-2 li {
          width: 315px; }
          .region-main-navigation .level-2 li.has-submenu > button {
            padding-left: 20px;
            padding-right: 40px; }
            .region-main-navigation .level-2 li.has-submenu > button:before {
              background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right.svg");
              background-size: 5px 9px;
              -webkit-transform: none;
                      transform: none;
              left: auto;
              right: 20px;
              width: 5px;
              height: 9px;
              top: 13px; }
          .region-main-navigation .level-2 li.no-submenu > a {
            padding-left: 20px;
            padding-right: 40px; }
          .region-main-navigation .level-2 li.open > button {
            background: #255DD0;
            color: #fff;
            font-weight: 600; }
            .region-main-navigation .level-2 li.open > button:before {
              background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right-white.svg");
              -webkit-transform: none;
                      transform: none; }
        .region-main-navigation .level-2 > li > button,
        .region-main-navigation .level-2 > li > a {
          font-weight: 600; }
      .region-main-navigation .level-3 {
        position: absolute;
        left: 450px;
        top: 0;
        padding: 20px 0; }
      .region-main-navigation .level-4 {
        position: absolute;
        left: 350px;
        top: 0;
        padding: 20px 0; }
      .region-main-navigation li {
        width: 295px; } }
    @media (min-width: 1200px) and (min-width: 768px) {
      .region-main-navigation li {
        width: auto; } }

#main-menu-toggle {
  width: 25px;
  height: 23px;
  position: relative;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background: none;
  outline-offset: 5px; }
  @media (min-width: 1200px) {
    #main-menu-toggle {
      display: none; } }
  #main-menu-toggle .line {
    display: block;
    position: absolute;
    height: 3px;
    width: 25px;
    background: #255DD0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out; }
    #main-menu-toggle .line:nth-child(1) {
      top: 0px;
      -webkit-transform-origin: left center;
              transform-origin: left center; }
    #main-menu-toggle .line:nth-child(2) {
      top: 10px;
      -webkit-transform-origin: left center;
              transform-origin: left center; }
    #main-menu-toggle .line:nth-child(3) {
      top: 20px;
      -webkit-transform-origin: left center;
              transform-origin: left center; }
  #main-menu-toggle[aria-expanded="true"] .line:nth-child(1) {
    -webkit-transform: rotate(47deg);
            transform: rotate(47deg);
    top: 0;
    width: 27px; }
  #main-menu-toggle[aria-expanded="true"] .line:nth-child(2) {
    opacity: 0;
    width: 10px; }
  #main-menu-toggle[aria-expanded="true"] .line:nth-child(3) {
    -webkit-transform: rotate(-47deg);
            transform: rotate(-47deg);
    top: 20px;
    width: 27px; }

html[lang=fi] .region-main-navigation .language-links .fi a,
html[lang=sv] .region-main-navigation .language-links .sv a,
html[lang=en] .region-main-navigation .language-links .en a {
  border: 1px solid #0E4264; }

.menu--footer,
.menu--footer-sv,
.menu--footer-en {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 1280px;
  margin: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 45px 0 35px 0; }
  @media (min-width: 768px) {
    .menu--footer,
    .menu--footer-sv,
    .menu--footer-en {
      padding: 45px 0 35px 0; } }
  .menu--footer a,
  .menu--footer-sv a,
  .menu--footer-en a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.5rem; }
    .menu--footer a:hover,
    .menu--footer-sv a:hover,
    .menu--footer-en a:hover {
      text-decoration: underline; }
  .menu--footer .menu,
  .menu--footer-sv .menu,
  .menu--footer-en .menu {
    margin-left: 0; }
    @media (min-width: 768px) {
      .menu--footer .menu,
      .menu--footer-sv .menu,
      .menu--footer-en .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: 32px;
           -moz-column-gap: 32px;
                column-gap: 32px; } }
    @media (min-width: 1025px) {
      .menu--footer .menu,
      .menu--footer-sv .menu,
      .menu--footer-en .menu {
        max-width: 832px; } }
  .menu--footer .menu-item,
  .menu--footer-sv .menu-item,
  .menu--footer-en .menu-item {
    display: block;
    padding-bottom: 10px; }
    @media (min-width: 768px) {
      .menu--footer .menu-item,
      .menu--footer-sv .menu-item,
      .menu--footer-en .menu-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 256px;
                flex: 0 0 256px; } }

.menu-item {
  display: inline-block; }
  .menu-item a {
    display: block; }

.menu--primary-menu-en-,
.menu--primary-links {
  display: none; }
  @media (min-width: 1200px) {
    .menu--primary-menu-en-,
    .menu--primary-links {
      display: block; } }
  .menu--primary-menu-en- .menu,
  .menu--primary-links .menu {
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px; }
    .menu--primary-menu-en- .menu a,
    .menu--primary-links .menu a {
      color: #0E4264;
      font-weight: 400;
      outline-offset: 3px;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #255DD0));
      background-image: linear-gradient(#255DD0 0 0);
      background-position: 0 bottom;
      background-repeat: no-repeat;
      background-size: 0 2px;
      -webkit-transition: all .3s;
      transition: all .3s;
      padding: 3px 0; }
      .menu--primary-menu-en- .menu a:hover,
      .menu--primary-links .menu a:hover {
        background-size: 100% 2px; }

.menu--secondary-navigation,
.menu--secondary-navigation-en- {
  background-color: #F2FBFD;
  font-size: 1.8rem;
  border-top: 1px solid #002E63; }
  .menu--secondary-navigation li,
  .menu--secondary-navigation-en- li {
    width: 100%; }
  .menu--secondary-navigation a,
  .menu--secondary-navigation-en- a {
    padding: 15px 20px;
    font-weight: bold; }
    .menu--secondary-navigation a.is-active,
    .menu--secondary-navigation-en- a.is-active {
      color: white;
      background-color: #002E63; }
    .menu--secondary-navigation a:hover, .menu--secondary-navigation a:focus,
    .menu--secondary-navigation-en- a:hover,
    .menu--secondary-navigation-en- a:focus {
      color: #002E63; }
    @media (min-width: 1025px) {
      .menu--secondary-navigation a,
      .menu--secondary-navigation-en- a {
        font-weight: 500; } }
    .menu--secondary-navigation a:hover, .menu--secondary-navigation a:focus,
    .menu--secondary-navigation-en- a:hover,
    .menu--secondary-navigation-en- a:focus {
      color: #c7c7c7; }

.section-menu {
  background: #255DD0;
  margin: auto;
  max-width: 832px; }
  .section-menu.wide {
    max-width: 1280px; }
  .section-menu > ul {
    list-style: none;
    max-width: 1152px;
    margin: 10px auto;
    padding: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: 20px; }
    @media (min-width: 1025px) {
      .section-menu > ul {
        max-width: 832px; } }
    .section-menu > ul li {
      display: block;
      padding: 0 0 0 20px;
      margin: 0;
      position: relative;
      font-size: 1.5rem;
      line-height: 2.0rem;
      -webkit-column-break-inside: avoid;
         -moz-column-break-inside: avoid;
              break-inside: avoid;
      width: 100%; }
      @media (min-width: 768px) {
        .section-menu > ul li {
          width: calc(100%/3 - 20px); } }
      .section-menu > ul li:before {
        content: '';
        position: absolute;
        background-image: url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right-white.svg");
        background-size: 7px 12px;
        -webkit-transform: none;
                transform: none;
        top: 4px;
        left: 0;
        width: 7px;
        height: 12px; }
    .section-menu > ul a {
      color: #fff;
      text-decoration: none; }
      .section-menu > ul a:hover {
        text-decoration: underline; }

.page-node-type-modular .section-menu {
  max-width: 1152px; }

.node--type-automated-liftup {
  margin-bottom: 25px;
  text-align: start; }
  @media (min-width: 1025px) {
    .node--type-automated-liftup {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 0; } }
  .node--type-automated-liftup .liftup-image {
    position: relative; }
    @media (min-width: 1025px) {
      .node--type-automated-liftup .liftup-image {
        width: 50%; } }
    .node--type-automated-liftup .liftup-image img {
      display: block; }
  .node--type-automated-liftup .vocabulary-figure {
    height: 100%; }
  .node--type-automated-liftup .field--name-field-figure {
    height: 100%;
    position: absolute;
    top: 0; }
  .node--type-automated-liftup .field--name-field-figure-image {
    height: 100%; }
    .node--type-automated-liftup .field--name-field-figure-image img {
      height: 100%;
      width: auto; }
  .node--type-automated-liftup .liftup-content {
    background-color: #E5F4FC;
    padding: 24px; }
    @media (min-width: 768px) {
      .node--type-automated-liftup .liftup-content {
        padding: 32px 96px 32px 64px; } }
    @media (min-width: 1025px) {
      .node--type-automated-liftup .liftup-content {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 50%;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }
    .node--type-automated-liftup .liftup-content h2 {
      color: #255DD0;
      font-size: 2rem;
      margin-top: 0; }
      @media (min-width: 1025px) {
        .node--type-automated-liftup .liftup-content h2 {
          font-size: 2.8rem; } }
    .node--type-automated-liftup .liftup-content p {
      margin-top: 0; }

.node--view-mode-centred-liftup {
  max-width: 832px;
  margin: 0 auto;
  padding: 10px 15px; }
  .node--view-mode-centred-liftup p {
    padding: 0 15px; }
  .node--view-mode-centred-liftup img {
    margin-bottom: 20px; }
  .node--view-mode-centred-liftup .field--name-node-title,
  .node--view-mode-centred-liftup .field--name-body {
    text-align: center; }
  .node--view-mode-centred-liftup .field--name-field-url,
  .node--view-mode-centred-liftup .file--mime-application-pdf {
    text-align: center; }

.node--view-mode-lateral-image-left *,
.node--view-mode-lateral-image-right * {
  color: white; }

.node--view-mode-lateral-image-left .publication-liftup--container,
.node--view-mode-lateral-image-right .publication-liftup--container {
  background: #002E63;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 768px) {
    .node--view-mode-lateral-image-left .publication-liftup--container,
    .node--view-mode-lateral-image-right .publication-liftup--container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

@media (min-width: 768px) {
  .node--view-mode-lateral-image-left .publication-liftup__image,
  .node--view-mode-lateral-image-left .publication-liftup__info,
  .node--view-mode-lateral-image-right .publication-liftup__image,
  .node--view-mode-lateral-image-right .publication-liftup__info {
    width: 50%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; } }

.node--view-mode-lateral-image-left .publication-liftup__image,
.node--view-mode-lateral-image-right .publication-liftup__image {
  background: #fff;
  text-align: center;
  padding: 1.5rem; }

.node--view-mode-lateral-image-left .publication-liftup__info,
.node--view-mode-lateral-image-right .publication-liftup__info {
  padding: 20px; }
  .node--view-mode-lateral-image-left .publication-liftup__info .field,
  .node--view-mode-lateral-image-right .publication-liftup__info .field {
    text-align: left; }

.node--view-mode-lateral-image-left .publication-liftup__info--price,
.node--view-mode-lateral-image-right .publication-liftup__info--price {
  float: left;
  margin-right: 20px; }

@media (min-width: 768px) {
  .node--view-mode-lateral-image-right .publication-liftup--container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

.node--type-manual-centralized-liftup .field--name-name,
.node--type-manual-decentralize-liftup .field--name-name {
  display: none; }

.node--type-manual-centralized-liftup img,
.node--type-manual-decentralize-liftup img {
  display: block; }

.node--type-modular h2, .node--type-modular h3 {
  font-weight: 700; }

.node--type-modular p {
  font-weight: 100; }

.node--type-modular .field--name-field-main-media {
  margin-bottom: 35px; }

.field--name-field-modular-content > .field__item {
  margin-bottom: 50px; }

@media (min-width: 1025px) {
  .field--name-field-modular-content .accordion {
    margin-left: -64px;
    margin-right: -64px; } }

@media (min-width: 1025px) {
  .field--name-field-modular-content .uplift_decentalised {
    margin-left: -160px;
    margin-right: -160px; } }

.field--name-field-modular-content .uplift_decentalised .paragraph--type--uplift-decentalised {
  padding: 0; }

.field--name-field-modular-content .liftup {
  padding: 0; }

.field--name-field-modular-content .node--type-manual-decentralize-liftup {
  font-size: 1.5rem;
  line-height: 2rem; }

.field--name-field-modular-content .node--type-automated-liftup {
  font-size: 1.5rem;
  line-height: 2rem; }

.node--type-expert-statement.node--view-mode-full {
  margin-bottom: 50px; }

.node--type-timer {
  margin-bottom: 25px; }
  @media (min-width: 1025px) {
    .node--type-timer {
      margin-bottom: 50px; } }
  .node--type-timer h2 {
    margin: 0 0 10px 0;
    color: #255DD0;
    font-weight: 600; }
  .node--type-timer p {
    margin: 0; }
  .node--type-timer .field--name-body {
    color: #0E4264;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 20px; }
  .node--type-timer .field--name-field-link {
    margin-bottom: 10px; }
    .node--type-timer .field--name-field-link .field__label {
      display: none; }
    .node--type-timer .field--name-field-link a {
      color: #255DD0;
      border: 2px solid #255DD0;
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 2.2rem;
      padding: 14px 22px;
      border-radius: 25px;
      text-decoration: none;
      -webkit-transition: .25s background;
      transition: .25s background; }
      .node--type-timer .field--name-field-link a:hover {
        background: #255DD0;
        color: #fff; }
      .node--type-timer .field--name-field-link a svg.ext {
        display: none; }
  .node--type-timer .node__content {
    max-width: 1153px;
    margin: auto; }
    @media (min-width: 768px) {
      .node--type-timer .node__content {
        min-height: 320px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .node--type-timer .left,
  .node--type-timer .right {
    text-align: center; }
    @media (min-width: 768px) {
      .node--type-timer .left,
      .node--type-timer .right {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        text-align: left; } }
  .node--type-timer .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 25px; }
    @media (min-width: 768px) {
      .node--type-timer .left {
        padding: 32px 64px; } }
  .node--type-timer .right {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 25px; }
    @media (min-width: 768px) {
      .node--type-timer .right {
        padding: 32px 35px; } }
  .node--type-timer .timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    width: 100%;
    max-width: 400px; }
    @media (min-width: 768px) {
      .node--type-timer .timer {
        max-width: none; } }
    .node--type-timer .timer.format-days_hours > div {
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%; }
    .node--type-timer .timer.format-days_hours .minutes,
    .node--type-timer .timer.format-days_hours .seconds {
      display: none; }
    .node--type-timer .timer.format-days_hours_minutes > div {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%; }
    .node--type-timer .timer.format-days_hours_minutes .seconds {
      display: none; }
    .node--type-timer .timer.format-days_hours_minutes_seconds > div {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%; }
    .node--type-timer .timer .value {
      font-weight: 800;
      font-size: 3.6rem;
      line-height: 4.8rem;
      text-align: center;
      border-bottom: 2px solid #FFC0D0;
      padding-bottom: 5px; }
      @media (min-width: 768px) {
        .node--type-timer .timer .value {
          font-size: 4.6rem;
          padding-bottom: 9px; } }
      @media (min-width: 1025px) {
        .node--type-timer .timer .value {
          font-size: 5.2rem;
          line-height: 5.2rem; } }
    .node--type-timer .timer .unit {
      font-weight: 300;
      font-size: 1.4rem;
      line-height: 1.6rem;
      text-align: center;
      text-transform: uppercase;
      margin-top: 15px; }
      @media (min-width: 768px) {
        .node--type-timer .timer .unit {
          font-size: 1.5rem; } }
      @media (min-width: 1025px) {
        .node--type-timer .timer .unit {
          font-size: 1.8rem;
          line-height: 1.8rem; } }

.node--view-mode-teaser-large.listing-item {
  border: 0;
  position: relative; }

.node--view-mode-teaser-large .teaser-large-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #1054B5;
  padding: 15px 0; }

.node--view-mode-teaser-large .teaser-left {
  width: 13%;
  font-size: 1.4rem; }

.node--view-mode-teaser-large .teaser-content {
  width: 87%; }

.node--view-mode-teaser-large .event-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold; }
  .node--view-mode-teaser-large .event-date .datetime {
    font-weight: bold; }

.node--view-mode-teaser-large h2 {
  font-size: 1.8rem;
  margin-top: 0;
  text-decoration: underline;
  color: #1054B5;
  font-weight: bold; }
  .node--view-mode-teaser-large h2 a {
    color: #1054B5; }
    .node--view-mode-teaser-large h2 a:hover {
      color: #1054B5;
      text-decoration: none; }

.node--view-mode-teaser-large .event-title {
  position: relative;
  cursor: pointer; }

.node--view-mode-teaser-large .teaser-large-content.open .event-title h2 {
  color: #333333;
  text-decoration: none; }

.node--view-mode-teaser-large .event-toggle {
  position: absolute;
  right: 5px;
  top: 25px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 1; }

.node--view-mode-teaser-large .field--name-field-topics {
  font-size: 1.4rem;
  margin: 0; }

.node--view-mode-teaser-large .field--name-field-event-url a {
  border-radius: 0; }

.node--view-mode-teaser-large .event-show-less {
  margin-top: 20px;
  color: #1054B5;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .node--view-mode-teaser-large .event-show-less .event-hide {
    margin-left: 15px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%; }

.node--type-event.node--view-mode-teaser > .field {
  max-width: none;
  margin: 0;
  padding: 0; }

.node--type-event.node--view-mode-teaser .field--name-node-title {
  text-align: left; }

.node--type-event.node--view-mode-teaser .field--type-datetime,
.node--type-event.node--view-mode-teaser .field--name-field-venue-name,
.node--type-event.node--view-mode-teaser .field--name-field-event-city {
  display: inline;
  font-weight: bold; }
  .node--type-event.node--view-mode-teaser .field--type-datetime .datetime,
  .node--type-event.node--view-mode-teaser .field--name-field-venue-name .datetime,
  .node--type-event.node--view-mode-teaser .field--name-field-event-city .datetime {
    font-weight: bold; }

.node--type-event.node--view-mode-teaser .field--type-datetime .datetime:after,
.node--type-event.node--view-mode-teaser .field--name-field-venue-name:after {
  content: ","; }

.node--type-event.node--view-mode-teaser .field--name-field-keywords .field__item {
  display: block; }
  @media (min-width: 768px) {
    .node--type-event.node--view-mode-teaser .field--name-field-keywords .field__item {
      display: inline-block; } }

.node--blog-post .node__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  gap: 25px; }
  @media (min-width: 768px) {
    .node--blog-post .node__content {
      gap: 32px; } }
  @media (min-width: 1025px) {
    .node--blog-post .node__content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.node--blog-post .left,
.node--blog-post .right {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  position: relative; }
  @media (min-width: 1025px) {
    .node--blog-post .left,
    .node--blog-post .right {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; } }

.node--blog-post .left {
  margin-bottom: 20px; }
  @media (min-width: 1025px) {
    .node--blog-post .left {
      margin-bottom: 0; } }

.node--blog-post h3 a {
  color: #255DD0;
  font-size: 1.8rem;
  font-weight: 600; }
  @media (min-width: 1025px) {
    .node--blog-post h3 a {
      font-size: 2.8rem; } }

.node--blog-post .field--name-field-image img {
  display: block; }

@media (min-width: 1025px) {
  .node--blog-post .field--name-field-image {
    margin-right: 32px; } }

.node--blog-post .field--name-field-author {
  position: absolute;
  left: 32px;
  right: auto;
  top: auto;
  bottom: -32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px; }
  @media (min-width: 1025px) {
    .node--blog-post .field--name-field-author {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      right: 0;
      top: 40px;
      left: auto;
      bottom: auto; } }
  .node--blog-post .field--name-field-author .field--name-field-picture img {
    width: 64px;
    height: 64px;
    border-radius: 32px;
    display: block; }

.node--blog-post .author {
  font-size: 1.4rem; }
  .node--blog-post .author .name:not(:last-child):after {
    content: ', ';
    display: inline; }

.node--blog-post .category {
  text-transform: uppercase;
  font-weight: 300;
  color: #0E4264;
  letter-spacing: 1.8px;
  font-size: 1.8rem; }

.node--blog-post .read-more {
  margin-top: 20px;
  display: inline-block;
  background: #fff;
  color: #255DD0;
  border: 2px solid #255DD0;
  border-radius: 24px;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 500;
  -webkit-transition: background 0.15s ease;
  transition: background 0.15s ease; }
  .node--blog-post .read-more:hover {
    color: #fff;
    background: #255DD0; }

.node--type-blog-post h1 {
  margin-top: 1rem; }
  @media (min-width: 1025px) {
    .node--type-blog-post h1 {
      font-size: 4.2rem;
      line-height: 4.6rem; } }

.node--type-blog-post .field--name-field-subtitle {
  font-size: 1.6rem;
  color: #255DD0;
  margin-bottom: 1rem; }

.node--type-blog-post .field--name-field-author > .field__item {
  margin-bottom: 20px; }
  .node--type-blog-post .field--name-field-author > .field__item:last-child {
    margin-bottom: 0; }

.node--type-faq.node--view-mode-full .field--name-field-main-media img {
  margin-bottom: 15px; }

.node--type-faq.node--view-mode-full .field--name-field-abstract {
  font-weight: 600; }

.node--type-faq.node--view-mode-full .field--name-field-faq-more-about,
.node--type-faq.node--view-mode-full .block-faq-you-might-be-interested,
.node--type-faq.node--view-mode-full .fieldgroup--tags {
  margin-bottom: 40px; }

.node--type-tool.node--view-mode-teaser {
  background: white;
  border-left: 7px solid #923468;
  padding: 20px;
  padding-right: 10px;
  margin-bottom: 20px; }
  .node--type-tool.node--view-mode-teaser h2 {
    color: #333333;
    margin: 0 0 1.5rem 0;
    font-weight: bold;
    font-size: 1.8rem; }
    .node--type-tool.node--view-mode-teaser h2 .field {
      margin-bottom: 0; }
  .node--type-tool.node--view-mode-teaser .read-more {
    color: #1054B5;
    cursor: pointer;
    display: inline-block;
    padding-right: 22px;
    font-weight: bold;
    position: relative; }
    .node--type-tool.node--view-mode-teaser .read-more.hidden {
      display: none; }
    .node--type-tool.node--view-mode-teaser .read-more:after {
      content: '';
      border: solid;
      border-color: #1054B5;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 5px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 0; }
  .node--type-tool.node--view-mode-teaser .read-less {
    margin-top: 10px;
    color: #1054B5;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold; }
    .node--type-tool.node--view-mode-teaser .read-less .read-less-icon {
      width: 20px;
      height: 20px;
      position: relative; }
      .node--type-tool.node--view-mode-teaser .read-less .read-less-icon:before, .node--type-tool.node--view-mode-teaser .read-less .read-less-icon:after {
        position: absolute;
        content: ' ';
        height: 20px;
        width: 2px;
        left: 10px;
        background-color: #1054B5; }
      .node--type-tool.node--view-mode-teaser .read-less .read-less-icon:before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .node--type-tool.node--view-mode-teaser .read-less .read-less-icon:after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .node--type-tool.node--view-mode-teaser .read-less .read-less-text {
      padding-left: 8px; }
  .node--type-tool.node--view-mode-teaser .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px; }
  .node--type-tool.node--view-mode-teaser .field__label {
    padding-right: 2em;
    width: 25%; }
    .node--type-tool.node--view-mode-teaser .field__label::after {
      content: '';
      display: none; }
  .node--type-tool.node--view-mode-teaser .field__item {
    width: 75%; }
  .node--type-tool.node--view-mode-teaser .basic-info {
    margin-bottom: 20px; }
  .node--type-tool.node--view-mode-teaser .field--name-body {
    padding-bottom: 0; }
    .node--type-tool.node--view-mode-teaser .field--name-body > .field__item > p {
      margin-top: 0; }
      .node--type-tool.node--view-mode-teaser .field--name-body > .field__item > p:last-of-type {
        margin-bottom: 0; }

.paragraph--type--accordion-title {
  background-color: #E9EFFB;
  padding: 0 25px 15px; }
  @media (min-width: 768px) {
    .paragraph--type--accordion-title {
      padding: 0 64px 15px; } }
  .paragraph--type--accordion-title h2 {
    color: #0E4264;
    font-size: 1.8rem;
    margin: 0; }
    @media (min-width: 768px) {
      .paragraph--type--accordion-title h2 {
        font-size: 2.4rem; } }

.paragraph--type--accordion,
.accordion {
  background-color: #E9EFFB; }
  .paragraph--type--accordion.open .accordion-header .accordion-toggler,
  .accordion.open .accordion-header .accordion-toggler {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .paragraph--type--accordion .accordion-header,
  .accordion .accordion-header {
    background-color: #E9EFFB;
    cursor: pointer;
    padding: 0 25px;
    position: relative; }
    @media (min-width: 768px) {
      .paragraph--type--accordion .accordion-header,
      .accordion .accordion-header {
        padding: 0 64px; } }
    .paragraph--type--accordion .accordion-header .accordion-title,
    .accordion .accordion-header .accordion-title {
      border-top: 1px solid #1462A8;
      color: #1462A8;
      font-size: 1.8rem;
      margin: 0;
      padding: 15px 0;
      position: relative; }
    .paragraph--type--accordion .accordion-header .accordion-toggler,
    .accordion .accordion-header .accordion-toggler {
      background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-down-blue.svg") no-repeat center center;
      border: 0;
      bottom: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      width: 56px;
      outline-offset: -2px; }
    .paragraph--type--accordion .accordion-header .field,
    .accordion .accordion-header .field {
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 1.8rem;
      padding-right: 68px; }
      @media (min-width: 768px) {
        .paragraph--type--accordion .accordion-header .field,
        .accordion .accordion-header .field {
          font-size: 1.8rem;
          line-height: 3rem; } }
  .paragraph--type--accordion .accordion-content,
  .accordion .accordion-content {
    display: none;
    font-size: 1.6rem;
    line-height: 2.1rem;
    padding: 0 25px; }
    @media (min-width: 768px) {
      .paragraph--type--accordion .accordion-content,
      .accordion .accordion-content {
        padding: 10px 64px; } }
    .paragraph--type--accordion .accordion-content h2,
    .accordion .accordion-content h2 {
      font-size: 1.8rem;
      font-weight: 600; }
    .paragraph--type--accordion .accordion-content h3,
    .accordion .accordion-content h3 {
      font-size: 1.6rem; }

.accordion-show-all {
  border: 2px solid #255DD0;
  border-radius: 24px;
  color: #255DD0;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8rem;
  margin: 0 0 15px 0;
  padding: 12px 20px;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  text-decoration: none; }
  @media (min-width: 768px) {
    .accordion-show-all {
      margin-left: 32px; } }
  .accordion-show-all:hover {
    background: #255DD0;
    color: #fff; }

.last.accordion {
  margin-bottom: 30px;
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    .last.accordion {
      margin-bottom: 40px;
      padding-bottom: 55px; } }

.last .accordion-header h2.accordion-title {
  border-bottom: 1px solid #1462A8; }

.first.accordion {
  padding-top: 30px; }
  @media (min-width: 768px) {
    .first.accordion {
      padding-top: 55px; } }

/*
 * FAQ accordion
 */
.paragraph--type--faq-accordion {
  background-color: #e3ced8;
  padding: 25px 25px;
  margin-bottom: 50px; }
  @media (min-width: 768px) {
    .paragraph--type--faq-accordion {
      padding: 55px 64px; } }
  .paragraph--type--faq-accordion .paragraph--type--accordion,
  .paragraph--type--faq-accordion .accordion,
  .paragraph--type--faq-accordion .accordion-header,
  .paragraph--type--faq-accordion .accordion-content {
    background: none;
    padding: 0;
    margin: 0; }
  .paragraph--type--faq-accordion h2 {
    margin-top: 0; }
  .paragraph--type--faq-accordion .field--name-field-text {
    margin-block: 20px; }
  .paragraph--type--faq-accordion .accordion.last {
    margin-bottom: 0;
    border-bottom: 1px solid #1462A8; }
  .paragraph--type--faq-accordion .accordion-header .accordion-title {
    color: #1054B5; }
  .paragraph--type--faq-accordion .accordion-content {
    /*.read-more {
      a {
        margin-block: 10px;
        display: inline-block;
        border: 2px solid #255DD0;
        border-radius: 24px;
        background: transparent;
        color: #255DD0;
        font-size: 1.3rem;
        line-height: 1.3rem;
        padding: 13px 20px;
        transition: background 0.2s ease;
        text-decoration: none;
        font-weight: 400;
        &:hover {
          background: #255DD0;
          color: #fff;
        }
      }
    }*/ }
    .paragraph--type--faq-accordion .accordion-content .field--name-body p:first-child {
      margin-top: 0; }

.paragraph--type--blog-liftup {
  margin: 0 auto;
  padding: 0 25px 40px 25px;
  max-width: 576px; }
  @media (min-width: 768px) {
    .paragraph--type--blog-liftup {
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 1025px) {
    .paragraph--type--blog-liftup {
      max-width: none;
      padding: 0 32px 0 32px; } }
  @media (min-width: 1200px) {
    .paragraph--type--blog-liftup {
      max-width: 1152px;
      padding: 0; } }
  .paragraph--type--blog-liftup header {
    display: none; }
  .paragraph--type--blog-liftup .container,
  .paragraph--type--blog-liftup .container-narrow {
    padding: 0; }
  .paragraph--type--blog-liftup h3 {
    margin: 15px 0;
    padding: 0;
    font-size: 2.2rem;
    line-height: 2.6rem;
    color: #255DD0; }
    @media (min-width: 768px) {
      .paragraph--type--blog-liftup h3 {
        font-size: 2.8rem;
        line-height: 3.4rem; } }
    .paragraph--type--blog-liftup h3 a {
      color: #255DD0; }
  .paragraph--type--blog-liftup .views-row:not(:last-child) {
    margin-bottom: 30px; }

.paragraph--type--contact-information .node--type-contact-information {
  font-size: 1.5rem;
  line-height: 2.5rem;
  background-color: #e5f4fc; }
  .paragraph--type--contact-information .node--type-contact-information .contact-information__name {
    color: #923468;
    text-transform: none;
    font-size: 1.8rem; }

.paragraph--type--contact-information .field--name-field-responsibilities li {
  margin-bottom: 0.5rem; }

.paragraph--type--content-grid-liftup {
  font-size: 1.5rem;
  line-height: 1.9rem; }
  .paragraph--type--content-grid-liftup h2 {
    color: #255DD0;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 5px; }
    .paragraph--type--content-grid-liftup h2 a {
      color: inherit;
      font-weight: bold; }
      .paragraph--type--content-grid-liftup h2 a::after {
        content: '';
        display: inline-block;
        background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right.svg") no-repeat center center;
        width: 10px;
        height: 9px;
        background-size: 5px;
        margin-left: 2px; }
  .paragraph--type--content-grid-liftup p {
    margin-top: 0; }

.paragraph--type--content-grid .field--name-field-grid-liftup {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 40px 32px; }

.paragraph--type--events-liftup {
  margin: 55px 0 30px 0;
  padding: 50px 25px;
  position: relative;
  background: #E9EFFB;
  color: #0E4264; }
  @media (min-width: 768px) {
    .paragraph--type--events-liftup {
      padding: 50px 32px;
      margin-top: 64px; } }
  @media (min-width: 1025px) {
    .paragraph--type--events-liftup {
      padding: 50px 64px;
      margin-left: 32px;
      margin-right: 32px; } }
  @media (min-width: 1200px) {
    .paragraph--type--events-liftup {
      max-width: 1152px;
      margin-left: auto;
      margin-right: auto; } }
  .paragraph--type--events-liftup:before {
    content: '';
    display: block;
    position: absolute;
    top: -55px;
    left: 32px;
    background: transparent url("/themes/custom/kuntaliitto2022/src/images/png/events-liftup-bg.png") no-repeat right bottom;
    background-size: 265px 55px;
    width: 265px;
    height: 55px; }
    @media (min-width: 768px) {
      .paragraph--type--events-liftup:before {
        top: -64px;
        background-size: 301px 64px;
        width: 301px;
        height: 64px;
        left: auto;
        right: 32px; } }
    @media (min-width: 1025px) {
      .paragraph--type--events-liftup:before {
        right: 85px; } }
  .paragraph--type--events-liftup h2 {
    padding: 0;
    margin: 0 0 30px 0;
    font-weight: 300;
    font-size: 2.4rem;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: #0E4264; }
    @media (min-width: 1025px) {
      .paragraph--type--events-liftup h2 {
        margin-bottom: 40px; } }
  .paragraph--type--events-liftup h3 {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    color: #255DD0;
    font-size: 1.6rem;
    font-weight: 600; }
    @media (min-width: 768px) {
      .paragraph--type--events-liftup h3 {
        font-size: 1.8rem; } }
    .paragraph--type--events-liftup h3 a {
      color: #255DD0; }
  .paragraph--type--events-liftup .wrap--narrow, .paragraph--type--events-liftup .contact-information.node--view-mode-full .contact-information__content-wrapper, .contact-information.node--view-mode-full .paragraph--type--events-liftup .contact-information__content-wrapper,
  .paragraph--type--events-liftup .container-narrow {
    padding: 0;
    margin: 0;
    max-width: none; }
  .paragraph--type--events-liftup .views-row {
    border-top: 1px solid #255DD0;
    padding: 5px 0;
    position: relative; }
    .paragraph--type--events-liftup .views-row:last-child {
      border-bottom: 1px solid #255DD0; }
  .paragraph--type--events-liftup .row-container {
    padding: 15px 25px 15px 0;
    position: relative; }
    @media (min-width: 768px) {
      .paragraph--type--events-liftup .row-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .paragraph--type--events-liftup .row-container .left {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 150px;
                  flex: 0 0 150px;
          margin-right: 20px; } }
  .paragraph--type--events-liftup .row-toggle {
    border: 0;
    background: none;
    padding: 0;
    text-align: left; }
    .paragraph--type--events-liftup .row-toggle:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
    .paragraph--type--events-liftup .row-toggle:after {
      background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-down-blue.svg") no-repeat 0 0;
      background-size: 12px 7px;
      display: block;
      content: '';
      width: 12px;
      height: 7px;
      position: absolute;
      right: 0;
      top: calc(50% - 4px);
      -webkit-transition: -webkit-transform 0.15s;
      transition: -webkit-transform 0.15s;
      transition: transform 0.15s;
      transition: transform 0.15s, -webkit-transform 0.15s; }
      @media (min-width: 768px) {
        .paragraph--type--events-liftup .row-toggle:after {
          right: 25px; } }
    .paragraph--type--events-liftup .row-toggle[aria-expanded="true"]:after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .paragraph--type--events-liftup .node__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none; }
  .paragraph--type--events-liftup .date {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.4rem; }
    .paragraph--type--events-liftup .date .field {
      display: inline;
      margin: 0;
      font-size: 1.4rem;
      font-weight: 900; }
    .paragraph--type--events-liftup .date .field--name-field-end-date:before {
      content: '-';
      display: inline; }
  .paragraph--type--events-liftup .field--name-field-event-city {
    display: inline; }
    @media (min-width: 768px) {
      .paragraph--type--events-liftup .field--name-field-event-city {
        display: block; } }
  .paragraph--type--events-liftup .field--name-field-topics {
    max-width: none;
    line-height: 1.4rem;
    margin-bottom: 2px; }
    .paragraph--type--events-liftup .field--name-field-topics .field__item {
      margin: 0;
      display: inline; }
      .paragraph--type--events-liftup .field--name-field-topics .field__item:not(:last-child):after {
        content: ', ';
        display: inline; }
  .paragraph--type--events-liftup .accordion-content {
    max-height: 0;
    -webkit-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    overflow: hidden; }
    .paragraph--type--events-liftup .accordion-content.open {
      max-height: 999px; }
    .paragraph--type--events-liftup .accordion-content .field--name-field-description {
      max-width: none; }
  .paragraph--type--events-liftup .field--name-field-liftup-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px; }
    .paragraph--type--events-liftup .field--name-field-liftup-links a {
      display: block;
      color: #fff;
      background: #255DD0;
      border: 2px solid #255DD0;
      border-radius: 24px;
      padding: 12px 20px;
      text-decoration: none;
      -webkit-transition: background 0.2s ease;
      transition: background 0.2s ease;
      font-size: 1.4rem;
      font-weight: 500; }
      .paragraph--type--events-liftup .field--name-field-liftup-links a:hover {
        background: none;
        color: #255DD0; }

.field--name-field-modular-content > .field__item {
  margin-bottom: 50px; }
  .field--name-field-modular-content > .field__item.group-item {
    margin-bottom: 0; }
  .field--name-field-modular-content > .field__item.last {
    margin-bottom: 50px; }

.paragraph--type--image-caption .field--name-field-caption {
  font-size: 1.3rem;
  line-height: 2.3rem; }

.paragraph--type--liftup {
  padding: 33px;
  background-color: #e5f4fc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  line-height: 2rem; }
  .paragraph--type--liftup h2, .paragraph--type--liftup h3 {
    margin-top: 0;
    color: #923468; }
  .paragraph--type--liftup .image {
    width: 192px;
    -ms-flex-preferred-size: 192px;
        flex-basis: 192px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .paragraph--type--liftup .content {
    margin-left: 32px; }
  .paragraph--type--liftup .field--name-field-liftup-links > .field__item {
    border: 2px solid #255DD0;
    border-radius: 24px;
    padding: 12px 22px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 20px; }
  .paragraph--type--liftup .field--name-field-liftup-links a {
    text-decoration: none;
    font-weight: normal;
    font-size: 15px; }

.paragraph--type--uplift-decentalised {
  position: relative;
  overflow: hidden; }
  @media (min-width: 768px) {
    .paragraph--type--uplift-decentalised {
      padding: 0 32px; } }
  .paragraph--type--uplift-decentalised .manual-liftup__image {
    position: relative; }
    .paragraph--type--uplift-decentalised .manual-liftup__image .figure {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-repeat: no-repeat;
      z-index: 2; }
  .paragraph--type--uplift-decentalised .manual-liftup__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-repeat: no-repeat; }
    @media (max-width: 767px) {
      .paragraph--type--uplift-decentalised .manual-liftup__info {
        background: none !important; } }
    .paragraph--type--uplift-decentalised .manual-liftup__info .align-center {
      width: 100%;
      -ms-flex-item-align: center;
          align-self: center; }
  .paragraph--type--uplift-decentalised.red-image-right, .paragraph--type--uplift-decentalised.blue-image-left {
    padding: 0 25px 25px 25px; }
    @media (min-width: 768px) {
      .paragraph--type--uplift-decentalised.red-image-right, .paragraph--type--uplift-decentalised.blue-image-left {
        padding: 0 32px; } }
  .paragraph--type--uplift-decentalised.red-image-right h2 {
    color: #255DD0; }
  .paragraph--type--uplift-decentalised.red-image-right .manual-liftup {
    background: #FFC0D067; }
    .paragraph--type--uplift-decentalised.red-image-right .manual-liftup:hover {
      background: #FFC0D067; }
  .paragraph--type--uplift-decentalised.blue-image-left h2 {
    color: #923468; }
  .paragraph--type--uplift-decentalised.blue-image-left .manual-liftup {
    background: #7DC6F033; }
    .paragraph--type--uplift-decentalised.blue-image-left .manual-liftup:hover {
      background: #7DC6F033; }
  .paragraph--type--uplift-decentalised.manual-liftup-left .manual-liftup__info {
    background-position: bottom left; }
  .paragraph--type--uplift-decentalised.manual-liftup-right .manual-liftup__info {
    background-position: bottom right; }
  .paragraph--type--uplift-decentalised.manual-liftup-left .field--name-field-lifted-content, .paragraph--type--uplift-decentalised.manual-liftup-right .field--name-field-lifted-content {
    position: relative;
    z-index: 3; }
  @media (max-width: 767px) {
    .paragraph--type--uplift-decentalised.manual-liftup-left .figure, .paragraph--type--uplift-decentalised.manual-liftup-right .figure {
      background: none !important; } }

.paragraph--type--link-list-column {
  background-color: #e5f4fc;
  background-position: top right;
  padding: 34px; }
  .paragraph--type--link-list-column h2 {
    color: #0E4264;
    margin-top: 0;
    margin-bottom: 28px; }
  .paragraph--type--link-list-column .field--name-field-liftup-links {
    font-size: 1.6rem; }
    .paragraph--type--link-list-column .field--name-field-liftup-links .field__item {
      margin-bottom: 28px; }
      .paragraph--type--link-list-column .field--name-field-liftup-links .field__item::before {
        content: '';
        background: url(9a717a66b61c7de057c2605a01edc9df.svg);
        color: #255DD0;
        margin-right: 15px;
        font-size: 0;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        display: inline-block;
        width: 7px;
        height: 9px; }
    .paragraph--type--link-list-column .field--name-field-liftup-links a {
      text-decoration: none;
      font-weight: normal; }
      .paragraph--type--link-list-column .field--name-field-liftup-links a:hover {
        text-decoration: underline; }

.paragraph--type--link-list {
  margin-right: -3px; }
  .paragraph--type--link-list h2, .paragraph--type--link-list h3 {
    color: #0E4264; }
  .paragraph--type--link-list .field--name-field-liftup-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .paragraph--type--link-list .field--name-field-liftup-links > .field__item {
      width: 33%; }
  .paragraph--type--link-list a {
    text-decoration: none;
    font-size: 1.5rem;
    padding-left: 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 16px; }
    .paragraph--type--link-list a:hover {
      text-decoration: underline;
      color: #255DD0; }
    .paragraph--type--link-list a::before {
      content: '';
      display: inline-block;
      background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right.svg") no-repeat center center;
      width: 7px;
      height: 12px;
      margin-right: 12px;
      position: absolute;
      left: 0;
      top: 3px; }
    .paragraph--type--link-list a svg.ext {
      margin-top: -3px; }
  .paragraph--type--link-list.blue {
    background-color: #255DD0;
    padding: 33px; }
    .paragraph--type--link-list.blue h2, .paragraph--type--link-list.blue h3 {
      color: #fff;
      font-weight: 100;
      margin-top: 0; }
    .paragraph--type--link-list.blue a {
      color: #fff; }
      .paragraph--type--link-list.blue a::before {
        display: inline-block;
        background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-right-white.svg") no-repeat center center;
        width: 7px;
        height: 12px;
        margin-right: 12px;
        position: absolute;
        left: 0;
        top: 3px; }
      .paragraph--type--link-list.blue a:hover {
        color: #fff; }

.paragraph--type--publication {
  margin-bottom: 2.5rem; }
  .paragraph--type--publication .node--view-mode-centred-liftup {
    max-width: 832px;
    margin: 0 auto;
    padding: 1rem 1.5rem; }
    .paragraph--type--publication .node--view-mode-centred-liftup p {
      padding: 0 1.5rem; }
    .paragraph--type--publication .node--view-mode-centred-liftup img {
      margin-bottom: 2rem; }
    .paragraph--type--publication .node--view-mode-centred-liftup .field--name-node-title,
    .paragraph--type--publication .node--view-mode-centred-liftup .field--name-body {
      text-align: center; }
    .paragraph--type--publication .node--view-mode-centred-liftup .field--name-field-url,
    .paragraph--type--publication .node--view-mode-centred-liftup .file--mime-application-pdf {
      text-align: center; }

.paragraph--type--quadruple-liftup {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.paragraph--type--some {
  padding: 40px 25px 30px 25px; }
  @media (min-width: 768px) {
    .paragraph--type--some {
      padding: 40px 32px 30px 32px; } }
  .paragraph--type--some .content-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative; }
    @media (min-width: 1025px) {
      .paragraph--type--some .content-wrapper {
        margin: auto; } }
  .paragraph--type--some .field--name-field-title, .paragraph--type--some ul, .paragraph--type--some li {
    display: inline; }
  .paragraph--type--some h2 {
    font-weight: 300;
    color: #0E4264;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    margin-bottom: 20px;
    display: block; }
    @media (min-width: 1025px) {
      .paragraph--type--some h2 {
        margin-bottom: 0;
        display: inline; } }
  .paragraph--type--some .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none; }
    @media (min-width: 1025px) {
      .paragraph--type--some .items {
        position: absolute;
        right: 0;
        top: 3px;
        -webkit-transform: translateX(120px);
                transform: translateX(120px); } }
    .paragraph--type--some .items li {
      margin: 0;
      line-height: normal; }
      .paragraph--type--some .items li a {
        overflow: hidden;
        display: inline-block;
        text-indent: 99px;
        vertical-align: middle;
        -webkit-transition: scale 0.2s ease;
        transition: scale 0.2s ease; }
        .paragraph--type--some .items li a.ext .ext {
          display: none; }
        .paragraph--type--some .items li a:hover {
          scale: 1.15; }
  .paragraph--type--some .twitter {
    background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/some-icon-twitter.svg") no-repeat center center;
    background-size: 18px 15px;
    width: 18px;
    height: 15px; }
  .paragraph--type--some .facebook {
    background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/some-icon-facebook.svg") no-repeat center center;
    background-size: 10px 20px;
    width: 10px;
    height: 20px; }
  .paragraph--type--some .linkedin {
    background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/some-icon-linkedin.svg") no-repeat center center;
    background-size: 18px 18px;
    width: 18px;
    height: 18px; }

.paragraph--type--text-box {
  background-position: top right;
  margin-bottom: 25px;
  padding: 33px;
  border: 4px solid #255DD0; }
  @media (min-width: 1025px) {
    .paragraph--type--text-box {
      margin-bottom: 50px; } }
  .paragraph--type--text-box h2, .paragraph--type--text-box h3 {
    color: #0E4264;
    margin-top: 0;
    margin-bottom: 28px; }
  .paragraph--type--text-box ul {
    padding-left: 15px; }
    .paragraph--type--text-box ul > li {
      margin: 0 0 18px 0; }
      .paragraph--type--text-box ul > li::marker {
        color: #255DD0; }
      .paragraph--type--text-box ul > li::before {
        background: #255DD0; }

.paragraph--type--two-column-images h2, .paragraph--type--two-column-images h3 {
  color: #0E4264; }

.paragraph--type--two-column-images .field--name-field-content {
  margin-bottom: 18px; }

.paragraph--type--two-column-images .field--name-field-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .paragraph--type--two-column-images .field--name-field-images > .field__item {
    width: 48%;
    margin-bottom: 30px; }

.paragraph--type--two-column-images p {
  font-weight: 100; }

.paragraph--type--uplift-thematic-content {
  background-color: #255DD0;
  background-repeat: no-repeat;
  background-position: top right; }
  .paragraph--type--uplift-thematic-content h2 {
    color: #fff;
    text-transform: uppercase;
    font: normal normal 300 24px/34px Work Sans; }
  .paragraph--type--uplift-thematic-content .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 32px; }
  .paragraph--type--uplift-thematic-content .views-row {
    color: #fff;
    font-weight: normal;
    font-size: 1.2rem;
    width: 100%; }
    @media (min-width: 768px) {
      .paragraph--type--uplift-thematic-content .views-row {
        width: calc(50% - 32px); } }
    @media (min-width: 1025px) {
      .paragraph--type--uplift-thematic-content .views-row {
        width: calc(100%/3 - 32px); } }
    @media (min-width: 1200px) {
      .paragraph--type--uplift-thematic-content .views-row {
        width: calc(25% - 32px); } }
    .paragraph--type--uplift-thematic-content .views-row h3 {
      font: normal normal bold 15px/20px Work Sans;
      margin: 0; }
    .paragraph--type--uplift-thematic-content .views-row a {
      color: #fff; }
      .paragraph--type--uplift-thematic-content .views-row a:hover {
        color: #fff;
        text-decoration: underline; }
    .paragraph--type--uplift-thematic-content .views-row .bundle {
      display: none; }
    .paragraph--type--uplift-thematic-content .views-row .date {
      margin-bottom: 7px; }

.page-node-type-modular .paragraph--type--uplift-thematic-content .views-row .bundle {
  display: block;
  color: #FFE561;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-weight: 600; }

.page-node-type-modular .paragraph--type--uplift-thematic-content .views-row .date {
  margin: 0;
  font-weight: 100; }

.paragraph--type--video {
  position: relative; }
  .paragraph--type--video .field--name-field-title {
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    top: 46px; }
  .paragraph--type--video h2 {
    color: #fff;
    font-weight: 100;
    font-size: 2.2rem;
    margin: 0; }
  .paragraph--type--video::after {
    content: '';
    background-image: url(c3a18f90d88f4cc23589942681687818.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 100px;
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    pointer-events: none; }
  .paragraph--type--video::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none; }
  .paragraph--type--video .video-container img {
    display: block; }

.video-embed-field-responsive-video:after {
  display: none; }

.publication-top-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .publication-top-wrapper .publication-cover {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    .publication-top-wrapper .publication-cover .field--name-field-cover {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
    .publication-top-wrapper .publication-cover img {
      max-height: 350px;
      width: auto;
      -ms-flex-item-align: center;
          align-self: center;
      border: 1px solid #F9F9F9; }
      @media (min-width: 768px) {
        .publication-top-wrapper .publication-cover img {
          max-width: 350px; } }
  .publication-top-wrapper .field--name-field-date-of-publication .field__label {
    font-weight: bold;
    display: block; }
  .publication-top-wrapper .publication-top-teaser {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @media (min-width: 768px) {
      .publication-top-wrapper .publication-top-teaser {
        padding-left: 40px; } }
    .publication-top-wrapper .publication-top-teaser .field {
      margin-bottom: 15px; }
    .publication-top-wrapper .publication-top-teaser .field__label {
      margin-bottom: 4px; }
    .publication-top-wrapper .publication-top-teaser .field--name-field-price .field__item {
      font-size: 20px;
      font-weight: 600; }
    .publication-top-wrapper .publication-top-teaser h3 {
      font-size: 1.6rem;
      color: #333;
      margin-bottom: 6px; }
    .publication-top-wrapper .publication-top-teaser .item-list ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      list-style: none; }
    .publication-top-wrapper .publication-top-teaser .item-list li {
      margin: 0 6px 0 0; }
      .publication-top-wrapper .publication-top-teaser .item-list li a {
        white-space: nowrap; }
  .publication-top-wrapper .field--name-field-keyword .field__item,
  .publication-top-wrapper .field--name-field-product-category .field__item {
    display: inline-block; }
  .publication-top-wrapper button {
    padding: 7px;
    border-radius: 2px;
    color: white;
    background-color: #1462A8;
    font-size: 1.6rem;
    border: transparent; }
  @media (min-width: 768px) {
    .publication-top-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .publication-top-wrapper .publication-cover {
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%; }
      .publication-top-wrapper .publication-top-teaser {
        -ms-flex-preferred-size: 70%;
            flex-basis: 70%; } }

.publication-extra-info {
  margin: 20px 0; }

.publication-liftups .view-thematic-lift-up img {
  max-width: 122px;
  max-height: 80px; }

.publication-quote {
  margin: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 768px) {
    .publication-quote {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .publication-quote img {
    width: auto;
    max-width: 160px;
    border-radius: 50%;
    margin-right: 20px; }

#edit-field-price-value--wrapper {
  padding-right: 20px; }
  #edit-field-price-value--wrapper label {
    font-weight: 400; }

.page-node-type-publication .block-print-link-block {
  text-align: right; }

.page-node-type-publication #tabs .field--name-field-description {
  display: block; }

.region-content .block-system-breadcrumb-block {
  display: none; }

.region-header {
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  @media (min-width: 1025px) {
    .region-header {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 32px;
      margin-bottom: 10px; } }
  .region-header a {
    text-decoration: none; }
  .region-header__search-toggler {
    border: none;
    margin-left: auto;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (min-width: 1025px) {
      .region-header__search-toggler {
        display: none; } }
  .region-header .icon-search {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: 0;
    width: 23px;
    height: 23px;
    background-size: contain;
    cursor: pointer;
    border: none;
    background-repeat: no-repeat; }

.region-overlay {
  background: #0E4264;
  width: 100%;
  height: 100%; }

.svg-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em; }
  .svg-icon svg {
    display: block;
    width: 100%;
    height: 100%; }

#tabs .ui-tabs-nav {
  background: transparent;
  border: transparent;
  padding-top: 0; }
  #tabs .ui-tabs-nav li {
    border-radius: 0; }

#tabs .ui-state-active {
  background: #1462A8;
  border-color: #1462A8;
  border-radius: 0; }

#tabs .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#tabs .field__label {
  font-weight: bold;
  margin-right: 5px; }
  #tabs .field__label::after {
    display: inline-block;
    content: ':';
    position: relative; }

.ui-widget.ui-widget-content {
  border: 1px solid #73899D; }

.taxonomy-term.vocabulary-municipalities .field--name-field-content,
.taxonomy-term.vocabulary-municipalities .field--name-field-paragraph-a,
.taxonomy-term.vocabulary-municipalities .field--name-field-paragraph-b,
.taxonomy-term.vocabulary-municipalities .field--name-field-paragraph-c {
  width: 100%; }

.taxonomy-term.vocabulary-municipalities .field--name-field-paragraph-a > .field__item,
.taxonomy-term.vocabulary-municipalities .field--name-field-paragraph-b > .field__item,
.taxonomy-term.vocabulary-municipalities .field--name-field-paragraph-c > .field__item {
  padding: 5px; }

.taxonomy-term.vocabulary-municipalities .field--name-field-paragraph-a,
.taxonomy-term.vocabulary-municipalities .field--name-field-paragraph-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .taxonomy-term.vocabulary-municipalities .field--name-field-paragraph-a > .field__item,
  .taxonomy-term.vocabulary-municipalities .field--name-field-paragraph-b > .field__item {
    width: 50%; }

.outbound-link:after {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 1em;
  height: 1em;
  margin-top: .05em;
  margin-left: .35em;
  background-image: url(ba48006ff88259b2caac5ef23bbde754.svg);
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat; }

.outbound-link:hover:after, .outbound-link:focus:after {
  opacity: .35; }

a span.ext {
  display: inline-block;
  padding-right: 14px;
  vertical-align: -.05em;
  height: 1em;
  margin-left: .35em;
  background-image: url(f6c782903fa49d88e056ab015d154a36.svg);
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat; }

a:hover span.ext {
  background-image: url(c92d6d85eda6cd5282c2d2d45ee312af.svg) !important; }

.region-footer a span.ext {
  background-image: url(f6c782903fa49d88e056ab015d154a36.svg); }

.page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release,
.page-node-type-front .paragraph--type--uplift-thematic-content.type-news {
  background: #255DD0;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 40%;
  color: #fff;
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release,
    .page-node-type-front .paragraph--type--uplift-thematic-content.type-news {
      background-size: auto;
      margin-bottom: 32px;
      margin-left: 32px;
      margin-right: 32px; } }
  @media (min-width: 768px) {
    .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release,
    .page-node-type-front .paragraph--type--uplift-thematic-content.type-news {
      margin-bottom: 58px; } }
  @media (min-width: 1025px) {
    .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release,
    .page-node-type-front .paragraph--type--uplift-thematic-content.type-news {
      margin-bottom: 64px; } }
  @media (min-width: 1200px) {
    .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release,
    .page-node-type-front .paragraph--type--uplift-thematic-content.type-news {
      max-width: 1152px;
      margin-left: auto;
      margin-right: auto; } }
  .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release h2,
  .page-node-type-front .paragraph--type--uplift-thematic-content.type-news h2 {
    color: #fff; }
  .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release h3,
  .page-node-type-front .paragraph--type--uplift-thematic-content.type-news h3 {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    color: #fff; }
    .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release h3 a,
    .page-node-type-front .paragraph--type--uplift-thematic-content.type-news h3 a {
      color: #fff; }
      .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release h3 a:hover,
      .page-node-type-front .paragraph--type--uplift-thematic-content.type-news h3 a:hover {
        text-decoration: underline;
        color: #fff; }
      .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release h3 a:before,
      .page-node-type-front .paragraph--type--uplift-thematic-content.type-news h3 a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
  .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release .view-content,
  .page-node-type-front .paragraph--type--uplift-thematic-content.type-news .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 32px; }
  .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release .views-row,
  .page-node-type-front .paragraph--type--uplift-thematic-content.type-news .views-row {
    word-wrap: break-word;
    position: relative;
    width: 100%;
    margin: 0; }
    @media (min-width: 768px) {
      .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release .views-row,
      .page-node-type-front .paragraph--type--uplift-thematic-content.type-news .views-row {
        width: calc(50% - 32px); } }
    @media (min-width: 1025px) {
      .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release .views-row,
      .page-node-type-front .paragraph--type--uplift-thematic-content.type-news .views-row {
        width: calc(100%/3 - 32px); } }
    @media (min-width: 1200px) {
      .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release .views-row,
      .page-node-type-front .paragraph--type--uplift-thematic-content.type-news .views-row {
        width: calc(25% - 32px); } }
  .page-node-type-front .paragraph--type--uplift-thematic-content.type-media-release .date,
  .page-node-type-front .paragraph--type--uplift-thematic-content.type-news .date {
    display: block;
    font-size: 1.4rem;
    margin-bottom: 5px; }

.paragraph--type--uplift-thematic-content.type-publications {
  padding: 0;
  background: none;
  max-width: 1152px;
  margin: 0 auto 50px auto; }
  @media (min-width: 768px) {
    .paragraph--type--uplift-thematic-content.type-publications {
      margin-left: 32px;
      margin-right: 32px; } }
  @media (min-width: 1200px) {
    .paragraph--type--uplift-thematic-content.type-publications {
      margin-left: auto;
      margin-right: auto; } }
  .paragraph--type--uplift-thematic-content.type-publications h2 {
    color: #0E4264;
    text-align: left;
    padding: 0 25px; }
    @media (min-width: 768px) {
      .paragraph--type--uplift-thematic-content.type-publications h2 {
        text-align: center; } }
    @media (min-width: 1025px) {
      .paragraph--type--uplift-thematic-content.type-publications h2 {
        padding: 0 32px; } }
  .paragraph--type--uplift-thematic-content.type-publications h3 {
    margin: 10px 0 20px 0;
    padding: 0;
    font-size: 1.6rem;
    color: #0E4264; }
    @media (min-width: 768px) {
      .paragraph--type--uplift-thematic-content.type-publications h3 {
        font-size: 1.8rem;
        margin-top: 0; } }
    .paragraph--type--uplift-thematic-content.type-publications h3 a {
      color: #923468; }
      .paragraph--type--uplift-thematic-content.type-publications h3 a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .paragraph--type--uplift-thematic-content.type-publications h3 a:hover {
        color: #923468; }
  .paragraph--type--uplift-thematic-content.type-publications .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px; }
    @media (min-width: 768px) {
      .paragraph--type--uplift-thematic-content.type-publications .view-content {
        gap: 32px; } }
  .paragraph--type--uplift-thematic-content.type-publications .views-row {
    background: #DFDAD633;
    word-wrap: break-word;
    position: relative;
    padding: 29px 25px;
    width: 100%;
    color: #0E4264;
    margin-bottom: 0; }
    @media (min-width: 1025px) {
      .paragraph--type--uplift-thematic-content.type-publications .views-row {
        width: calc(50% - 16px);
        padding: 32px; } }
  .paragraph--type--uplift-thematic-content.type-publications .node__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none; }
  .paragraph--type--uplift-thematic-content.type-publications .left {
    display: block;
    float: left; }
    .paragraph--type--uplift-thematic-content.type-publications .left img {
      width: auto;
      max-width: 100px;
      margin-right: 25px; }
      @media (min-width: 768px) {
        .paragraph--type--uplift-thematic-content.type-publications .left img {
          margin-right: 32px;
          max-width: none; } }
  @media (min-width: 768px) {
    .paragraph--type--uplift-thematic-content.type-publications .right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .paragraph--type--uplift-thematic-content.type-publications .field--name-field-liftup-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
    margin-left: 25px; }
    @media (min-width: 768px) {
      .paragraph--type--uplift-thematic-content.type-publications .field--name-field-liftup-links {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: auto; } }
    .paragraph--type--uplift-thematic-content.type-publications .field--name-field-liftup-links a {
      display: block;
      color: #fff;
      background: #255DD0;
      border: 2px solid #255DD0;
      border-radius: 24px;
      padding: 12px 20px;
      text-decoration: none;
      -webkit-transition: background 0.2s ease;
      transition: background 0.2s ease;
      font-size: 1.3rem;
      font-weight: 500; }
      .paragraph--type--uplift-thematic-content.type-publications .field--name-field-liftup-links a:hover {
        background: none;
        color: #255DD0; }
  .paragraph--type--uplift-thematic-content.type-publications .read-more {
    display: inline-block;
    margin-top: 20px;
    font-size: 1.3rem;
    line-height: 2.4rem;
    font-weight: 500;
    text-decoration: none;
    color: #255DD0; }

.paragraph--type--uplift-thematic-content {
  margin-bottom: 25px;
  padding: 50px 25px; }
  @media (min-width: 1025px) {
    .paragraph--type--uplift-thematic-content {
      padding: 50px 32px;
      margin-bottom: 50px; } }
  @media (min-width: 1200px) {
    .paragraph--type--uplift-thematic-content {
      padding: 50px 64px; } }
  .paragraph--type--uplift-thematic-content h2 {
    padding: 0;
    margin: 0 0 30px 0;
    font-weight: 300;
    font-size: 2.4rem;
    letter-spacing: 2.4px;
    text-transform: uppercase; }
  .paragraph--type--uplift-thematic-content .field--name-field-liftup-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px; }
    .paragraph--type--uplift-thematic-content .field--name-field-liftup-links a {
      display: block;
      color: #fff;
      border: 2px solid #fff;
      border-radius: 24px;
      padding: 10px 20px;
      text-decoration: none;
      font-size: 1.3rem;
      font-weight: 500;
      -webkit-transition: background 0.15s ease;
      transition: background 0.15s ease;
      background: #fff;
      color: #255DD0; }
      .paragraph--type--uplift-thematic-content .field--name-field-liftup-links a:hover {
        background: none;
        color: #fff; }
      .paragraph--type--uplift-thematic-content .field--name-field-liftup-links a.ext {
        background: none;
        color: #fff; }
        .paragraph--type--uplift-thematic-content .field--name-field-liftup-links a.ext:hover {
          background: #fff;
          color: #255DD0; }
        .paragraph--type--uplift-thematic-content .field--name-field-liftup-links a.ext .ext {
          display: none; }

.view-book-search .view-filters {
  background: none; }

.view-book-search .views-exposed-form {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .view-book-search .views-exposed-form input,
  .view-book-search .views-exposed-form .form-item,
  .view-book-search .views-exposed-form .form-actions {
    margin-top: 0; }
  .view-book-search .views-exposed-form .form-item {
    width: auto; }

.view-book-search .view-content.is-collapsed .view-header:after {
  -webkit-transform: none;
          transform: none; }

.view-book-search .view-content.is-collapsed .view-rows {
  display: none; }

.view-book-search .view-content .listing-item__meta {
  display: none; }

.view-book-search .view-header {
  padding: 1.5rem 1rem;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.25); }
  .view-book-search .view-header:after {
    content: "";
    float: right;
    width: 1.25em;
    height: 1.25em;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    background-image: url(cf485f4a5a3167a121441ee02b535c00.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }

.view-book-search .views-row {
  margin-bottom: 1rem;
  color: #333333; }

.view--curent-activities {
  max-width: calc(1280px - 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  top: 0;
  margin: 0 auto;
  padding: 2.5rem 2rem;
  padding-left: calc(2rem + 2.75em);
  font-size: 2rem;
  color: white;
  background: black url(046923e651489f6a493d7cbb7c2d8401.svg) 2rem center/2em no-repeat;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s 1s, opacity 0.5s linear;
  transition: visibility 0s 1s, opacity 0.5s linear; }
  .view--curent-activities.is-hidden {
    visibility: hidden;
    opacity: 0; }
  .view--curent-activities .view-header {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: auto;
    margin-right: 0;
    padding-left: 1.5rem; }
  .view--curent-activities .view-content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  @media (min-width: 768px) {
    .view--curent-activities .views-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .view--curent-activities .views-field-field-activities-link {
    margin-right: 2.5rem;
    font-size: 2.4rem; }
    .view--curent-activities .views-field-field-activities-link a {
      color: white; }
      .view--curent-activities .views-field-field-activities-link a:hover, .view--curent-activities .views-field-field-activities-link a:focus {
        color: #c7c7c7; }
  .view--curent-activities input[type="submit"] {
    width: 2em;
    height: 2em;
    overflow: hidden;
    text-indent: 100vw;
    padding: 0;
    opacity: .75;
    background: url(f54224667d9b1bebe35e74e91096a4a0.svg) center/contain no-repeat; }
    .view--curent-activities input[type="submit"]:hover, .view--curent-activities input[type="submit"]:focus {
      opacity: 1; }

.listing-view .field--name-dynamic-block-fieldnode-breadcrumbs {
  display: none; }

.listing-view .tabs .primary {
  margin: 0; }
  .listing-view .tabs .primary a {
    padding: 10px 20px;
    color: #1054B5;
    font-weight: bold; }
  .listing-view .tabs .primary li.is-active a {
    background: #F9F9F9;
    border-bottom: 7px solid #1054B5;
    background: none; }

.listing-view .node--unpublished {
  background: white; }

.views-row--listing {
  padding: 10px 0; }

.view-municipalities-overview .item-list ul > li {
  margin: 0;
  list-style: none; }

.view-municipalities-overview.view-display-id-city .view-header, .view-municipalities-overview.view-display-id-country .view-header {
  background: #F9F9F9;
  padding: 4rem 2rem;
  text-align: center; }

.view--newsroom-blog-page .menu--newsroom-menu .tabs {
  text-align: left;
  margin-bottom: 15px; }
  .view--newsroom-blog-page .menu--newsroom-menu .tabs a {
    border: 2px solid #255DD0;
    border-radius: 20px;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 1.5rem;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-bottom: 5px; }
    .view--newsroom-blog-page .menu--newsroom-menu .tabs a.is-active {
      color: #fff;
      background: #0E4264;
      border-color: #0E4264; }
    .view--newsroom-blog-page .menu--newsroom-menu .tabs a:hover {
      color: #fff;
      background: #0E4264;
      border-color: #0E4264; }

.view--newsroom-blog-page .view-filters {
  background: #E5F4FC;
  margin-bottom: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .view--newsroom-blog-page .view-filters > form {
    margin: 0;
    padding: 0;
    max-width: none; }
    .view--newsroom-blog-page .view-filters > form label:after {
      display: none; }
  .view--newsroom-blog-page .view-filters summary {
    display: block;
    list-style: none;
    padding: 20px 32px 20px 54px;
    text-align: left;
    font-weight: 800;
    font-size: 1.8rem;
    position: relative; }
    .view--newsroom-blog-page .view-filters summary:hover {
      background: none;
      color: #FF3E60; }
    .view--newsroom-blog-page .view-filters summary:before {
      background: transparent url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-down-blue.svg") no-repeat 0 0;
      background-size: 12px 7px;
      display: block;
      content: '';
      width: 12px;
      height: 7px;
      position: absolute;
      left: 32px;
      top: 27px;
      -webkit-transition: -webkit-transform 0.15s;
      transition: -webkit-transform 0.15s;
      transition: transform 0.15s;
      transition: transform 0.15s, -webkit-transform 0.15s; }
    .view--newsroom-blog-page .view-filters summary::marker, .view--newsroom-blog-page .view-filters summary::-webkit-details-marker {
      display: none; }
  .view--newsroom-blog-page .view-filters details[open] summary:before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .view--newsroom-blog-page .view-filters .details-wrapper {
    padding: 0 32px 32px 32px; }
    .view--newsroom-blog-page .view-filters .details-wrapper .views-ef-fieldset-container:first-child {
      margin-bottom: 20px; }
  .view--newsroom-blog-page .view-filters .views-ef-fieldset-container {
    width: 100%;
    gap: 32px; }
  .view--newsroom-blog-page .view-filters select {
    background: #255DD0 url("/themes/custom/kuntaliitto2022/src/images/svg/chevron-down-white.svg") no-repeat center right 15px;
    background-size: 12px 7px;
    color: #fff;
    width: 224px;
    max-width: 100%;
    border-radius: 0;
    margin-right: 0;
    margin-top: 5px; }
  .view--newsroom-blog-page .view-filters input:not(.form-submit) {
    width: 224px;
    max-width: 100%;
    border: 2px solid #255DD0;
    border-radius: 0;
    margin-right: 0; }
  .view--newsroom-blog-page .view-filters input.hasDatepicker {
    background: #fff url("/themes/custom/kuntaliitto2022/src/images/svg/calendar.svg") no-repeat center right 10px;
    background-size: 28px 28px; }
  .view--newsroom-blog-page .view-filters .form-item {
    margin: 0; }
  .view--newsroom-blog-page .view-filters .form-submit {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
    background: none;
    color: #255DD0;
    border: 2px solid #255DD0;
    border-radius: 20px;
    padding: 10px 17px;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5rem;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .view--newsroom-blog-page .view-filters .form-submit:hover {
      color: #fff;
      background: #255DD0;
      border-color: #255DD0; }

.view-newsroom {
  margin: 0 auto;
  padding: 0 25px 40px 25px; }
  @media (min-width: 1025px) {
    .view-newsroom {
      padding: 0 32px 0 32px; } }
  @media (min-width: 1200px) {
    .view-newsroom {
      max-width: 1152px;
      padding: 0; } }
  .view-newsroom .container-narrow {
    max-width: 100%; }
  .view-newsroom .listing-item__keywords a {
    border: 0;
    margin-right: 18px;
    border-radius: 5px; }
    .view-newsroom .listing-item__keywords a:hover {
      background: #A1ADC7; }

.view-id-publications_overview.view-display-id-publications_main_page .view-filters > form,
.view-id-publications_overview.view-display-id-page_4 .view-filters > form,
.view-id-publications_overview.view-display-id-page_7 .view-filters > form {
  max-width: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.view-id-publications_overview.view-display-id-publications_main_page .view-content,
.view-id-publications_overview.view-display-id-page_4 .view-content,
.view-id-publications_overview.view-display-id-page_7 .view-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 25px; }
  @media (min-width: 768px) {
    .view-id-publications_overview.view-display-id-publications_main_page .view-content,
    .view-id-publications_overview.view-display-id-page_4 .view-content,
    .view-id-publications_overview.view-display-id-page_7 .view-content {
      padding: 30px 32px; } }

.view-id-publications_overview.view-display-id-publications_main_page .views-row,
.view-id-publications_overview.view-display-id-page_4 .views-row,
.view-id-publications_overview.view-display-id-page_7 .views-row {
  max-width: 220px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  @media (min-width: 768px) {
    .view-id-publications_overview.view-display-id-publications_main_page .views-row,
    .view-id-publications_overview.view-display-id-page_4 .views-row,
    .view-id-publications_overview.view-display-id-page_7 .views-row {
      -ms-flex-preferred-size: calc(50% - 32px);
          flex-basis: calc(50% - 32px); } }
  @media (min-width: 1025px) {
    .view-id-publications_overview.view-display-id-publications_main_page .views-row,
    .view-id-publications_overview.view-display-id-page_4 .views-row,
    .view-id-publications_overview.view-display-id-page_7 .views-row {
      -ms-flex-preferred-size: calc(25% - 32px);
          flex-basis: calc(25% - 32px); } }
  .view-id-publications_overview.view-display-id-publications_main_page .views-row img,
  .view-id-publications_overview.view-display-id-page_4 .views-row img,
  .view-id-publications_overview.view-display-id-page_7 .views-row img {
    max-width: 175px; }

.view-solr-search .views-field-name h2 {
  font-size: 1.8rem; }

.view-solr-search .views-row {
  margin-top: 2rem; }

.view-filters {
  background: #F9F9F9; }
  .view-filters .button {
    padding: 2px 10px 3px 10px; }
  .view-filters > form {
    margin: 0 auto;
    max-width: 800px;
    padding: 20px 15px; }
  @media (max-width: 767px) {
    .view-filters .form-item {
      width: 100%; } }
  .view-filters summary {
    padding: .2em 1em;
    text-align: center;
    color: #1054B5;
    font-weight: bold;
    cursor: pointer; }
    .view-filters summary:hover {
      background: #dcdcdc; }
  .view-filters fieldset label {
    color: #002E63;
    font-weight: bold; }

.view-upcoming-streams {
  padding: 5px 0; }
  .view-upcoming-streams .views-row {
    margin: 18px 0;
    padding: 0px; }
  .view-upcoming-streams .listing-item__content {
    padding-top: 0px; }
    .view-upcoming-streams .listing-item__content h3 {
      margin: 5px 0;
      line-height: 23px; }
  .view-upcoming-streams .col-date {
    width: 143px;
    padding: 8px 0 2px;
    float: left; }
  .view-upcoming-streams .col-title {
    padding: 1px; }
  .view-upcoming-streams .row-descr {
    display: block;
    font-size: smaller; }

.view-id-upcoming_streams header .field--name-node-title, .view-id-upcoming_streams header .field--name-node-post-date {
  display: none; }

.view-id-upcoming_streams header .field--name-body p {
  padding: 0 26px; }