/*
 Theme Name:   Teräselementti.fi
 Theme URI:    https://jj-net.fi/
 Description:  Teräselementti.fi - sivuston lapsiteema
 Author:       JJ-Net Group Oy
 Author URI:   https://jj-net.fi/
 Template:     jj-net-theme
 Version:      1.0
 License:      All rights reserved
 License URI:  https://jj-net.fi/
 Text Domain:  jjnet
*/

@font-face {
    font-family:'Manrope';
    style: normal;
    font-weight: 300;
    src:url('./fonts/Manrope-Light.ttf') format('truetype');
}

@font-face {
    font-family:'Manrope';
    style: normal;
    font-weight: 400;
    src:url('./fonts/Manrope-Regular.ttf') format('truetype');
}

@font-face {
    font-family:'Manrope';
    style: normal;
    font-weight: 500;
    src:url('./fonts/Manrope-Medium.ttf') format('truetype');
}

@font-face {
    font-family:'Manrope';
    style: normal;
    font-weight: 500;
    src:url('./fonts/Manrope-Medium.ttf') format('truetype');
}

@font-face {
    font-family:'Manrope';
    style: normal;
    font-weight: 600;
    src:url('./fonts/Manrope-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family:'Manrope';
    style: normal;
    font-weight: 700;
    src:url('./fonts/Manrope-Bold.ttf') format('truetype');
}

@font-face {
    font-family:'Manrope';
    style: normal;
    font-weight: 800;
    src:url('./fonts/Manrope-ExtraBold.ttf') format('truetype');
}

:root {
    --main-bg-color:#EAECEF;
    --main-blue: #203B66;
    --blue: #045AAF;
    --dark-blue:#132230;
    --light-blue:#A8CDDE;
    --orange: #A54824; 
}

.content[data-wpr-lazyrender] { content-visibility: unset; }

body { font-family: "Manrope"; background:var(--main-bg-color); color:var(--main-blue); }
h1,h2,h3,h4,h5,h6 { font-family: "Manrope"; font-weight:700; color:var(--main-blue); }
h1 {font-weight: 700; margin-bottom: 25px; font-size: 46px;}
h2 {font-weight:700; font-size: 40px;}
h3 {font-weight: 700; font-size: 26px;}
h4 {font-weight: 700; font-size: 18px;}
.col-text h2 { margin-bottom: 25px;}
.col-text p+h2 { margin-top:10px;}
.col-text h3 { margin-bottom: 20px; }
.col-text p+h3 { margin-top: 10px; }
.col-text h4 {margin-bottom: 20px;}
.col-text p+h4 {margin-top: 10px;}
.content ul {display:flex; flex-direction:column; row-gap:16px;  list-style-type: square; font-weight:500; font-size: 16px;}
.content ul > li::marker {color:var(--main-blue); }
a {color:var(--main-blue); font-weight: 700; text-decoration:none; transition:0.2s ease-in; }
a:hover,
a:focus,
a:active {color:var(--light-blue); text-decoration:none;}
.col-text p {margin-bottom:1.5rem; display:block; }

.main-blue-bg { background-color:var(--main-blue); color:#fff; }
.main-blue-bg h2 { color:#fff; }
.main-blue-bg+.main-blue-bg {margin-top:0; }
.big-title {font-size: 70px; font-weight:700; line-height: 1.25; }
.orange-text {color:var(--orange); font-weight: 500; }
.btn-blue > a {color:var(--blue); border:2px solid var(--blue); font-weight: 700; font-size: 18px; padding: 10px 20px; }
.btn-blue > a::after {content:">"; margin-left: 8px; display:inline-block; }
.padding-top {padding-top: 80px; }
.padding-bottom-none {padding-bottom:0 !important; }


.alasivut .col-sm-8 .col-text {padding-right: 5%; }

.content:not(.hero-banner) {padding-bottom: 80px; }

div.navigation-container {position:absolute; top: 0; left: 0; width: 100%; height: 100px; z-index:100; display: flex; align-items: center; }
body:not(.home) div.navigation-container {background-color:#132230; position:relative; }
div.navigation-container .navbar {padding: 0; flex-wrap: nowrap; }
div.navigation-container > .container > .navbar > .navbar-brand > img {height: 50px; width: auto; max-width: 100%; }
div.navigation-container .navbar-nav li {display: flex; align-items: center;}
div.navigation-container .navbar-nav li .nav-link {color:#fff; font-size: 18px; text-transform: uppercase; font-weight: 700;}
div.navigation-container .navbar-nav li .nav-link:hover,
div.navigation-container .navbar-nav li .nav-link:focus,
div.navigation-container .navbar-nav li .nav-link:active {color:var(--light-blue);}
div.navigation-container .navbar-nav li.wpml-ls-menu-item .dropdown-menu {min-width: unset; }
div.navigation-container .navbar-nav .current-menu-item > .nav-link, div.navigation-container .navbar-light .navbar-nav .show > .nav-link, div.navigation-container .navbar-nav .active > .nav-link {color:var(--light-blue); }
div.navigation-container .navbar-nav  {column-gap: 35px; position: relative; z-index: 1;}
div.navigation-container .navbar-nav .dropdown-menu {border-radius: 0; padding: 0; }
div.navigation-container .navbar-nav .dropdown-menu li > a.dropdown-item {border-radius: 0; padding: 1rem 1.5rem; color:var(--main-blue); font-weight: 500;}
div.navigation-container .navbar-nav .dropdown-menu li > a.dropdown-item:hover,
div.navigation-container .navbar-nav .dropdown-menu li > a.dropdown-item:focus,
div.navigation-container .navbar-nav .dropdown-menu li > a.dropdown-item:active {background-color: var(--light-blue);}
div.navigation-container .navbar-nav .dropdown-menu li.current_page_item > a.dropdown-item {background-color: var(--light-blue);}
div.navigation-container #navbar-mainnavigation {justify-content:flex-end; }

.navbar-light .navbar-toggler {border: none; color: #fff; width:50px; height: 40px; padding:0; margin-left: auto; }
.navbar-light .navbar-toggler .navbar-toggler-icon {background:none; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: 75ms; position: absolute; width: 50px;height: 4px; transition-property: transform , -webkit-transform; border-radius: .25rem; background-color: #fff; top: 50%;  display: block;  margin-top: -.1625rem;}
.navbar-light .navbar-toggler .navbar-toggler-icon::before {transition: top 75ms ease .12s , opacity 75ms ease; top: -.725rem; display: block; content: ""; position: absolute; width: 50px;height: 4px; border-radius: .25rem; background-color: #fff;}
.navbar-light .navbar-toggler .navbar-toggler-icon::after {transition: bottom 75ms ease .12s , transform 75ms cubic-bezier(.55,.055,.675,.19) , -webkit-transform 75ms cubic-bezier(.55,.055,.675,.19); bottom: -.725rem; display: block; content: ""; position: absolute; width: 50px;height: 4px; border-radius: .25rem; background-color: #fff;}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {transition-delay: .12s;transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(45deg);}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {background-color: #fff; top: 0; transition: top 75ms ease , opacity 75ms ease .12s; opacity: 0;}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {background-color: #fff; bottom: 0; transition: bottom 75ms ease , transform 75ms cubic-bezier(.215,.61,.355,1) .12s , -webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform: rotate(-90deg);}

body.home div.navigation-container::after {content:""; background:url("images/grafiikka-navigaatio.svg") no-repeat center; position:absolute; left: 30%; top:0; background-size: contain; width: 240px; height: 180px; }

div.navigation-container+.content {padding-top: 80px;}

.static-content.hero-banner {padding-top: 215px !important; background-color:var(--main-blue); margin-bottom:130px; position:relative;}
.static-content.hero-banner::before {content:""; background:url("images/grafiikka-vasen-01.svg") no-repeat center; position:absolute; left: 0; bottom: -153px; background-size: cover; width: 370px; height: 340px;}
.static-content.hero-banner .col-sm-8 {display:flex;} 
.static-content.hero-banner .col-post_title {padding-top: 10%; padding-right: 10%; padding-left: 6%;} 
.static-content.hero-banner .col-post_title h1 { color: #fff; font-size: 66px; }
.static-content.hero-banner .col-post_title h1 span { font-weight:300;}
.static-content.hero-banner .col-news_highlights {margin-bottom: -70px;}
.static-content.hero-banner .col-news_highlights .news-highlight-image .category { color: #fff; background-color:var(--blue); font-size: 15px; text-transform:uppercase; font-weight: 700; padding: 5px 10px; display: inline-block; } 
.static-content.hero-banner .col-news_highlights .news-highlight-image img {background: #fff; padding: 20px; height: 350px; width: 100%;  object-fit: cover;} 
.static-content.hero-banner .col-news_highlights .news-highlight-inner {padding: 30px 50px 50px; background: #fff; border:none; border-radius: 0; } 
.static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-date {margin-top: 0; margin-bottom: 30px; color:var(--blue); font-size: 20px; font-weight: 700;} 
.static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-title {margin-bottom: 50px;} 
.static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-title h3 {font-size: 24px; margin-bottom: 0; line-height: 1.5; }
.static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-ingress {display:none;}
.static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-readmore {display:block; text-align:right; }
.static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-readmore a {padding: 10px 20px; border: 2px solid var(--blue); color:var(--blue); font-size: 16px; font-weight: 700; display: inline-block; text-decoration:none; transition: 0.2s ease-in; }
.static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-readmore a:hover,
.static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-readmore a:focus,
.static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-readmore a:active {background:var(--light-blue); }
.static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-readmore a::after {content:">"; margin-left: 8px; display:inline-block; }

.content:not(.static-content.hero-banner) .col-news_highlights .row {column-gap: 15px; margin: 0; row-gap: 15px;}
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-container {display: flex; flex-direction: column; padding: 0; max-width: calc(33.333% - 10px);}
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-container .news-highlight-image {position: relative; height: 0; padding-bottom: 54.4%;  background-color: #fff;}
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-container .news-highlight-image .category {display:none; }
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-container .news-highlight-image img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; padding: 20px;}
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-container .news-highlight-inner { display:flex; flex-direction:column; height: 100%; background-color: #fff; border:0; padding: 25px 45px 40px 45px; border-radius: 0; }
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-date {display:none; margin-top: 0; margin-bottom: 30px; color:var(--blue); font-size: 20px; font-weight: 700;} 
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-title h3 {font-size: 22px; margin-bottom: 1rem; line-height: 1.5; }
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-ingress {display:none;}
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-readmore {display:block; text-align:right; margin-top:auto;}
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-readmore a {white-space:nowrap; padding: 10px 20px; border: 2px solid var(--blue); color:var(--blue); font-size: 16px; font-weight: 700; display: inline-block; transition:0.2s ease-in; }
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-readmore a:hover,
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-readmore a:focus,
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-readmore a:active {background:var(--light-blue); }
.content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-readmore a::after {content:">"; margin-left: 8px; display:inline-block; }

.col-venues_highlights .single-venue-highlight .row-highlights {column-gap: 8px; margin:0; }
.col-venues_highlights .single-venue-highlight .venue-highlight {max-width: calc(58.333333% - 4px); padding: 0; display: flex; flex-direction: column;}
.col-venues_highlights .single-venue-highlight .venue-highlight .venue-tags {display: flex; column-gap: 8px;}
.col-venues_highlights .single-venue-highlight .venue-highlight .venue-tags .tag {font-weight: 700;background: var(--blue); color: #fff; padding: 5px 10px; display: inline-block; text-transform: uppercase; font-size: 15px;}
.col-venues_highlights .single-venue-highlight .venue-highlight .venue-tags .cat {font-weight: 700;background: #132230; color: #fff; padding: 5px 10px; display: inline-block; text-transform: uppercase; font-size: 15px;}
.col-venues_highlights .single-venue-highlight .venue-highlight .venue-image {position: relative; height: 0; padding-bottom: 51.5%;}
.col-venues_highlights .single-venue-highlight .venue-highlight .venue-image > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.col-venues_highlights .single-venue-highlight .venue-highlight .venue-info {background: #fff; padding: 40px 40px 50px 45px; display: flex; flex-direction: column; height: 100%;}
.col-venues_highlights .single-venue-highlight .venue-highlight .venue-info h3 {line-height: 1.5; font-size: 24px; font-weight: 600; margin-bottom:0; }
.col-venues_highlights .single-venue-highlight .venue-highlight .venue-info .venue-header {margin-bottom: 16px; text-transform: uppercase; font-weight: 500; }
.col-venues_highlights .single-venue-highlight .venue-highlight .venue-info .venue-header span:not(:first-child)::before {content:"|"; color:var(--light-blue); margin: 0 8px; }
.col-venues_highlights .single-venue-highlight .venue-desc {margin-top: 33px; padding: 0; max-width: calc(41.666667% - 4px); display: flex;flex-direction: column;}
.col-venues_highlights .single-venue-highlight .venue-desc h3 {font-size: 21px; }
.col-venues_highlights .single-venue-highlight .venue-desc .venue-wrapper { padding: 40px 50px 45px; background: #fff; display:flex; flex-direction: column;justify-content: center; height: 100%;}
.col-venues_highlights .single-venue-highlight .venue-desc .descinfo {margin-top: auto; }
.col-venues_highlights .single-venue-highlight .venue-desc .descinfo p > img {max-width: 100%; height: auto; width: auto;}
.col-venues_highlights .single-venue-highlight .venue-desc .descinfo blockquote {font-size: 53px; font-weight: 300; }
.col-venues_highlights .single-venue-highlight .venue-desc .descinfo blockquote+p {margin-top: 40px; }
.col-venues_highlights .single-venue-highlight .venue-desc .descinfo blockquote+p:last-child {margin-bottom: 0; }
.col-venues_highlights .single-venue-highlight .venue-desc .venue-readmore {margin-top: auto; text-align: right; }
.col-venues_highlights .single-venue-highlight .venue-desc .venue-readmore a {display: inline-block; border:2px solid var(--blue); color:var(--blue); font-size: 16px; font-weight: 700; padding:10px 20px; white-space: nowrap; transition:0.2s ease-in; }
.col-venues_highlights .single-venue-highlight .venue-desc .venue-readmore a:hover,
.col-venues_highlights .single-venue-highlight .venue-desc .venue-readmore a:focus,
.col-venues_highlights .single-venue-highlight .venue-desc .venue-readmore a:active {background:var(--light-blue); }
.col-venues_highlights .single-venue-highlight .venue-desc .venue-readmore a::after {content:">"; margin-left: 8px; display:inline-block; }
.col-venues_highlights .single-venue-highlight .most-popular { margin-top: 33px;}
.col-venues_highlights .single-venue-highlight .most-popular span { font-weight: 700; background: var(--blue); color: #fff; padding: 5px 10px; display: inline-block; text-transform: uppercase; font-size: 15px; margin-bottom:26px; }
.col-venues_highlights .single-venue-highlight .most-popular h2 {font-size: 21px;}
.col-venues_highlights .single-venue-highlight .most-popular > h2::after {content:""; border-bottom:1px solid #fff; margin:30px 0; display: block; }
.col-venues_highlights .single-venue-highlight .most-popular .hanke:not(:last-child)::after {content:""; border-bottom:1px solid #fff; margin:30px 0; display: block; }
.col-venues_highlights .single-venue-highlight .most-popular .hanke > h2 {margin-bottom:15px; padding: 0 6px;}
.col-venues_highlights .single-venue-highlight .most-popular .hanke > h2 > a::after {content:">"; margin-left: 8px; display:inline-block;}
.col-venues_highlights .single-venue-highlight .most-popular .hanke .tags {display:flex; padding: 0 6px;}
.col-venues_highlights .single-venue-highlight .most-popular .hanke .tags > span {background: transparent; color: var(--main-blue); font-weight: 500; padding: 0; margin-bottom:0; display: inline-block; }
.col-venues_highlights .single-venue-highlight .most-popular .hanke .tags > span:not(:first-child)::before { content: "|"; color: var(--light-blue); margin: 0 8px; }
    
.main-blue-bg {margin-top: 140px; position:relative; padding-top: 80px; }
body.home .main-blue-bg:not(.big-texts) {padding-top: 60px; }
body.home .main-blue-bg:not(.big-texts)::before {content:""; background:url("images/grafiikka-vasen-02.svg") no-repeat center; position:absolute; left: 0; top:-34px; background-size: cover; width: 235px; height: 270px;}
.col-number_counter {margin-top: -125px; }
.col-number_counter > ul {justify-content:center; }
.col-number_counter > ul li {background-color:var(--main-blue); padding: 50px 80px; width: 100%; max-width: 690px;}
.col-number_counter > ul li .number {display:inline-block; font-size: 110px; font-weight: 800; line-height: 1;}
.col-number_counter > ul li .unit {display:inline-block; font-size: 110px; font-weight: 800; line-height: 1; }
.col-number_counter > ul li .label {font-size: 24px; font-weight: 700; margin-top: 8px;}

.big-texts {position:relative; font-size: 22px; font-weight: 400; padding-bottom: 430px !important;}
/*.big-texts::after {content:""; background:url("images/grafiikka-oikea-01.svg") no-repeat center; position:absolute; right: 0; bottom:-74px; background-size: cover; width: 374px; height: 270px;} */
.big-texts h2 {font-size: 48px; line-height:1.2;}
.big-texts .col-sm-6:last-child .col-text {padding-left:10%;}
.big-texts .col-sm-6:last-child .col-text p {line-height:1.8; margin-bottom:0; }

html[lang="sv-SE"] .banner-container+.content {padding-top: 80px; }
html[lang="sv-SE"] .content-6_6+.main-blue-bg {margin-top: 0; }
html[lang="sv-SE"]  .blue-element .col-text h2 {margin-bottom: 0;}
html[lang="sv-SE"]  .col-text p:last-child {margin-bottom: 0;}
html[lang="en-US"] .banner-container+.content {padding-top: 80px; }
html[lang="en-US"] .content-6_6+.main-blue-bg {margin-top: 0; }
html[lang="en-US"] .blue-element .col-text h2 {margin-bottom: 0;}
html[lang="en-US"] .col-text p:last-child {margin-bottom: 0;}

.col-content_highlights.content-highlight .content-highlight-container {box-shadow:none;}
.big-texts+.content .col-content_highlights {margin-top: -320px; position:relative; z-index:1;}
.col-content_highlights.services-highlights .col-sm-12 p {font-size: 26px; color: #fff; margin-bottom:30px;}
 .col-content_highlights.services-highlights .col-sm-12 h2 {font-size: 26px; margin-bottom:30px;}
.col-content_highlights.services-highlights .row-highlights {column-gap: 15px; margin:0; row-gap: 15px;}
.col-content_highlights.services-highlights .content-highlight.col-sm-4 {max-width: calc(33.3333% - 10px); padding: 0;}
.col-content_highlights.services-highlights .content-highlight.col-sm-6 {max-width: calc(50% - 8px); padding: 0;}
.col-content_highlights.services-highlights .content-highlight .content-highlight-container {padding: 20px; background: #fff; box-shadow:none; display: flex; flex-direction: column; height: 100%; transition: 0.2s ease-in;}
.col-content_highlights.services-highlights .content-highlight .content-highlight-container:hover,
.col-content_highlights.services-highlights .content-highlight .content-highlight-container:focus,
.col-content_highlights.services-highlights .content-highlight .content-highlight-container:active {color:var(--main-blue); }
.col-content_highlights.services-highlights .content-highlight .content-highlight-container:hover .content-highlight-inner h3,
.col-content_highlights.services-highlights .content-highlight .content-highlight-container:focus .content-highlight-inner h3,
.col-content_highlights.services-highlights .content-highlight .content-highlight-container:active .content-highlight-inner h3 {color:var(--light-blue); }
.col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner {text-align:left; padding:40px 8px 20px 30px; display: flex; flex-direction: column;}
.col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {font-weight: 700; margin-bottom: 10px; min-height: 55px; font-size: 22px; transition: 0.2s ease-in;}
.col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner .ingress ul {text-align:left; margin-bottom: 0; font-weight:400; row-gap:0; font-size:18px; }
.col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner .ingress ul li {padding-left: 24px;}

.narrow h2 {font-weight: 300; font-size: 58px; line-height:1.3; margin-bottom:50px;}
.narrow h2 > strong {font-weight: 700; }
.narrow .col-image {text-align:right; }
.narrow .col-image img {width:350px; }
.narrow .col-text {margin-top: 50px; font-size: 20px; padding-right: 5%; }
.narrow .col-text p > a {font-size: 17px; }

.blue-box {background-color:var(--blue); color:#fff; padding: 5px 10px; display:inline-block; }
.blue-box p {margin-bottom: 0; }

.subpages-hero {padding: 80px 0 40px !important; background-color: #fff; margin-bottom:80px; }
.subpages-hero .col-sm-8 .col-image > img {width: 100%; max-width: 100%; }
.subpages-hero .col-sm-8 .col-post_title {padding: 50px 50px 0 20px; }
.subpages-hero .col-sm-8 .col-post_title h1 {font-size:46px; margin-bottom:24px;}
.subpages-hero .col-sm-8 .col-text {padding: 0 50px 0 20px; font-size: 18px;}
.subpages-hero .col-sm-4 {padding-left: 50px; }
.subpages-hero .col-sm-4 .col-static_content .col-text {background-color: var(--main-bg-color); padding: 40px 25px; }
.subpages-hero .col-sm-4 .col-static_content > .static-content .container {padding: 0; }
.subpages-hero .col-sm-4 > .col-text:first-child {padding: 90px 60px 50px 60px; background: var(--main-blue); color: #fff; position:relative; margin-bottom: 40px; }
.subpages-hero .col-sm-4 > .col-text:first-child::after {content:""; background:url("images/grafiikka-highlight-03.svg") no-repeat center; position:absolute; right: 0; top:0; background-size: contain; width: 140px; height: 140px;}
.subpages-hero .col-sm-4 > .col-text:first-child h2 {color: #fff; font-size: 1.5rem; position: relative; z-index: 1;}
.subpages-hero .col-sm-4 > .col-text:first-child a {color: var(--light-blue); font-size: 16px; }
.subpages-hero .col-sm-4 > .col-text:first-child p:last-child {margin-bottom:0; }
.subpages-hero .col-sm-4 > .col-text:first-child ul {padding-left: 15px; margin: 30px 0px; row-gap: 0; }
.subpages-hero .col-sm-4 > .col-text:first-child ul > li {padding-left: 20px;}
.subpages-hero .col-sm-4 > .col-text:first-child ul > li::marker {color: #fff;}
.subpages-hero .col-sm-4 .col-text blockquote p:first-child {color: var(--main-blue); font-size:24px; font-weight:700; line-height: 1.4; }
.subpages-hero+.main-blue-bg {margin-top: -80px; }
.subpages-hero+.blue-element {margin-top: -80px; }
.subpages-hero .col-button_group > .button-group {display:flex; flex-direction:column; align-items:flex-start; }
.subpages-hero .col-button_group > .button-group a {margin-bottom: 20px; }

.contact-page {background-color:var(--main-blue); color:#fff; background-color: var(--main-blue); color: #fff; padding: 120px 0 180px !important; position:relative;}
.contact-page::before {content:""; background:url("images/grafiikka-banneri.svg") no-repeat center; position:absolute; left: 0; top:0; background-size: cover; width: 310px; height: 240px;}
.contact-page .col-post_title h1 {color: #fff; font-size: 36px; margin-bottom:10px; }
.contact-page .col-sm-6:first-child {display:flex; justify-content:flex-end; flex-direction:column; padding-left: 10%; }
.contact-page .col-sm-6:first-child .col-text {font-size: 24px;}
.contact-page .col-sm-6:last-child {display:flex; justify-content:center; }
.contact-page .col-sm-6:last-child .col-text {display:inline-block;}
.contact-page .col-text h2 {margin: 40px 0; font-size: 24px; }
.contact-page .col-text h2 > a {color: #fff;}
.contact-page .col-text h2 > a:hover,
.contact-page .col-text h2 > a:focus,
.contact-page .col-text h2 > a:active {color: var(--light-blue); }
.contact-page .col-button_group .button-group {display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px;}
.contact-page .col-button_group .button-group a {color: var(--light-blue); border-color:var(--light-blue); padding: 10px 20px;}
.contact-page .col-button_group .button-group a:hover,
.contact-page .col-button_group .button-group a:focus,
.contact-page .col-button_group .button-group a:active {background:var(--light-blue); color:var(--main-blue); }
.contact-page .col-button_group .button-group a::after {content:">"; margin-left: 8px; display:inline-block; }

.buttons-left .col-button_group .button-group {text-align:left !important; }

.contact-page+.content.white {padding-bottom: 0 !important; }
.contact-page+.content.white .col-persons_highlights:first-child {margin-top: -80px;}
/*.contact-page+.content.white .col-persons_highlights {padding: 80px 110px; background: #fff; margin-bottom:20px;}*/
.contact-page+.content.white .col-persons_highlights {padding: 80px clamp(2.5rem, 11.364vw - 4.773rem, 6.875rem); background: #fff; margin-bottom:20px;}
.contact-page+.content.white .col-persons_highlights h2 {margin-bottom:70px; font-size: 50px;}
.contact-page+.content.white .col-persons_highlights h2 span {font-weight:400; font-size: 36px; margin-left:5px;}
.contact-page+.content.white .col-persons_highlights .persons-highlights-container {row-gap:40px; padding: 0; }
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-image {position:relative; height: 0; padding-bottom:100%; }
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-image > img {position: absolute; top: 0; left: 0;  width: 100%; height: 100%; object-fit: cover;}
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info {padding:40px 16px; }
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info .title {color:var(--main-blue); font-size:27px; margin-bottom:20px; font-weight: 500; }
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-title { margin-bottom:0; color:var(--main-blue); font-weight: 500;}
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-additional-info { margin-bottom:20px; color:var(--main-blue); font-weight: 500; }
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-title+ul {margin-top:20px; }
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul {list-style:none; margin-top: 0; margin-bottom:0; padding: 0; font-size: 1rem;}
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a {color:var(--main-blue); font-weight: 500; transition:0.2s ease-in; hyphens:auto; word-break: break-word;}
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a:hover,
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a:focus,
.contact-page+.content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a:active {color:var(--light-blue);}
.col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-social-media {flex-direction:row; margin-top: 20px !important; column-gap: 10px; }
.col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-social-media li a .linkedin {background: url("images/linkedin.svg") no-repeat center; background-size: auto; background-size: contain; width: 30px;height: 30px; display: block;}
.col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-social-media li a .instagram {background: url("images/instagram.svg") no-repeat center; background-size: auto; background-size: contain; width: 30px;height: 30px; display: block;}
.col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-social-media li a .facebook {background: url("images/facebook.svg") no-repeat center; background-size: auto; background-size: contain; width: 30px;height: 30px; display: block;}

.laskutustiedot {padding-top:0; font-size: 16px; }
.laskutustiedot h2, .laskutustiedot h3 {margin-bottom: 30px; }
.laskutustiedot .row {padding:60px 110px; background-color:#fff; margin:0; }
.laskutustiedot .col-image {text-align:center; }
.laskutustiedot .col-image > img {width:200px;  }
.white.laskutustiedot .col-button_group .button-group {text-align:left; }
.white.laskutustiedot .col-button_group .button-group a {color:var(--blue); border-color:var(--blue); white-space: nowrap; font-size: 16px; padding: 10px 20px; transition: 0.2s ease-in; }
.white.laskutustiedot .col-button_group .button-group a:hover,
.white.laskutustiedot .col-button_group .button-group a:focus,
.white.laskutustiedot .col-button_group .button-group a:active {background:var(--light-blue); }

.col-content_highlights.solutions-highlights .row-highlights {column-gap:15px; margin: 0; row-gap:15px; }
.col-content_highlights.solutions-highlights h2 {font-size: 40px; margin-bottom: 25px;}
.col-content_highlights.solutions-highlights .content-highlight.col-sm-3 {padding: 0; display:flex; flex: 0 0 25%; max-width: calc(25% - 12px);}
.col-content_highlights.solutions-highlights .content-highlight.col-sm-4 {flex: 0 0 33.333333%; max-width: calc(33.333% - 10px); padding:0;}
.col-content_highlights.solutions-highlights .content-highlight img {width:100%;}
.col-content_highlights.solutions-highlights .content-highlight .content-highlight-container {padding: 15px 15px; background-color: #fff; box-shadow:none; width: 100%; }
.col-content_highlights.solutions-highlights .content-highlight .content-highlight-container .content-highlight-inner {padding:0; text-align:left; }
.col-content_highlights.solutions-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {margin: 35px 0 20px 20px; font-size: 24px; transition:0.2s ease-in; }
.col-content_highlights.solutions-highlights .content-highlight .content-highlight-container:hover .content-highlight-inner h3,
.col-content_highlights.solutions-highlights .content-highlight .content-highlight-container:focus .content-highlight-inner h3,
.col-content_highlights.solutions-highlights .content-highlight .content-highlight-container:active .content-highlight-inner h3 {color:var(--light-blue); }

.white-element {background-color:#fff; padding: 120px 0 80px; position:relative; }
.white-element::before {content:""; background:url("images/grafiikka-vasen-02.svg") no-repeat center; position:absolute; left: 10px;top: -65px; background-size: cover; width: 210px; height: 240px;transform: rotateX(180deg) rotate(-90deg);}
.col-content_highlights.blue-highlights h2 {margin-bottom:60px; font-size: 40px; }
.col-content_highlights.blue-highlights .content-highlight {margin-bottom:30px; }
.col-content_highlights.blue-highlights .content-highlight .content-highlight-container {background:var(--main-blue); color:#fff; box-shadow:none; transition: 0.2s ease-in; }
.col-content_highlights.blue-highlights .content-highlight .content-highlight-container:hover,
.col-content_highlights.blue-highlights .content-highlight .content-highlight-container:focus,
.col-content_highlights.blue-highlights .content-highlight .content-highlight-container:active {background:var(--blue); }
.col-content_highlights.blue-highlights .content-highlight .content-highlight-container .content-highlight-inner {background-color:transparent; padding: 30px 25px; }
.col-content_highlights.blue-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {color:#fff; margin-bottom: 0; font-size: 24px; }

.col-content_highlights.grey-highlights h2 {margin-bottom:60px; font-size: 40px; color:#fff; }
.col-content_highlights.grey-highlights .content-highlight {margin-bottom:30px; }
.col-content_highlights.grey-highlights .content-highlight .content-highlight-container {background: var(--main-bg-color); color:var(--main-blue); box-shadow:none; transition: 0.2s ease-in; }
.col-content_highlights.grey-highlights .content-highlight .content-highlight-container:hover,
.col-content_highlights.grey-highlights .content-highlight .content-highlight-container:focus,
.col-content_highlights.grey-highlights .content-highlight .content-highlight-container:active {background:var(--light-blue); }
.col-content_highlights.grey-highlights .content-highlight .content-highlight-container .content-highlight-inner {background-color:transparent; padding: 30px 25px; }
.col-content_highlights.grey-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {color:var(--main-blue); margin-bottom: 0; font-size: 24px; }

.blue-element {background-color:var(--main-blue); padding: 120px 0 80px; position:relative; margin-bottom:80px;}
.blue-element::before {content:""; background:url("images/grafiikka-vasen-02.svg") no-repeat center; position:absolute; right: 0;top: -25px; background-size: cover; width: 180px; height: 206px; transform: rotateY(180deg);}
.blue-element::after {content:""; background:url("images/grafiikka-highlight-03.svg") no-repeat center; position:absolute; left: 0; background-size: contain; width: 180px; height: 180px; bottom: -90px;transform: rotateY(180deg); }
.blue-element .col-persons_highlights {color:#fff;}
.blue-element .col-persons_highlights .persons-highlights-container {background-color:#fff; column-gap:20px; margin: 0; padding: 20px; }
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight {max-width: calc(25% - 15px); padding: 0; }
.blue-element .col-persons_highlights .row > .col-sm-12 > h2 {color:#fff; margin-bottom:30px; font-size: 46px; }
.blue-element .col-persons_highlights .row > .col-sm-12 > h2 span {font-weight: 400; font-size: 30px; margin-left: 5px;}
.blue-element .col-persons_highlights .persons-highlights-container {row-gap:40px; }
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-image {position:relative; height: 0; padding-bottom:100%; }
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-image > img {position:absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover; }
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-info {padding:40px 16px; }
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-info .title {color:var(--main-blue); font-size:27px; margin-bottom:20px; font-weight: 500; }
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-title { margin-bottom:0; color:var(--main-blue); font-weight: 500;}
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-additional-info { margin-bottom:20px; color:var(--main-blue); font-weight: 500; }
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul {list-style:none; margin-top: 0; margin-bottom:0; padding: 0; }
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a {color:var(--main-blue); font-weight: 500; transition: 0.2s ease-in; hyphens:auto; word-break: break-word;}
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a:hover,
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a:focus,
.blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a:active {color: var(--light-blue); }
.blue-element .col-button_group .button-group {text-align:right; }
.blue-element .col-button_group .button-group a {border-color: #fff; color: #fff; display: inline-block; border-radius: 2px; }
.blue-element .col-button_group > .button-group > a:last-child {margin-right: 0; }

.white .col-persons_highlights {color:#fff;}
.white .col-persons_highlights .persons-highlights-container {background-color:#fff; column-gap:20px; margin: 0; padding: 20px; }
.white .col-persons_highlights .persons-highlights-container .person-highlight {max-width: calc(25% - 15px); padding: 0; }
.white .col-persons_highlights .row > .col-sm-12 > h2 {color:var(--main-blue); margin-bottom:30px; font-size: 46px; }
.white .col-persons_highlights .row > .col-sm-12 > h2 span {font-weight: 300; font-size: 30px; margin-left: 5px;}
.white .col-persons_highlights .persons-highlights-container {row-gap:40px; }
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-image {position:relative; height: 0; padding-bottom:100%; }
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-image > img {position:absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover; }
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info {padding:40px 25px; }
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info .title {color:var(--main-blue); font-size:27px; margin-bottom:20px; font-weight: 500; }
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-title { margin-bottom:0; color:var(--main-blue); font-weight: 500;}
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info .person-additional-info { margin-bottom:20px; color:var(--main-blue); font-weight: 500; }
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul {list-style:none; margin-top: 0; margin-bottom:0; padding: 0; }
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a {color:var(--main-blue); font-weight: 500; hyphens:auto; word-break: break-word;}
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a:hover,
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a:focus,
.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a:active {color: var(--light-blue); }
.white .col-button_group .button-group {text-align:right; }
.white .col-button_group .button-group a {border-color: var(--main-blue); color:var(--main-blue); display: inline-block; border-radius: 2px; }
.white .col-button_group > .button-group > a:last-child {margin-right: 0; }

.col-button_group .button-group a {background:transparent; color:var(--main-blue); border:2px solid var(--main-blue); padding:10px 20px; font-size: 16px; font-weight: 700; transition:0.2s ease-in;}
.col-button_group .button-group a:hover,
.col-button_group .button-group a:focus,
.col-button_group .button-group a:active {background:var(--light-blue);}
.col-button_group .button-group a::after {content:">"; margin-left: 8px; display:inline-block; }

.col-venues_highlights .row > .col-sm-12 > h2 {margin-bottom:30px;}
body:not(.home) .col-venues_highlights .row {row-gap:30px; }
.col-venues_highlights .venue-highlight .venue-highlight-container {display: flex; flex-direction: column; height: 100%; }
.col-venues_highlights .venue-highlight .venue-highlight-container .image-wrapper .category {background: #132230; color: #fff; padding: 5px 10px; display: inline-block; text-transform: uppercase; font-size: 15px;}
.col-venues_highlights .venue-highlight .venue-highlight-container .image-wrapper > img {padding: 15px 15px;background-color: #fff;}
.col-venues_highlights .venue-highlight .venue-highlight-container .venue-info {padding: 15px 34px 30px; background-color: #fff; display: flex; flex-direction: column; height: 100%;}
.col-venues_highlights .venue-highlight .venue-highlight-container .venue-info .title {font-size: 20px; transition: 0.2s ease-in;}
.col-venues_highlights .venue-highlight .venue-highlight-container .venue-info .title::after {content:">"; margin-left: 8px; display:inline-block;}
.col-venues_highlights .venue-highlight .venue-highlight-container .venue-info h2 { color: var(--main-blue); }
.col-venues_highlights .venue-highlight .venue-highlight-container:hover .venue-info h2.title,
.col-venues_highlights .venue-highlight .venue-highlight-container:focus .venue-info h2.title,
.col-venues_highlights .venue-highlight .venue-highlight-container:active .venue-info h2.title {color: var(--light-blue); }
.col-venues_highlights .venues-highlight-archive-link { text-align: right; margin-top: 24px; }
.col-venues_highlights .venues-highlight-archive-link a {display: inline-block; border:2px solid var(--blue); color:var(--blue); font-size: 16px; font-weight: 700; padding:10px 20px; white-space: nowrap; transition:0.2s ease-in; }
.col-venues_highlights .venues-highlight-archive-link a:hover,
.col-venues_highlights .venues-highlight-archive-link a:focus,
.col-venues_highlights .venues-highlight-archive-link a:active {background:var(--light-blue);}
.col-venues_highlights .venues-highlight-archive-link a::after {content:">"; margin-left: 8px; display:inline-block; }

.main-blue-bg .col-venues_highlights .venues-highlight-archive-link a { border-color: #fff; color: #fff; }

.col-venues_highlights+.col-person_information {margin-top: 40px; }

.blue-element .col-text h2 {color:#fff;}
.main-blue-bg .col-text h2 {color:#fff;}
.main-blue-bg .frm_style_formidable-style.with_frm_style .frm_submit button,
.blue-element .frm_style_formidable-style.with_frm_style .frm_submit button {color: #fff; background: transparent; border: 2px solid #fff; }
.main-blue-bg .frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.main-blue-bg .frm_style_formidable-style.with_frm_style .frm_submit button:focus,
.main-blue-bg .frm_style_formidable-style.with_frm_style .frm_submit button:active,
.blue-element .frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.blue-element .frm_style_formidable-style.with_frm_style .frm_submit button:focus,
.blue-element .frm_style_formidable-style.with_frm_style .frm_submit button:active {border-color:#fff;}
.content.main-blue-bg .col-static_content > .main-blue-bg.static-content {margin-top: 0; padding-top: 0;}

.frm_forms.frm_style_formidable-style.with_frm_style {margin-top:30px; }
.frm_style_formidable-style.with_frm_style textarea {border: none; background:#fff; border-radius: 0; }
.with_frm_style input[type="text"],.with_frm_style input[type="email"], .with_frm_style input[type="tel"], .with_frm_style input[type="phone"] {border: none; background:#fff; border-radius: 0; height: 50px; font-size: 20px; color: var(--main-blue); font-weight: 400;}
.frm_style_formidable-style.with_frm_style input::placeholder, .frm_style_formidable-style.with_frm_style textarea::placeholder {color: var(--main-blue); font-weight: 400;}
.frm_style_formidable-style.with_frm_style .form-field {margin-bottom: 16px; }
.frm_style_formidable-style.with_frm_style .frm_submit button {box-shadow:none; margin-bottom: 0; color:var(--main-blue); background:transparent; border-radius:0; border:2px solid var(--main-blue); font-size: 16px; font-weight: 700; transition: 0.2s;}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.frm_style_formidable-style.with_frm_style .frm_submit button:focus,
.frm_style_formidable-style.with_frm_style .frm_submit button:active {background:var(--light-blue); color: var(--main-blue); border-color:var(--main-blue);}
.frm_style_formidable-style.with_frm_style .padding-bottom {padding-bottom:50px;}
.frm_style_formidable-style.with_frm_style .margin-bottom {margin-bottom:0;}
.frm_style_formidable-style.with_frm_style .absolute {position: absolute; right: 15px; bottom: 0; width: 50% !important;}
.frm_style_formidable-style.with_frm_style .absolute > div {justify-content:flex-end; }

.archive .col-post_title h1 {margin-bottom: 0; }

.single div.navigation-container+.content {padding-top: 80px; }
.single .col-sm-8 {max-width: 990px; }
.single .col-post_title {margin-bottom:40px; }
.single .col-post_title .date {color: var(--blue); text-transform: uppercase; margin-bottom:16px; font-size: 18px;}
.single .col-image {margin-bottom:40px; }
.single .col-sm-4 {margin-left:auto; max-width: 440px; position: sticky; top: 0; right: 0; height: 100%;}
.single .col-sm-4 .col-text:first-child {background-color: #fff; padding: 40px 25px; }
.single .col-sm-4 .col-static_content .col-text {background-color: #fff; padding: 40px 25px; }
.col-sm-4 .col-static_content > .static-content .container {padding: 0; }
.single .col-sm-4 .col-person_information {background:var(--main-blue); color:#fff; padding:40px 25px; margin-bottom:40px; }
.single .col-sm-4 .col-person_information .label {margin-bottom: 3px; color:var(--light-blue); text-transform:uppercase; font-size:16px;}
.single .col-sm-4 .col-person_information .person-information h3 { color:#fff; font-size: 16px; margin-bottom:0; font-weight:500; }
.single .col-sm-4 .col-person_information .person-information .person-title { color:#fff; font-size: 16px; font-weight:500;  }
.single .col-sm-4 .col-person_information .person-information .additional-info { color:#fff; font-size: 16px; font-weight: 500;}
.single .col-sm-4 .col-person_information .person-information ul.person-emails {margin-top:10px; }
.single .col-sm-4 .col-person_information .person-information ul {list-style:none; padding: 0; margin-bottom:0; }
.single .col-sm-4 .col-person_information .person-information ul li a {color:#fff; font-weight:500; font-size:16px; }
.single .col-sm-4 .col-button_group .button-group {display:flex; flex-direction:column;align-items: flex-start;}
.single .col-sm-4 .col-button_group .button-group a {border-color:var(--blue); color:var(--blue); font-weight:700; }
.single .col-sm-4 .col-button_group .button-group a:not(:last-child) {margin-bottom: 10px; }

.single-venues .wrapper {overflow: hidden;}
.single-venues .static-content {padding-top: 0 !important; }
.single-venues .static-content > .container-fluid {max-width: 1920px; padding: 0; }
.single-venues .static-content .hanke-banner-container img {width: 100%; }
.single-venues .static-content .container > .row.hanke {justify-content:center; margin: 0 -15px 0 0; }
.single-venues .static-content .col-md-8.hanke-content {background-color: var(--main-bg-color); margin-top: -120px; padding: 90px 50px; }
.single-venues .static-content .col-md-8.hanke-content .hanke-categories {position: absolute; top: -33px; left: 0; display: flex; column-gap: 6px; }
.single-venues .static-content .col-md-8.hanke-content .hanke-categories .hanke-tag {background: var(--blue); color: #fff; padding: 5px 10px; text-transform: uppercase; font-weight: 700; font-size: 15px;}
.single-venues .static-content .col-md-8.hanke-content .hanke-categories .category {background: #132230; color: #fff; padding: 5px 10px; text-transform: uppercase; font-weight: 700; font-size: 15px;}
.single-venues .static-content .col-md-8.hanke-content h1 {font-size: 62px; margin-bottom: 60px; }
.single-venues .static-content .col-md-8.hanke-content .hanke-ingress {font-size: 22px; margin-bottom: 50px;}
.single-venues .static-content .col-md-8.hanke-content .hanke-ingress p:last-child {margin-bottom:0; }
.single-venues .static-content .col-md-8.hanke-content .hanke-content {font-size: 20px; margin-bottom:80px;}
.single-venues .static-content .col-md-8.hanke-content .hanke-content p:last-child {margin-bottom:0;}
.single-venues .static-content .col-md-8.hanke-content .gallery .main-image  {height: 0;padding-bottom: 54%; position: relative; }
.single-venues .static-content .col-md-8.hanke-content .gallery .main-image > a img  {position:absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover; }
.single-venues .static-content .col-md-8.hanke-content .gallery .thumbnails {list-style:none; padding: 0; flex-direction: row; column-gap: 15px; margin-top:15px; }
.single-venues .static-content .col-md-8.hanke-content .gallery .thumbnails > li {width: calc(33.333% - 10px); position: relative; height: 0; padding-bottom: 17%;}
.single-venues .static-content .col-md-8.hanke-content .gallery .thumbnails > li img {width:100%; max-width:100%; position: absolute; top: 0; left: 0; height: 100%; object-fit: cover;}
.single-venues .static-content .col-md-4.hanke-info { margin-top: -40px; max-width: 435px;}
.single-venues .static-content .col-md-4.hanke-info .generic {background: #fff; padding: 55px 28px; font-weight:500;}
.single-venues .static-content .col-md-4.hanke-info .generic .label {margin-bottom: 3px; color:var(--orange); text-transform:uppercase; font-size:16px; }
.single-venues .static-content .col-md-4.hanke-info .generic p {font-size:18px; margin-bottom: 30px; }
.single-venues .static-content .col-md-4.hanke-info .contact {background: var(--main-blue); color:#fff; padding: 50px 28px 35px; font-weight:500;}
.single-venues .static-content .col-md-4.hanke-info .contact .label {margin-bottom: 3px; color:var(--light-blue); text-transform:uppercase; font-size:16px;}
.single-venues .static-content .col-md-4.hanke-info .contact p:last-child {margin-bottom:0; }
.single-venues .static-content .col-md-4.hanke-info .certificates {list-style:none; padding-left: 0; }
.single-venues .static-content .col-md-4.hanke-info .links {display: flex; flex-direction: column; row-gap: 20px;  margin-top: 50px;}
.single-venues .static-content .col-md-4.hanke-info .links .link-button a {background:transparent; color:var(--blue); border:2px solid var(--blue); padding:14px 25px; font-size: 16px; font-weight: 700; display: inline-block;}
.single-venues .static-content .col-md-4.hanke-info .links .link-button a::after {content:">"; margin-left: 8px; display:inline-block; }
.single-venues .static-content .col-md-4.hanke-info .links .link-button a:hover,
.single-venues .static-content .col-md-4.hanke-info .links .link-button a:focus,
.single-venues .static-content .col-md-4.hanke-info .links .link-button a:active {background:var(--light-blue); }

.single .hanke-contact .col-sm-12 {margin-left:52px; }
.single .hanke-contact .col-text {padding: 110px 50px 45px 75px; background: var(--main-blue); color: #fff; max-width: 1076px; font-weight: 700; font-size: 36px; position:relative; }
.single .hanke-contact .col-text::after {content:""; background:url("images/grafiikka-ota-yhteytta.svg") no-repeat center; position:absolute; right: -45px; top: -26px; background-size: contain; width: 185px; height: 210px;  }
.single .hanke-contact .col-text p:last-child {margin-bottom: 0; }
.single .hanke-contact .col-text a {color:var(--light-blue); font-size:28px; }

.project-archive .archive-venues {padding: 80px 0; }
.project-archive .archive-venues .blue-bg {background:var(--main-blue); color:#fff; padding:80px 0 200px; }
.project-archive .archive-venues .blue-bg .venue-filters {max-width: 1600px; margin: 0 auto; display: flex; align-items: center; column-gap: 5%; } 
.project-archive .archive-venues .blue-bg .venue-filters .toggle-filters {background:var(--main-blue); border:none; box-shadow:none; display:flex; flex-wrap:nowrap; align-items: center;} 
.project-archive .archive-venues .blue-bg .venue-filters .toggle-filters span.text {color:#fff; width: 108px; display:block; font-size: 16px; font-weight:700; line-height: 1.2; } 
.project-archive .archive-venues .blue-bg .venue-filters .toggle-filters span.icon {background:url("images/suodattimet-ikoni.svg"); width: 55px; height:35px; display:block; background-repeat:no-repeat; background-size: auto 100%; } 
.project-archive .archive-venues .blue-bg .archive-categories {margin:0; width:100%; column-gap: 5%; row-gap:20px; display: flex; flex-wrap: wrap;}
.project-archive .archive-venues .blue-bg .archive-categories li {display:inline-flex; align-items: center;}
.project-archive .archive-venues .blue-bg .archive-categories li label {font-size: 16px; font-weight: 700; margin-bottom: 0;}

.project-archive .archive-venues .blue-bg .archive-categories li label { position:relative; overflow:hidden; text-indent:0; padding-left: 40px;}
.project-archive .archive-venues .blue-bg .archive-categories li input { position:absolute !important; left:-9999px; }
.project-archive .archive-venues .blue-bg .archive-categories li label::before { content:""; width:22px; height:22px; position:absolute; left:0; top:50%; transform:translateY(-50%); border:1px solid #fff; }
.project-archive .archive-venues .blue-bg .archive-categories li input:checked+label::after { content:""; background:url("images/cross.png") no-repeat; width:14px; height:14px; position:absolute; left: 4px; top: 5px;text-align: center;background-size: contain;; text-align: center; }

.project-archive .archive-venues .venue-search {max-width: 1600px;}
.project-archive .archive-venues .venue-search label {width: 980px; max-width: 100%;  margin-top: 40px;  display: flex;  align-items: center; color: var(--blue); position:relative; }
.project-archive .archive-venues .venue-search label > input {width: 100%;border: none; background: #fff; border-radius: 0; height: 44px; font-size: 16px; color: var(--main-blue); font-weight: 400; padding-left: 16px; }
.project-archive .archive-venues .venue-search label > input::placeholder {color: var(--main-blue); font-weight: 400; }
.project-archive .archive-venues .venue-search label > input:focus {outline:none; border-color: #4199FD; color: var(--text-color); box-shadow: 0px 0px 5px 0px rgba(65,153,253, 0.6);}
.project-archive .archive-venues .venue-search label > button {background-color: var(--blue); color: #fff; transition: 0.2s ease-in; height: 44px; border: none; white-space: nowrap; padding: 0 18px; }
.project-archive .archive-venues .venue-search label > button:hover,
.project-archive .archive-venues .venue-search label > button:focus,
.project-archive .archive-venues .venue-search label > button:active {background-color: var(--light-blue);}
.project-archive .archive-venues .venue-search label > #venues-reset {position:absolute; right: 50px; background: #fff; color:#000; font-size: 14px; }

.project-archive .archive-venues .archive-container {max-width: 1780px; margin: -120px auto 0; }
.project-archive .archive-venues .archive-container > .row {column-gap: 15px; row-gap: 15px; margin: 0; }
.project-archive .archive-venues .archive-container .archive-row {padding: 0; max-width: calc(33.3333% - 10px);}
.project-archive .archive-venues .archive-container .archive-row-inner {background: #fff; height: 100%; display: flex; flex-direction: column;}
.project-archive .archive-venues .archive-container .archive-row-inner .archive-image { position: relative; height: 0; padding-bottom: 60%;}
.project-archive .archive-venues .archive-container .archive-row-inner .archive-image > img {padding: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.project-archive .archive-venues .archive-container .archive-row-inner .archive-info {display: flex; flex-direction: column; height: 100%; background-color: #fff; border: 0; padding: 25px 45px 40px 45px; border-radius: 0; height:100%; }
.project-archive .archive-venues .archive-container .archive-row-inner .archive-info .archive-title {font-size: 24px;}
.project-archive .archive-venues .archive-container .archive-row-inner .archive-info .archive-title > a {color:var(--main-blue); font-weight: 700; }
.project-archive .archive-venues .archive-container .archive-row-inner .archive-info .archive-title > a::after {content:">"; margin-left: 8px; display:inline-block; }
.project-archive .archive-venues .archive-container .archive-row-inner .archive-info .archive-ingres .venue-header {text-transform:uppercase; font-weight: 500; color:var(--main-blue); font-size: 16px; }
.project-archive .archive-venues .archive-container .archive-row-inner .archive-info .archive-ingres .venue-header span:not(:first-child)::before {content:"|"; color:var(--light-blue); margin: 0 8px; }
.project-archive .main-blue-bg.static-content {margin-top: 0; padding-top: 80px; margin-bottom: 180px; padding-bottom: 0; }
.project-archive .main-blue-bg.static-content .col-content_highlights.services-highlights {margin-bottom: -100px; }
.project-archive .main-blue-bg.static-content .col-content_highlights.services-highlights .row-highlights {margin:0; column-gap:15px; }
.project-archive .main-blue-bg.static-content .col-content_highlights.services-highlights .col-sm-12 > p {font-size: 44px; margin-bottom: 60px; display:block;}
.project-archive .main-blue-bg.static-content .col-content_highlights.services-highlights .content-highlight {max-width: calc(33.3333% - 10px); padding: 0;}

.venue-additional-filters {max-width: 100%; transform: translateX(-100%); visibility: hidden; position: fixed; left: 0px; top: 0px; max-height: 100vh; width: 450px; background: #fff;z-index: 1000;height: 100%; transition: transform .3s ease-in-out; overflow-Y: auto; padding: 50px 20px 50px 40px;}
.venue-additional-filters > h3 {margin-bottom:50px; font-weight:700;}
.venue-additional-filters .filters .category-group h3 {cursor:pointer; font-size: 1.5rem;}
.venue-additional-filters .filters .category-group:has(ul) > h3 > span::after {content:"+"; margin-left: 8px; position:relative; z-index:0; }
.venue-additional-filters .filters .category-group.category-list-visible:has(ul) > h3 > span::after {content:"-"; }
.venue-additional-filters .filters .category-group h3 label { position:relative; text-indent:0; padding-left: 40px; font-size: 18px; margin-bottom: 0.6rem;}
.venue-additional-filters .filters .category-group h3 label::before { content:""; width:25px; height:25px; position:absolute; left:0; top:50%; transform:translateY(-50%); border: 1px solid var(--main-blue); }
.venue-additional-filters .filters .category-group h3 input { position:absolute !important; left:-9999px; }
.venue-additional-filters .filters .category-group h3 input:checked+label::after { content:""; background:url("images/cross.png") no-repeat; width:15px; height:15px; position:absolute; left: 5px; top: -7px;text-align: center;background-size: contain;; text-align: center; }
.venue-additional-filters .filters .archive-categories li label { position:relative; overflow:hidden; text-indent:0; padding-left: 40px; font-size: 18px;}
.venue-additional-filters .filters .archive-categories li label::before { content:""; width:25px; height:25px; position:absolute; left:0; top:50%; transform:translateY(-50%); border: 1px solid var(--main-blue); }
.venue-additional-filters .filters .archive-categories li input { position:absolute !important; left:-9999px; }
.venue-additional-filters .filters .archive-categories li input:checked+label::after { content:""; background:url("images/cross.png") no-repeat; width:15px; height:15px; position:absolute; left: 5px; top: 7px;text-align: center;background-size: contain;; text-align: center; }
.venue-additional-filters .close {position:absolute; top: 42px; right: 20px; width: 50px; height: 50px; background: url("images/filters-close.svg") center center no-repeat; margin: 0; opacity: 1; cursor: pointer; }
.offcanvas-visible .venue-additional-filters {visibility: visible; transform:none; }
.offcanvas-visible .offcanvas-background {background:rgba(0,0,0,0.5); position:fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index:999;}
.venue-additional-filters .filters .category-group {margin-bottom: 15px;}
.venue-additional-filters .filters .category-group > .archive-categories {margin-left: 40px; margin-top: 20px; }
.venue-additional-filters .filters .category-group .archive-categories {display:none;}
.venue-additional-filters .filters .category-group.category-list-visible .archive-categories {display:block; display: flex; flex-direction: column;}
.venue-additional-filters .catalog-download {margin-top: 60px;}
.venue-additional-filters .catalog-download > a {border: 2px solid var(--blue); color: var(--blue); font-size: 18px; font-weight: 700; padding: 10px 20px; display: inline-block; transition: 0.2s ease-in; }
.venue-additional-filters .catalog-download > a:hover,
.venue-additional-filters .catalog-download > a:focus,
.venue-additional-filters .catalog-download > a:active {background:var(--light-blue); }
.venue-additional-filters .catalog-download > a::after {content:">"; margin-left: 8px; display: inline-block;}

.project-archive .col-venues_highlights > .row {column-gap: 20px; margin: 0; }
.project-archive .col-venues_highlights .big {max-width: calc(66.666667% - 10px); padding: 0; }
.project-archive .col-venues_highlights .big .venue-highlight .col-md-7 {max-width: 480px; }
.project-archive .col-venues_highlights .big .venue-highlight .col-md-5 {max-width: 400px; margin-left: auto; }
.project-archive .col-venues_highlights .big .venue-highlight .venue-tags {display: flex; column-gap: 8px; }
.project-archive .col-venues_highlights .big .venue-highlight .venue-tags .tag {font-weight: 700; background: var(--blue); color: #fff; padding: 5px 10px; display: inline-block; text-transform: uppercase;font-size: 15px; }
.project-archive .col-venues_highlights .big .venue-highlight .venue-tags .cat { font-weight: 700;background: #132230; color: #fff; padding: 5px 10px;display: inline-block;text-transform: uppercase; font-size: 15px; }
.project-archive .col-venues_highlights .big .venue-highlight .venue-image {position:relative; height: 0; padding-bottom: 53%; }
.project-archive .col-venues_highlights .big .venue-highlight .venue-image > img {position:absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;}
.project-archive .col-venues_highlights .big .venue-highlight .venue-info {margin: 0; background:#fff; padding:50px 5% 55px;}
.project-archive .col-venues_highlights .big .venue-highlight .venue-info h3 {margin-bottom:30px; line-height: 1.5; font-size: 24px; font-weight: 500;}
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-header {text-transform: uppercase;font-weight: 500; font-size: 16px;}
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-header span:not(:first-child)::before {content: "|"; color: var(--light-blue); margin: 0 8px;}
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .descinfo p {font-size: 18px;  }
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .descinfo p:has(.orange-text) {margin-bottom: 0; }
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .descinfo p .orange-text {font-size: 17px;}
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper {display:flex; flex-direction:column; height: 100%;}
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .venue-readmore {margin-top:auto; }
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .venue-readmore > a {margin-top: 10px; border: 2px solid var(--blue); color: var(--blue); font-size: 16px; font-weight: 700; padding: 10px 20px; display:inline-block; transition: 0.2s ease-in;}
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .venue-readmore > a:hover,
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .venue-readmore > a:focus,
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .venue-readmore > a:active {background:var(--light-blue);}
.project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .venue-readmore > a::after {content: ">"; margin-left: 8px; display: inline-block;}
.project-archive .col-venues_highlights .tiny {margin-top: 32px; max-width: calc(33.333333% - 10px); padding: 0;}
.project-archive .col-venues_highlights .tiny .venue-highlight:not(:last-child) {margin-bottom: 20px; }
.project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container { text-decoration:none;}
.project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container .image-wrapper {position:relative; height: 0; padding-bottom: 54.5%; }
.project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container .image-wrapper > img { padding: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container .venue-info {padding: 25px 8% 50px;}
.project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container .venue-info .venue-header {text-transform: uppercase;font-weight: 500; font-size: 14px; color:var(--main-blue);}
.project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container .venue-info .venue-header span:not(:first-child)::before {content: "|"; color: var(--light-blue); margin: 0 8px;}
.project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container .venue-info h2 {font-size: 22px; font-weight:700; margin-bottom:10px; transition: 0.2s ease-in; }
.project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container:hover .venue-info h2,
.project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container:focus .venue-info h2,
.project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container:active .venue-info h2 {color:var(--light-blue); }

.article-archive {}
div.archive-news {padding-top: 0; }
.archive-news .container > .row {row-gap: 100px; column-gap:15px; margin:0; }
.archive-news .archive-item.full {display:flex; flex-wrap:wrap; padding-top:50px; padding-left: 0; padding-right: 0;}
.archive-news .archive-item .archive-category {position: absolute; top: -32.5px; left:0; color:#fff; display: inline-block; font-size: 15px; text-transform: uppercase; font-weight: 700; padding: 5px 10px;}
.archive-news .archive-item .archive-item-image {padding-bottom: 31%; background-color: #fff;}
.archive-news .archive-item .archive-item-image img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; padding: 20px;}
.archive-news .archive-item .archive-item-info {background-color: #fff;}
.archive-news .archive-item .archive-item-info .archive-date {color: var(--blue); font-size: 20px; font-weight: 700;}
.archive-news .archive-item .archive-item-info .archive-item-info-inner {padding: 40px; display:flex; flex-direction:column; height:100%;}
.archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-date {margin-top: auto; margin-bottom:30px; }
.archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-title {font-size: 32px; line-height: 1.5; margin-bottom: 0; font-weight:600; margin-bottom: 1.5rem; }
.archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-read-more {align-self: flex-end; margin-top: auto;}
.archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-read-more a {padding: 10px 20px; border: 2px solid var(--blue); color:var(--blue); font-size: 16px; font-weight: 700; display: inline-block; transition:0.2s ease-in; }
.archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-read-more a:hover,
.archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-read-more a:focus,
.archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-read-more a:active {background:var(--light-blue);}
.archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-read-more a::after {content:">"; margin-left:8px; display: inline-block; }
.archive-news .archive-item:not(.full) {display:flex; flex-direction:column; max-width: calc(33.333333% - 10px);  padding: 0;}
.archive-news .archive-item:not(.full) .archive-item-image {padding: 0 0 52% 0; background-color: #fff; height: 0; position: relative;}
.archive-news .archive-item:not(.full) .archive-item-image > img{position:absolute; top: 0; left: 0; width:100%; height:100%; object-fit:cover; padding: 20px;}
.archive-news .archive-item:not(.full) .archive-item-info {display: flex; flex-direction: column; height: 100%; background-color: #fff; padding: 25px 45px 40px 45px; }
.archive-news .archive-item:not(.full) .archive-item-info .archive-date { margin-bottom: 18px;}
.archive-news .archive-item:not(.full) .archive-item-info .archive-title {font-size: 22px; margin-bottom: 1.5rem; line-height: 1.5; padding:0; font-weight:600; }
.archive-news .archive-item:not(.full) .archive-item-info .archive-read-more {display: block; text-align: right;margin-top: auto;}
.archive-news .archive-item:not(.full) .archive-item-info .archive-read-more > a {padding: 10px 20px; border: 2px solid var(--blue); color: var(--blue); font-size: 16px; font-weight: 700; display: inline-block; transition:0.2s ease-in;}
.archive-news .archive-item:not(.full) .archive-item-info .archive-read-more > a:hover,
.archive-news .archive-item:not(.full) .archive-item-info .archive-read-more > a:focus,
.archive-news .archive-item:not(.full) .archive-item-info .archive-read-more > a:active {background:var(--light-blue); }
.archive-news .archive-item:not(.full) .archive-item-info .archive-read-more > a::after {content: ">"; margin-left: 8px; display: inline-block;}

/* Show reel */
.col-highlight_box {
	padding: 25px 0 25px 25px;
	margin-right: 25px;
	position: relative;
	overflow: hidden;
	&.iframe-focus {
		.box-text { opacity: 0; }
	}
	&.iframe-focus::before, &.iframe-focus::after { opacity: 0; }
	> .highlight-box-container {
		width: 100%;
		aspect-ratio: 0.85;
		position:relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		
		&.background-video {
			aspect-ratio: 16/9;
			
			> .box-text {
				pointer-events: none;
			}
			> .bg-embed-container > iframe {
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				min-width: unset;
				min-height: unset;
				transform: none;
			}
		}
		> .box-text {
			align-self: center;
			text-align: center;
			position: relative;
			transition: opacity 0.4s ease-in;
			z-index: 1;
			> h2 {
				color: #fff;
				font-size: 80px;
				font-weight: 800;
				line-height: 1;
			}
			.box-subtitle {
				color: #fff;
				font-size: 21px;
				font-weight:700;
			}
		}
		> .box-link {
			position: absolute;
			bottom: 45px;
			right: 45px;
			max-width: 45%;
			z-index: 1;
			
			> a {
				color: var(--light-blue);
				font-size: 24px;
			}
		}
		> img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			z-index: 0;
		}
	}
	> .highlight-box-container:not(.background-image):not(.background-video) {
		background-color: var(--main-blue);
	}
}


/* Article search */
.article-search > .search-results:has(.news)+.newest { display: none; }
.article-search:not(:has(.search-results > .news)) .clear-search { display: none; }
.article-search {
	.search {
		display: flex;
        margin-bottom: 20px;
		> span {
			display: inline-block;
			position: relative;
			width: 50%;
			> input {
				width: 100%;
				border: 0;
				padding: 10px 25px 10px 15px;
			}
			> button {
				position: absolute;
				padding: 3px;
				right: 10px;
				top: 50%;
				transform: translateY(-50%);
				color: var(--blue);
				border: 0;
				background: transparent;
				font-weight: bold;
			}
		}
		> button {
			border: 0;
			border-radius: 0;
			background-color: var(--blue);
			padding: 4px 40px 4px 15px;
			color:#fff;
            background:url("images/haku-suurennuslasi.svg") var(--blue) no-repeat left; background-size: contain;
            height: 44px;
            width:60px;
            position:relative;
		}
		> button::after {
			content: ">";
            position:absolute;
            right:10px;
            top:50%;
            transform:translateY(-50%);
            font-weight: 700;
		}
	}
	.news {
		padding: 30px 15px 35px 15px;
		> .news-heading {
			text-transform: uppercase;
			font-weight: 500;
			font-size: 14px;
			margin-bottom: 30px;
			> span:not(:first-child)::before {
				content: "|";
				color: var(--light-blue);
				margin: 0 8px;
			}
		}
		> a {
			display: inline-block;
			line-height: 1.5;
			font-size: 22px;
			font-weight: 500;
		}
	}
	.news:not(:last-child) {
		border-bottom: 2px solid #fff;
	}
}
.static-content.highlights-article .article-search {max-width: 80%;}
.static-content.highlights-article .col-highlight_box {position:relative; }
.static-content.highlights-article .col-highlight_box::before {content:""; background:url("images/grafiikka-highlight-01.svg") no-repeat center; position:absolute; right: 0; top:2px; background-size: contain; width: 120px; height: 180px; z-index:1; transition: opacity 0.4s ease-in;}
/*.static-content.highlights-article .col-highlight_box::after {content:""; background:url("images/grafiikka-highlight-02.svg") no-repeat center; position:absolute; left: 0; bottom:60px; background-size: contain; width: 200px; height: 180px; z-index:1; transition: opacity 0.4s ease-in;} */

.col-share_buttons { margin-top: 40px;}
.col-share_buttons .share-buttons-container span {margin-bottom:15px; text-transform:uppercase; color:var(--blue); display: inline-block; font-weight:500;}
.col-share_buttons .share-buttons-container > ul {display:flex; flex-direction:row; }
.col-share_buttons .share-buttons-container > ul li:first-child {padding-left: 0; }
.col-share_buttons .share-buttons-container > ul li {margin-right: 10px; }
.col-share_buttons .share-buttons-container > ul li.share-button-facebook a {background:url("images/facebook.svg") no-repeat center; background-size: contain; width: 40px; height: 40px; display: block;}
.col-share_buttons .share-buttons-container > ul li.share-button-facebook a > .fa {display:none; }
.col-share_buttons .share-buttons-container > ul li.share-button-linkedin a {background:url("images/linkedin.svg") no-repeat center; background-size: contain; width: 40px; height: 40px; display: block;}
.col-share_buttons .share-buttons-container > ul li.share-button-linkedin a > .fa {display:none; }
.col-share_buttons .share-buttons-container > ul li.share-button-email a {color: #fff; background-color: var(--blue); width: 40px; height: 40px; display: block; text-align: center; border-radius: 100%; line-height: 40px; font-size: 23px; }
.col-share_buttons .share-buttons-container > ul li.share-button-copy a {color: #fff; background-color: var(--blue); width: 40px; height: 40px; display: block; text-align: center; border-radius: 100%; line-height: 40px; font-size: 23px; }

.white+div.footer-container {margin-top: 0; }
div.footer-container {background-color: var(--main-blue); color:#fff; position:relative; margin-top: 80px; padding: 80px 0; }
div.footer-container .row {column-gap: 40px; margin: 0; }
div.footer-container::before {content:""; background:url("images/grafiikka-oikea-02.svg") no-repeat center; position:absolute; right: 0; top:0; background-size: contain; width: 140px; height: 140px;}
div.footer-container::after {content:""; background:url("images/grafiikka-footer.svg") no-repeat center; position:absolute; left: 0; bottom:0; background-size: cover; width: 330px; height: 90px;}
div.footer-container .col-md-3 { max-width: calc(25% - 120px / 4); padding: 0; }
div.footer-container .col-md-3 > .footer-logo > img {height: 40px; }
div.footer-container .footer-content .blue-box {margin-bottom: 30px;}
div.footer-container .footer-content p a {font-size: 24px; }
div.footer-container .footer-content p a:hover,
div.footer-container .footer-content p a:focus,
div.footer-container .footer-content p a:active {color:var(--light-blue); }
/*div.footer-container .col-md-3 > .footer-content2 { padding-left: 10%; }*/
div.footer-container .footer-content2 p {font-size: 18px; }
div.footer-container .footer-content2 p > a {font-size: 24px; }
div.footer-container .footer-logos {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(5, 1fr); grid-column-gap: 0px; grid-row-gap: 0px;}
div.footer-container .footer-logos > .footer-logo:first-child {grid-area: 1 / 1 / 3 / 3;}
div.footer-container .footer-logos > .footer-logo:first-child > img {height:100px; aspect-ratio: 1 / 1; }
div.footer-container .footer-logos > .footer-logo:not(:first-child) > img {height: auto; width: auto; }
div.footer-container .footer-logos > .footer-logo {grid-area: 1 / 3 / 3 / 5;}
div.footer-container .footer-logos > .footer-logo:last-child {grid-area: 3 / 1 / 5 / 5; }
div.footer-container .footer-logos > .footer-logo > img {height:60px;}
div.footer-container .footer-someicons {margin-top: 30px;}
div.footer-container .footer-some-icons li a[href^="https://www.facebook.com"] {background:url("images/facebook.svg") no-repeat center; background-size: contain; width: 40px; height: 40px; display: block;}
div.footer-container .footer-some-icons li a[href^="https://www.linkedin.com"] {background:url("images/linkedin.svg") no-repeat center; background-size: contain; width: 40px; height: 40px; display: block;}
div.footer-container .footer-some-icons li a[href^="https://www.instagram.com"] {background:url("images/instagram.svg") no-repeat center; background-size: contain; width: 40px; height: 40px; display: block;}
div.footer-container .footer-some-icons li a[href^="https://www.youtube.com"] {background:url("images/youtube.svg") no-repeat center; background-size: contain; width: 40px; height: 40px; display: block;}
div.footer-container .footer-newsletter h3 { margin-bottom: 16px; color: #fff; font-size: 24px; margin-top: 5px; }
div.footer-container .footer-newsletter .frm_style_formidable-style.with_frm_style .form-field {margin-bottom: 0; }
div.footer-container .footer-newsletter .with_frm_style input[type="email"] {height: 44px; }
div.footer-container .footer-newsletter .frm_style_formidable-style.with_frm_style .frm_submit button {background-color:var(--blue); color:#fff; transition: 0.2s ease-in; height: 44px; border: none; white-space: nowrap;}
div.footer-container .footer-newsletter .frm_style_formidable-style.with_frm_style .frm_submit button:hover,
div.footer-container .footer-newsletter .frm_style_formidable-style.with_frm_style .frm_submit button:focus,
div.footer-container .footer-newsletter .frm_style_formidable-style.with_frm_style .frm_submit button:active {background-color:var(--light-blue);}
div.footer-container .footer-newsletter .frm_form_fields .frm_fields_container {grid-gap: 0; max-width: 400px; }

@media (min-width: 992px) {
    .container { max-width: 1820px; padding: 0 80px; }
    div.navigation-container > .container {padding: 0 40px; }
    body.alasivut .content > .container { max-width: 1630px; padding: 0 80px;}
    .single .content > .container { max-width: 1630px; padding: 0 80px;}
    .narrow > .container {max-width:1320px; padding: 0 80px;}
    .content-6_6.main-blue-bg.big-texts > .container {max-width: 1500px; padding: 0 80px;}
}

@media (min-width: 992px) and (max-width:1200px) {
    div.footer-container .row {row-gap: 40px;}
    div.footer-container .col-md-3 {max-width: calc(50% - 20px);flex: 0 0 50%;}
    div.footer-container .col-md-3:first-child {order:1;}
    div.footer-container .col-md-3:nth-child(2) {order:3;}
    div.footer-container .col-md-3:nth-child(3) {order:2;}
    div.footer-container .col-md-3:nth-child(4) {order:4;}

    div.footer-container .footer-logos > .footer-logo {text-align: center; align-self: center;}

}

@media (max-width: 1499px) {
    .col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {font-size: 24px; }
}

@media (max-width:1399px) {
    .single-venues .static-content .col-md-8.hanke-content h1 {font-size: 52px;}
    .single-venues .static-content .col-md-8.hanke-content .hanke-categories .category, .single-venues .static-content .col-md-8.hanke-content .hanke-categories .hanke-tag {font-size: 14px; }
    .single-venues .static-content .col-md-8.hanke-content .hanke-categories {top: -31px;}

    .static-content.hero-banner .col-sm-8 {flex: 0 0 50%; max-width: 50%;}
    .static-content.hero-banner .col-sm-4 {flex: 0 0 50%; max-width: 50%;}
    .static-content.hero-banner .col-post_title h1 {font-size: 52px;}

    .content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-container .news-highlight-inner {padding: 25px 30px 40px 30px;}
    .col-venues_highlights .single-venue-highlight .venue-desc .venue-wrapper {padding: 40px 40px 45px;}
    .col-venues_highlights .single-venue-highlight .venue-highlight .venue-image {padding-bottom:66%; }

    .project-archive .archive-venues .blue-bg .archive-categories {column-gap: 4%; }
    .project-archive .archive-venues .blue-bg .venue-filters {column-gap: 1%; }
}

@media (max-width:1299px) {
  .project-archive .archive-venues .blue-bg .archive-categories {column-gap: 0; }
  .project-archive .archive-venues .blue-bg .archive-categories li {width: 50%; margin-right: 0; }

  .white .col-persons_highlights .persons-highlights-container .person-highlight .person-info {padding: 40px 10px; font-size: 14px; }
  .white .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a { font-size: 14px;}

}

@media (max-width:1199px) {
    .col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner {padding: 40px 8px 20px 5px;}
    .col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {font-size: 20px; }
    .col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner .ingress ul li {padding-left: 8px; }
    .col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner .ingress ul {font-size: 16px; }
    .col-content_highlights.solutions-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {font-size: 20px; }
    .col-content_highlights.blue-highlights .content-highlight .content-highlight-container .content-highlight-inner h3, .col-content_highlights.grey-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {font-size: 20px; }

    .col-venues_highlights .single-venue-highlight .venue-desc .venue-wrapper {padding: 40px 30px 45px;}

    .big-texts h2 {font-size: 50px; }

    .archive-news .archive-item:not(.full) { max-width: calc(50% - 8px); flex: 0 0 50%;}
    .archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-title {font-size: 36px; }
    .archive-news .archive-item .archive-item-info .archive-item-info-inner {padding: 40px 20px 40px 20px;}

    .project-archive .archive-venues .archive-container .archive-row-inner .archive-info .archive-title {font-size: 24px; }
    .project-archive .archive-venues .archive-container .archive-row {max-width: calc(50% - 8px); flex: 0 0 50%;}

    .project-archive .main-blue-bg.static-content .col-content_highlights.services-highlights .col-sm-12 > p {font-size: 32px; }

   /* .contact-page + .content.white .col-persons_highlights {padding: 80px; } */
    .contact-page + .content.white .col-persons_highlights .persons-highlights-container .person-highlight .person-info {padding: 40px 10px;}
    .contact-page .col-sm-6:first-child .col-text {font-size: 32px; }
    .laskutustiedot .row {padding: 80px; }

    .project-archive .col-venues_highlights .big {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .project-archive .col-venues_highlights .tiny {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display:flex; column-gap:20px; margin-top:20px;}
    .project-archive .col-venues_highlights .tiny .venue-highlight {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 10px);}
    .project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container .venue-info h2 {font-size: 24px; }

    .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul {font-size: 14px;}
    .blue-element .col-persons_highlights .persons-highlights-container .person-highlight .person-info ul li a {font-size: 14px;}

    .narrow h2 {font-size: 46px;}

    .subpages-hero .col-sm-4 .col-text:first-child {padding: 90px 30px 50px 40px;}
    .subpages-hero .col-sm-8 .col-post_title h1 {font-size: 38px; }
    .subpages-hero .col-sm-4 {padding-left: 25px; }

    .single .col-sm-8 {-ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%;}
    .single .col-sm-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .single-news .col-post_title h1 {font-size: 38px;}

    /*div.footer-container .col-md-4 > .footer-content2 {padding-left:0; }*/

    .static-content.highlights-article .col-highlight_box::after {width: 120px; height: 105px; left: 10px;}
    .col-highlight_box {
        > .highlight-box-container {
            > .box-text {
                > h2 {
                    font-size: 50px;
                }
                .box-subtitle {
                    font-size: 18px;
                    padding: 0 10px;
                }
            }
        }
    }
    .static-content.highlights-article .article-search {max-width: 100%;}

    .col-highlight_box {
        & > .highlight-box-container {
          & > .box-link {
            position: absolute;
            bottom: 30px;
            right: 15px;
          }
        }
      }
      .col-highlight_box {
        & > .highlight-box-container {
          & > .box-link {
            & > a {
              color: var(--light-blue);
              font-size: 20px;
            }
          }
        }
      }
}

.urakka .col-button_group .button-group {text-align:left; display: flex; flex-direction: column; align-items: flex-start;}
.urakka .col-button_group .button-group a { margin-left: 0; margin-right:5px; margin-bottom: 10px; }
.alasivut .col-person_information {background: var(--main-blue); color: #fff;padding: 40px 25px; margin-bottom: 40px; max-width:490px; }
.alasivut .col-person_information .label {margin-bottom: 3px;color: var(--light-blue);text-transform: uppercase; font-size: 16px;}
.alasivut .col-person_information .person-information {color: #fff; }
.alasivut .col-person_information .person-information h3 {color: #fff; font-size: 16px; margin-bottom: 0; font-weight: 500; }
.alasivut .col-person_information .person-information .person-title {color: #fff;font-size: 16px;font-weight: 500;}
.alasivut .col-person_information .person-information ul.person-emails {margin-top: 10px;}
.alasivut .col-person_information .person-information ul {list-style: none; padding: 0; margin-bottom: 0;}
.alasivut .col-person_information .person-information ul li a {color: #fff;font-weight: 500;font-size: 16px;}

/* Filelist */
.col-filelist h2 {margin-bottom: 25px; }
.filelist-item {margin-bottom: 30px;}
.filelist-item-inner {background: #fff; margin: 0; height: 100%;}
.filelist-icon {position: relative; padding: 0 !important; height: auto !important;}
.filelist-icon > a > img {position: static !important; }
.filelist-text {padding: 15px 15px 75px;}
.filelist-item-info {padding-top: 10px;}
.filelist-item-download {position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; text-align: right;}
.filelist-item-download a {padding: 10px 15px; border: 2px solid var(--blue); color: var(--blue); font-size: 16px; font-weight: 700; display: inline-block; transition: 0.2s ease-in;}
.filelist-item-download a:hover,
.filelist-item-download a:focus,
.filelist-item-download a:active {background: var(--light-blue);}

.col-filelist .filelist-accordion .panel-body {padding: 10px 30px 10px 30px;}

  
  @media (max-width:1099px) {
    .col-venues_highlights > .row.single-venue-highlight > div {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .col-venues_highlights .single-venue-highlight .most-popular {margin-top: 60px; margin-bottom: 40px; }

    .main-blue-bg .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 10px);}
    .white .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 10px);}
    .blue-element .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 10px);}
}


@media (max-width: 991px) {
    .container {max-width: 95%; }
    .content-6_6.main-blue-bg.big-texts > .container {padding: 0 40px; }
    .narrow > .container {padding: 0 40px; }
    div.navigation-container > .container {max-width: 100%; padding: 0;}
    div.navigation-container .navbar {padding: 0 15px; }
    body:not(.home) div.navigation-container {position:relative; }
    div.navigation-container #navbar-mainnavigation {position: absolute; top: 100%; width: 100%; left: 0; padding: 15px 0; background: var(--blue); margin-top: 35px;}
    body:not(.home) div.navigation-container #navbar-mainnavigation {margin-top: 22px;}
    div.navigation-container #navbar-mainnavigation .navbar-nav .dropdown-menu {background: transparent;border-width: 1px 0 0 0; border-color: var(--light-blue); border-radius: 0;}
    div.navigation-container .navbar-nav > li:not(:last-child) {border-bottom: 1px solid var(--light-blue); }
    div.navigation-container .navbar-nav li {display:block; }
    div.navigation-container .navbar-nav li .nav-link {padding: 12px 15px; }
    div.navigation-container .navbar-nav .dropdown-menu li:first-child > a.dropdown-item {padding-top:1rem;}
    div.navigation-container .navbar-nav .dropdown-menu li:last-child > a.dropdown-item {padding-bottom:1rem;}
    div.navigation-container .navbar-nav .dropdown-menu li > a.dropdown-item {color:#fff;padding: 0.5rem 1.5rem;}
    div.navigation-container .navbar-nav .dropdown-menu li > a.dropdown-item:hover,
    div.navigation-container .navbar-nav .dropdown-menu li > a.dropdown-item:focus,
    div.navigation-container .navbar-nav .dropdown-menu li > a.dropdown-item:active {color:var(--main-blue);}
    div.navigation-container .navbar-nav li.wpml-ls-item {display:flex; margin-left: 20px;}
    div.navigation-container .navbar-nav li.wpml-ls-item > a {padding-top: 18px;}
    div.navigation-container .navbar-nav li.wpml-ls-item > .dropdown-toggle::after {display:none;}
    div.navigation-container .navbar-nav li.wpml-ls-item > .dropdown-menu {display:block; border: none; margin-left: -20px;}
    div.navigation-container .navbar-nav li.wpml-ls-item > .dropdown-menu li > a.dropdown-item {padding-top:20px;}
    div.navigation-container .navbar-nav li.wpml-ls-item > .dropdown-menu li > a.dropdown-item:hover,
    div.navigation-container .navbar-nav li.wpml-ls-item > .dropdown-menu li > a.dropdown-item:focus,
    div.navigation-container .navbar-nav li.wpml-ls-item > .dropdown-menu li > a.dropdown-item:active {background-color:transparent;}

    .static-content.hero-banner::before {content:""; background: url("images/grafiikka-oikea-01.svg") no-repeat center; left:unset; bottom: unset; top: 35%; right: 0; width: 260px; height: 190px; }
    .static-content.hero-banner {padding-top: 180px !important; margin-bottom: 150px;}
    .static-content.hero-banner .col-news_highlights {margin-top: 100px; margin-bottom: -100px;}
    .static-content.hero-banner .col-post_title {padding-top:0; }
    .static-content.hero-banner .col-sm-8 {justify-content: center;}
    .static-content.hero-banner .col-sm-8, .static-content.hero-banner .col-sm-4 {flex: 0 0 100%; max-width: 100%;}
    .static-content.hero-banner .col-news_highlights .news-highlight-inner {padding: 30px 30px 50px;}
    .static-content.hero-banner .col-post_title {width: 80%; }
    .static-content.hero-banner .col-post_title h1 {font-size: 48px;}
    .static-content.hero-banner .col-news_highlights .news-highlight-image .category {font-size: 16px; padding: 8px 16px;}

    .alasivut .content .col-sm-8,
    .alasivut .content .col-sm-4 {flex: 0 0 100%; max-width: 100%;}
    
    body.home div.navigation-container::after {display:none; }

    .col-venues_highlights .single-venue-highlight .venue-desc .venue-readmore a {font-size: 16px; }
    .col-venues_highlights .single-venue-highlight .venue-highlight .venue-info h3 {font-size: 21px; }
    .col-venues_highlights .single-venue-highlight .venue-highlight .venue-info .venue-header {font-size: 14px; }
    .col-venues_highlights .single-venue-highlight .venue-desc h3 {font-size: 18px; }

    .single-venues .static-content .container > .row.hanke {margin: 0; }
    .single-venues .static-content .col-md-8.hanke-content, .single-venues .static-content .col-md-4.hanke-info {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .single-venues .static-content .col-md-8.hanke-content {margin-top: -80px; padding: 45px 35px; }
    .single-venues .static-content .col-md-8.hanke-content .hanke-ingress {font-size: 21px; margin-bottom: 30px;}
    .single-venues .static-content .col-md-8.hanke-content .hanke-content {font-size: 18px; margin-bottom: 50px;}
    .single-venues .static-content .col-md-4.hanke-info {margin-top: 0; }

    .content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-container {flex: 0 0 100%; max-width: 100%; }
    .col-content_highlights.services-highlights .content-highlight, .project-archive .main-blue-bg.static-content .col-content_highlights.services-highlights .content-highlight {flex: 0 0 100%; max-width: 100%; }
    .col-content_highlights.services-highlights .content-highlight.col-sm-4, .project-archive .main-blue-bg.static-content .col-content_highlights.services-highlights .content-highlight.col-sm-4 {flex: 0 0 100%; max-width: 100%; }
    .col-content_highlights.services-highlights .content-highlight.col-sm-6, .project-archive .main-blue-bg.static-content .col-content_highlights.services-highlights .content-highlight.col-sm-6 {flex: 0 0 100%; max-width: 100%; }
    .col-content_highlights.solutions-highlights .content-highlight.col-sm-6, .col-content_highlights.solutions-highlights .content-highlight.col-sm-4, .col-content_highlights.solutions-highlights .content-highlight.col-sm-3  {flex: 0 0 100%; max-width: 100%; }
    .col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {min-height: unset; }

    .col-number_counter > ul li .number, .col-number_counter > ul li .unit {font-size: 80px; }

    body.home .main-blue-bg:not(.big-texts)::before { display:none; }
    .main-blue-bg .col-sm-6, .main-blue-bg.big-texts .col-sm-6 {flex: 0 0 100%; max-width: 100%; }
    .main-blue-bg.big-texts h2 {margin-bottom:40px; }

    html[lang="en-US"] .main-blue-bg:has(.col-venues_highlights) {padding-top: 40px !important;}

    .big-texts .col-sm-6:last-child .col-text {padding-left: 0; }

    .project-archive .archive-venues .venue-search {max-width: 1600px; }
    .project-archive .archive-venues .venue-search label {width: 100%;}
    .project-archive .archive-venues .venue-search label > input {width: 100%; }

    .contact-page + .content.white .col-persons_highlights h2 {font-size: 40px; }
    .contact-page + .content.white .col-persons_highlights h2 span {font-size: 32px; }
    .contact-page + .content.white .col-persons_highlights {padding: 40px; }
    /*.contact-page + .content.white .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}*/
    .laskutustiedot .row {padding: 40px; }
    .laskutustiedot {font-size:18px; }

    .subpages-hero .row > div {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .subpages-hero .row > div:first-child {margin-bottom:40px;}
    .subpages-hero .col-sm-8 .col-post_title {padding: 30px 0 0; }
    .subpages-hero .col-sm-8 .col-text {padding: 0; }
    .col-content_highlights.grey-highlights h2 {font-size: 32px; }

    .white .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 10px);}
    .main-blue-bg .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 10px);}
    .blue-element .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 10px);}

    .static-content.highlights-article .col-sm-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .static-content.highlights-article .col-sm-6:first-child {margin-bottom: 60px;}
    .col-highlight_box {padding: 0; margin: 0; }
    .static-content.highlights-article .col-highlight_box::before { top: 0; }
    .static-content.highlights-article .col-highlight_box::after { left: 0; bottom: 40px;}

    .single-news .col-post_title h1 {font-size: 32px;}
    .single .col-sm-8, .single .col-sm-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .single .col-sm-4 {margin-top: 60px; }

    div.footer-container .footer-logo, div.footer-container .footer-someicons, div.footer-container .footer-newsletter {padding: 0 15px; }
    div.footer-container .col-md-3 {flex: 0 0 100%; max-width: 100%;  }
    div.footer-container .col-md-3 > .footer-content2 {padding: 0 15px; }
    div.footer-container .col-md-3:not(:last-child) { margin-bottom:40px;}
    div.footer-container .col-md-3:not(:last-child)::after {content:""; border-bottom:1px solid var(--light-blue); display:block; width: 100%; margin: 0 auto; padding-top: 20px; }

    div.footer-container .footer-logos  {display:flex; align-items: flex-start; flex-wrap: wrap; row-gap: 20px;}
    div.footer-container .footer-logos > .footer-logo {width:50%; order:unset !important; text-align:left; align-self:unset;}
    div.footer-container .footer-logos > .footer-logo:not(:first-child) > img {height: auto; width: 150px; aspect-ratio:unset; }
    div.footer-container .footer-logos > .footer-logo:last-child {width: 100%;}
    div.footer-container .footer-logos > .footer-logo:last-child > img {width: 300px;}
}

@media (max-width: 768px) {

    .content:not(.hero-banner) {padding-bottom: 40px; }
    div.navigation-container > .container > .navbar > .navbar-brand > img {height: 45px; }

    .single-venues .static-content .col-md-8.hanke-content h1 {font-size: 36px; margin-bottom: 40px;}
    .static-content.hero-banner .col-post_title h1 {font-size: 48px; }
    .static-content.hero-banner .col-post_title {padding-left: 0; padding-right: 0; }
    
    .static-content.hero-banner .col-news_highlights .news-highlight-image .category {font-size: 12px; }

    body.home .main-blue-bg.big-texts {padding-top: 0; }
    body.home .main-blue-bg:not(.big-texts) {padding-top: 0; }

    .filelist-icon:has(.filetype) > a {height: 150px; display:block; }
    .filelist-icon > a > img {height: 200px !important; }

    .col-venues_highlights .single-venue-highlight .venue-highlight, .col-venues_highlights .single-venue-highlight .venue-desc {max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 0; }
    .col-venues_highlights .single-venue-highlight .venue-highlight .venue-info { padding: 40px 30px 30px 30px;}
    .col-venues_highlights .single-venue-highlight .venue-desc .venue-wrapper { padding: 0 30px 45px; }
    .col-venues_highlights .single-venue-highlight .venue-desc .venue-readmore {margin-top: 30px; }
    .col-venues_highlights .single-venue-highlight .venue-highlight .venue-tags .tag, .col-venues_highlights .single-venue-highlight .venue-highlight .venue-tags .cat {font-size: 12px; }
    .content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-title h3 {font-size: 16px; }
    .col-venues_highlights .venue-highlight .venue-highlight-container .image-wrapper .category {font-size: 12px;}

    .col-venues_highlights .single-venue-highlight .venue-desc .venue-readmore a {font-size: 14px; padding: 8px 15px;}

    .static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-readmore a, .content:not(.static-content.hero-banner) .col-news_highlights .news-highlight-inner .news-highlight-readmore a {font-size: 14px; padding: 8px 15px;}

    .col-number_counter {margin-top: -65px;}
    .col-number_counter > ul li {padding: 40px 10px; max-width: 460px;}
    .col-number_counter > ul li .number, .col-number_counter > ul li .unit {font-size: 50px; }
    .col-number_counter > ul li .label {font-size: 18px; }

    .archive-news .archive-item.full > .col-sm-6, .archive-news .archive-item:not(.full) {max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .archive-news .archive-item .archive-item-image {padding-bottom:66%; }
    .archive-news .archive-item:not(.full) .archive-item-info {padding: 20px 45px 40px 35px;}
    .archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-read-more a, .archive-news .archive-item:not(.full) .archive-item-info .archive-read-more > a {font-size: 14px; padding: 8px 15px;}
    .archive-news .archive-item .archive-category {font-size: 15px; top: -36px; padding: 7px 15px;}

    .project-archive .archive-venues .archive-container .archive-row {flex: 0 0 100%; max-width: 100%; }
    .project-archive .archive-venues .archive-container .archive-row-inner .archive-info {padding: 20px 45px 40px 35px;}
    .col-venues_highlights .venue-highlight .venue-highlight-container .venue-info {padding: 20px 45px 40px 35px;}

    .contact-page .col-sm-6:first-child {margin-bottom: 40px; }
    .contact-page .col-sm-6 {max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center;}
    .laskutustiedot .col-sm-4 {max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center;}
    .laskutustiedot .col-sm-4:last-child {margin-top: 30px; }

    .project-archive .archive-venues .blue-bg .archive-categories {flex-direction:column; margin-bottom: 30px; row-gap: 20px;}
    .project-archive .archive-venues .blue-bg .venue-filters {flex-direction:column; align-items: flex-start; }
    .project-archive .archive-venues .blue-bg .archive-categories li {width: 100%; }
    .project-archive .archive-venues .venue-search label {margin-top: 30px; }
    .project-archive .archive-venues .venue-search label > input {font-size: 14px; }
    .project-archive .col-venues_highlights .tiny {display:block; }
    .project-archive .col-venues_highlights .tiny .venue-highlight {max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .project-archive .col-venues_highlights .big .venue-highlight .col-md-7, .project-archive .col-venues_highlights .big .venue-highlight .col-md-5 {max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .project-archive .col-venues_highlights .big .venue-highlight .venue-info {padding: 5%; }
    .project-archive .col-venues_highlights .big .venue-highlight .venue-info h3 {line-height: 1.25; font-size: 26px; }
    .project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-header, .project-archive .col-venues_highlights .big .venue-highlight .venue-info h3 {margin-bottom: 20px;}
    .project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .descinfo {margin-bottom: 10px; }
    .project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .descinfo p {font-size: 18px; }
    .project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .descinfo p:has(.orange-text) {font-size: 16px; }
    .project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .venue-readmore > a {font-size: 14px; padding: 8px 15px;}
    .project-archive .col-venues_highlights .big .venue-highlight .venue-tags .tag, .project-archive .col-venues_highlights .big .venue-highlight .venue-tags .cat {font-size: 12px;}
    .archive-news .archive-item .archive-category {font-size: 12px; top:-32px;}

    .white .col-persons_highlights .row > .col-sm-12 > h2 {font-size: 32px; }
    .white .col-persons_highlights .row > .col-sm-12 > h2 span {font-size: 20px; }
    .main-blue-bg .col-persons_highlights .row > .col-sm-12 > h2 {font-size: 32px; }
    .main-blue-bg .col-persons_highlights .row > .col-sm-12 > h2 span {font-size: 20px; }
    .blue-element .col-persons_highlights .row > .col-sm-12 > h2 {font-size: 32px; }
    .blue-element .col-persons_highlights .row > .col-sm-12 > h2 span {font-size: 20px; }

    .big-texts h2 {font-size: 28px;}
    .big-texts {font-size: 20px; }
    .blue-element::after { display:none; }

    .narrow .container > .row {flex-direction: column-reverse; }
    .narrow .container > .row > div {max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .narrow .col-image {text-align:center; }

    .col-button_group .button-group a  {font-size: 14px; padding: 8px 15px;}
    .project-archive .col-venues_highlights .big .venue-highlight .venue-info .venue-desc .venue-wrapper .venue-readmore > a {font-size: 14px; padding: 8px 15px;}
    .col-venues_highlights .venues-highlight-archive-link a {font-size: 14px; padding: 8px 15px;}

    .single .col-post_title .date {font-size: 14px; }
    .single-news .col-post_title h1 {font-size: 28px; }

    .archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-title {font-size: 22px; }
    .archive-news .archive-item:not(.full) .archive-item-info .archive-item-info-inner .archive-title {font-size: 20px; }

    .single .hanke-contact .col-text {font-size: 32px; }
    .single .hanke-contact .col-text a {font-size: 25px; }

    .article-search {
        & .search {
          & > span {
            width: 100%;
          }
        }
      }
      .article-search {
        & .news {
          & > a {
            font-size: 18px;
          }
        }
      }

      .col-highlight_box {
        > .highlight-box-container {
            > .box-text {
                padding: 0 10px;
                > h2 {
                    font-size: 40px;
                }
                .box-subtitle {
                    font-size: 16px;
                }
            }
            > .box-link {
                > a {
                    font-size: 16px;
                    }
                }
            }
        }
}

@media (max-width: 600px) {
  div.footer-container .footer-newsletter .frm_form_fields .frm_fields_container {max-width: 100%; display: flex; flex-wrap: wrap;}
  div.footer-container .footer-newsletter .frm_fields_container > .frm_form_field.frm_three_fourths {flex-basis:70%;}
  div.footer-container .footer-newsletter .frm_fields_container > .frm_form_field.frm_fourth {flex-basis:20%;}
}

@media (max-width: 575px) {
    .single-venues .static-content .col-md-8.hanke-content {padding: 20px 25px 45px 25px; }
    .single-venues .static-content .col-md-8.hanke-content .hanke-categories {position:static; display: flex; flex-direction: column; row-gap: 6px; text-align: center; margin-bottom: 40px;}

    .static-content.hero-banner .col-post_title h1 {font-size: 36px;}
    h2 {font-size: 28px; }

    .static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-title {margin-bottom: 30px;}
    .static-content.hero-banner .col-news_highlights .news-highlight-inner .news-highlight-title h3 {font-size: 24px; }
    .col-venues_highlights .single-venue-highlight .most-popular h2 {font-size: 18px; }

    .big-texts h2 {font-size: 32px;}
    .big-texts {font-size: 18px; }

    .col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {font-size: 18px; } 
    .col-content_highlights.services-highlights .content-highlight .content-highlight-container .content-highlight-inner .ingress ul {font-size: 15px; }
    .col-content_highlights.solutions-highlights .content-highlight .content-highlight-container .content-highlight-inner h3 {margin: 24px 0 14px 20px;}
    .project-archive .col-venues_highlights .tiny .venue-highlight .venue-highlight-container .venue-info h2 {font-size: 20px; }

    .single-venues .static-content .col-md-8.hanke-content .hanke-ingress {font-size: 18px; }
    .single-venues .static-content .col-md-8.hanke-content .hanke-content {font-size: 16px; }
    .single-venues .static-content .col-md-8.hanke-content .gallery .thumbnails > li {width: calc(50% - 7px); padding-bottom: 25%; }
    .single .hanke-contact .col-text {padding: 110px 50px 45px 45px; font-size: 25px; }
    .single .hanke-contact .col-text a {font-size: 20px; }

    .white .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .main-blue-bg .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .blue-element .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .blue-element .col-persons_highlights .row > .col-sm-12 > h2{font-size: 28px;}
    .blue-element .col-persons_highlights .row > .col-sm-12 > h2 span {font-size: 18px;}

    .contact-page + .content.white .col-persons_highlights .persons-highlights-container .person-highlight {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .contact-page + .content.white .col-persons_highlights h2 {font-size: 28px; }
    .contact-page + .content.white .col-persons_highlights h2 span {font-size: 18px; }
    .contact-page .col-post_title h1 {font-size: 32px; }
    .contact-page .col-sm-6:first-child .col-text, .contact-page .col-text h2 {font-size: 28px;}
    .laskutustiedot .row {padding: 40px 20px; }

    .white .col-persons_highlights .row > .col-sm-12 > h2 {font-size: 28px; }
    .white .col-persons_highlights .row > .col-sm-12 > h2 span {font-size: 18px; }
    .main-blue-bg .col-persons_highlights .row > .col-sm-12 > h2 {font-size: 28px; }
    .main-blue-bg .col-persons_highlights .row > .col-sm-12 > h2 span {font-size: 18px; }

    div.footer-container .footer-content p a,
    div.footer-container .footer-content2 p > a, div.footer-container .footer-newsletter h3 {font-size: 18px;}

    .narrow h2 {font-size: 32px; margin-bottom:30px; }
    .narrow .col-text {font-size: 18px; }
    .col-content_highlights.grey-highlights h2 {font-size: 26px; }

    .subpages-hero .col-sm-8 .col-post_title h1 {font-size: 28px; }

    .static-content.highlights-article .col-highlight_box::before { width: 80px; height: 120px; top: 0; }
    .static-content.highlights-article .col-highlight_box::after { width: 120px; height: 100px; left: -3px; bottom: 40px; }
    .archive-news .archive-item.full .archive-item-info .archive-item-info-inner .archive-title {font-size: 20px; }
    .archive-news .archive-item:not(.full) .archive-item-info .archive-item-info-inner .archive-title {font-size: 18px; }
    .col-highlight_box {
        & > .highlight-box-container {
          & > .box-link {
            right: 15px;
          }
        }
      }

    div.footer-container .footer-logo > img {height: 50px; }
}

/*.btn-custom { display:inline-block; padding: 17px 37px; border:0; background-color:#fff; color:#514a49; border-radius:25px; }
.btn-custom:hover,.btn-custom:focus,.btn-custom:active { text-decoration:none; }*/