/*
 Theme Name:   Vanha Paukku child
 Theme URI:    https://jj-net.fi/
 Description:  Lapua.fi sivuston child teema
 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
*/

:root {

/*brändivärit, käytetään mm. hero-osiossa, painikkeissa yms.*/
--blue: #0033A0;
--orange: #FFBF3F;

--burgundy:#600023;
--yellow:#f9df70;
--light-green:#c8e4cb;
--pink:#f7c1bf;
--light-blue:#97c4d7;

--border-radius: 20px;
}

@font-face {
    font-family:'Rubik';
    style: normal;
    font-weight: 400;
    src:url('./fonts/Rubik-Regular.ttf') format('truetype');
}
@font-face {
    font-family:'Rubik';
    style: normal;
    font-weight: 700;
    src:url('./fonts/Rubik-Bold.ttf') format('truetype');
}
@font-face {
    font-family:'Rubik';
    style: normal;
    font-weight: 900;
    src:url('./fonts/Rubik-Black.ttf') format('truetype');
}
@font-face {
    font-family:'Borel';
    style: normal;
    font-weight: 400;
    src:url('./fonts/Borel-Regular.ttf') format('truetype');
}

html {font-size: 16px; scroll-behavior: smooth;}
html.text-bigger {font-size: 20px;}

body { font-family: "Rubik", sans-serif; font-weight:400;}
h1,h2,h3,h4,h5,h6 { font-family: 'Rubik', sans-serif; font-weight:700; }
h1 {font-size: 2rem;}
h2 {font-family:"Borel"; font-weight: 400; font-size: 1.75rem; margin: 4rem 0 0.75rem 0; scroll-margin-top:2.5em;}
h3 {font-size: 1.5rem; margin:1.5rem 0 0.75rem 0;}
h4 {font-size: 1.25rem; margin:1rem 0 0.75rem 0;}
a {color: #0033A0; text-decoration: underline;}
a:hover, a:focus {color: #335CB3;}

.btn-custom a {display: inline-block; padding: 10px 40px 10px 15px; background: var(--blue); color: #fff; text-decoration: none; position: relative; border-radius: var(--border-radius); font-weight: 700; }
.btn-custom a:hover, .btn-custom a:focus { background: #335CB3;}
.btn-custom a::after {position: absolute; right: 15px; top: 9px; content: "\f105"; font-family: "FontAwesome"; font-size: 24px; line-height: 1;}

#go-back {border:none; text-decoration: none; color: #fff; background: var(--blue); font-weight: 400; padding: 10px 30px 10px 45px; border-radius: 32px; position: relative; display: inline-block;}
#go-back::before {content: "\f105"; font-family: "FontAwesome"; transform: translateY(-50%) rotate(180deg); color: #fff; position:absolute; left: 23px; top: 54%;}
#go-back:is(:hover, :focus) {background: #335CB3; color: #fff; text-decoration: none;}

.btn-primary {text-decoration: none; padding: 10px 30px; position: relative; background: var(--blue); color: #fff; margin: 0 5px 10px; display: inline-block; border: none; border-radius: 32px; transition: none;}
.btn-primary:hover, .btn-primary:focus {color: #fff; background: #335CB3; text-decoration: none;}

.content.burgundy-bg {padding:50px 0; background-color: var(--burgundy); color:var(--pink);}
.content.light-blue-bg {padding:50px 0; background-color:var(--light-blue); color:#000;}
.content.yellow-bg {padding:50px 0; background-color:var(--yellow); color:#000;}
.content.pink-bg {padding:50px 0; background-color:var(--pink); color:var(--burgundy);}
.content.light-green-bg {padding:50px 0; background-color:var(--light-green); color:#000;}
.white-content {padding:50px 0; background-color:#FFF;}
.white-content+.white-content {padding-top:0; }

#breadcrumbs > #readspeaker_button1 { float:right; }

.post-title-container h1 {margin-top: 4rem;}

.alasivu .crumbtrail-container+.content .col-text:first-child > h2:first-child {margin-top: 0;}
.alasivu .crumbtrail-container+.content .col-table:first-child > h2:first-child {margin-top: 0;}
.alasivu .crumbtrail-container+.content .col-persons_highlights:first-child .persons-title > h2:first-child {margin-top: 0;}

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

.skip-to-content-link { background: #0033A0; display: inline-block; color: #fff; z-index:6000; left: 50%; padding: 10px 15px; position: absolute; transform: translateY(-100%); transition: transform 0.3s;}
.skip-to-content-link:focus {transform: translateY(0%);}

/*.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; }*/

.topbar-container {border-bottom: 1px solid #DBDBDB; padding:8px 0; margin-bottom: 10px;}
.topbar {position: relative;}
.topbar-container > .container .navbar-brand > img {width: 95px !important;}
.topbar .navbar-top {position: absolute; top: 30px; right: 580px;}
.topbar .navbar-top li {padding: 6px;}
.topbar .navbar-top a {color: #0033A0; text-decoration:none; }
.topbar .navbar-top a:hover, 
.topbar .navbar-top a:focus, 
.topbar .navbar-top a:active { color: #335CB3; } 
.topbar .searchform-2 {position: absolute; top: 30px; right: 0; border: 1px solid #0033A0;}
.topbar .searchform-2 > form {width: 190px; padding-left: 30px; position: relative; border-radius:20px;}
.topbar .searchform-2 > form > input[type="text"] {width: 150px;  color: #212529; font-size: 1rem; }
.topbar .searchform-2 > form > input[type="text"]::placeholder { color: #212529;}
.topbar .searchform-2 > form > button[type="submit"]::after {color: #0033A0; }
.topbar .searchform-2 > form > button[type="submit"] {right: auto; left: 2px; top: -1px; padding: 0; height: 36px; } 
.topbar-container .topbar .searchform-2 > form {border: 1px solid #0033A0;}

.navigation-languages {position: absolute !important; top: 36px; right: 445px; margin-right: 10px !important;}
.navigation-languages .language-toggler {color: #0033A0 !important;}
.navigation-languages ul {margin: 0; background: #fff; position: relative; z-index: 5000; width: auto !important; /*border: 1px solid #1C326F;*/}
.navigation-languages ul li {display: inline-block;}
.navigation-languages ul a {display: inline-block; padding: 0 3px; text-transform: uppercase; font-size:1rem; text-decoration:none;}
.navigation-languages a {color: #0033A0 !important; }
.navigation-languages a:hover, .navigation-languages a:focus {color: #335CB3 !important;}

.topbar-buttons { position: absolute; top: 32px; right: 220px; color: #0033A0; font-size: 1rem;}
.topbar-buttons > div {display: inline-block; }
.topbar-buttons .topbar-contrast {padding-right: 15px;}
.topbar-buttons .topbar-contrast a {color: #0033A0; position: relative; padding-right: 20px; display: inline-block; text-decoration:none;}
.topbar-buttons .topbar-contrast a::after { position: absolute; right: 0; top: 50%; transform:translateY(-50%); content: "\f042"; font-family: FontAwesome; font-size: 0.85rem; }
.topbar-buttons .topbar-contrast a:hover, .topbar-buttons .topbar-contrast a:focus {text-decoration: none; color: #335CB3;}
.topbar-buttons .topbar-textsize > button { padding: 0; background-color: transparent; border: 0; box-shadow:0 0; }
.topbar-buttons .topbar-textsize > button:hover,.topbar-buttons .topbar-textsize > button:focus { color: #0056b3; cursor:pointer; }
.topbar-textsize .textsize-smaller { margin-left: 5px; color: #0033A0; font-size: 1rem;}
.topbar-textsize .textsize-bigger { margin-left: 5px;font-size: 1.2rem; color: #0033A0;  }

.topbar-container .mobile-search,.topbar-container .search-toggle { display:none; }
.mobile-search form > .searchresults { background-color: #fff; padding: 15px 0; border-top: 1px solid #ccc; text-align: left; }
.mobile-search form > .searchresults > .searchresults-inner { width: 460px; height: 100%; text-align: left; max-width: calc(100% - 23px); margin: 0 auto; }
.mobile-search form > .searchresults .searchresult { display:block; margin-bottom:8px; font-size:0.9375rem; color:#000; }
.mobile-search form > .searchresults .searchresult:last-child { margin-bottom:0; }

.navigation-container {background: #fff !important; padding-bottom: 15px;}
.navbar {padding: 0 !important;}
.navbar .navbar-brand {display: none;}
.navigation-container #mega-menu-wrap-navigation-menu #mega-menu-navigation-menu {display: flex;}
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item { vertical-align: top !important;}
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link { color:var(--blue); font-size: 1rem; height: auto !important; line-height: 1.5 !important; font-weight: 400 !important; font-family:"Rubik";}
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item.mega-icon-left > a::before {font-size: 30px !important;}
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item-has-children > a {padding-right: 23px !important; position: relative;}
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item-has-children > a > .mega-indicator {position: absolute !important; right: 3px !important; bottom: 13px !important;}
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu .mega-sub-menu li.mega-menu-item-has-children  a.mega-menu-link > span.mega-indicator {position: absolute; right: 5px; top: 0; float: none !important;}
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu .mega-sub-menu li.mega-menu-item-has-children  a.mega-menu-link {padding-right: 25px !important;}
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link:active {font-weight: 400; border-color: #59CBE8; }
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {border-color: #59CBE8; font-weight:400;}
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link:active,
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link:focus {color: #335CB3;}
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-flyout ul.mega-sub-menu {background:var(--blue) !important; }

#mega-menu-wrap-navigation-menu ul#mega-menu-navigation-menu > li.mega-menu-item.mega-wpml-ls-item { display:none; }

body.etusivu .banner-container h1 span {font-family:"Borel"; color: var(--green); }
body.etusivu .banner-container .carousel-caption h1, body.etusivu .banner-container .carousel-caption h2 {margin: 0 0 0.5rem; font-size: 2.813rem; font-weight: 900;}
.banner-container .carousel-caption > a {position:relative; text-decoration: none; display: inline-block; padding: 10px 45px 10px 30px; color: #fff; background: var(--blue); margin: 20px 0 0; border-radius: 32px; font-size: 1.25rem; font-weight: 700; letter-spacing: 1%; line-height: 1.2;}
.banner-container .carousel-caption .description > p:last-child {margin-bottom: 0; }
.banner-container .carousel-caption > a::after {content:""; position: absolute;right: 20px;top: 50%; transform: translateY(-50%); content: "\f105"; font-family: "FontAwesome"; color:#fff; line-height: 1.3;}
.banner-container .banner-text-blue .carousel-caption > a { color: #fff; background: var(--green);}
.banner-container .banner-text-blue .carousel-caption > a::after {color:#fff; }
.banner-container .carousel-caption > a:hover,
.banner-container .carousel-caption > a:focus,
.banner-container .carousel-caption > a:active {background-color: #335CB3;}
.banner-container .banner-text-blue .carousel-caption > a:hover,
.banner-container .banner-text-blue .carousel-caption > a:focus,
.banner-container .banner-text-blue .carousel-caption > a:active {background-color: #C1E766;}

div.banner-container > div .owl-carousel-arrow {background-color: rgba(0, 51, 160, 0.9);	opacity: 1;	border-color: rgba(0, 51, 160, 0.9);line-height: 37px; font-size: 30px;font-weight: 900; top:unset; transform:unset; bottom: 20%; }
div.banner-container > div .owl-carousel-arrow > .fa { line-height:40px;}

body:where(.home,.subpages-main) .banner-container .owl-carousel-item > .container  {display:flex; justify-content:center; height:100%; }
body:where(.home,.subpages-main) .banner-container .carousel-caption { text-align: center; padding: 40px 50px; position:static; position: static; color:#000; align-self: flex-end; max-width: unset; background: rgba(255,255,255,0.90); border-radius: 20px;}
.banner-container .carousel-caption h1 {color:#000; font-size: 2.813rem; margin: 0 0 1rem; }
.banner-container .carousel-caption .subtitle {font-size: 1.5rem; font-weight:700; margin-bottom:1rem; color:#000; }
body.subpages-main .banner-container .carousel-caption h1, body.subpages-main .banner-container .carousel-caption h2 {font-family:"Borel"; font-size:2.813rem; margin: 0 0 0.5rem; color:var(--blue);  line-height: 150%;}
body.subpages-main .banner-container .banner-text-blue > .carousel-caption h1, body.subpages-main .banner-container .banner-text-blue > .carousel-caption h2 {color:#fff;}
body.subpages-main .banner-container .banner-text-blue > .carousel-caption, body.subpages-main .banner-container .banner-text-blue > .carousel-caption { color:#fff;}
.banner-container .banner-text-blue .carousel-caption > .banner-crumbtrail span a {color:#fff;}
.banner-container .banner-text-blue .carousel-caption .subtitle {color:#fff;}
.banner-container .banner-text-blue .carousel-caption > .banner-crumbtrail span {color:#fff;}

.banner-container .carousel-caption > .banner-crumbtrail span a {background-color: transparent; color: var(--blue); padding: 0; margin-top: 0; text-decoration:none;}
.banner-container .carousel-caption > .banner-crumbtrail span a:hover,
.banner-container .carousel-caption > .banner-crumbtrail span a:focus {text-decoration:underline;}
.banner-container .carousel-caption > .banner-crumbtrail span {color:var(--blue); font-weight:400 !important;}
.banner-container .carousel-caption > .banner-crumbtrail span strong {font-weight:400 !important;}
.banner-container .layer-image {position:absolute; width:100%; height: 100%; z-index:1; }
.banner-container .layer-image img {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%; object-fit: contain;}
.banner-gradient-blue {}
.banner-gradient-blue::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 100%; z-index:0; background: rgb(0,51,160); background: linear-gradient(0deg, rgb(0, 51, 160) 0%, rgba(0,51,160,0) 40%);}
.banner-gradient-light-blue::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 100%; z-index:0; background: rgb(89, 203, 232); background: linear-gradient(0deg, rgb(89, 203, 232) 0%, rgba(89, 203, 232,0) 40%);}
.banner-gradient-orange::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 100%; z-index:0; background: rgb(255, 191, 63); background: linear-gradient(0deg, rgb(255, 191, 63) 0%, rgba(255, 191, 63,0) 40%);}
.banner-gradient-pink::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 100%; z-index:0; background: rgb(246, 117, 153); background: linear-gradient(0deg, rgb(246, 117, 153) 0%, rgba(246, 117, 153,0) 40%);}
.banner-gradient-green::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 100%; z-index:0; background: rgb(151, 215, 0); background: linear-gradient(0deg, rgb(151, 215, 0) 0%, rgba(151, 215, 0,0) 40%);}
.banner-container .banner-text-blue .carousel-caption {background:rgba(178, 194, 226, 0.9) !important; }
.banner-container .banner-text-light-blue .carousel-caption {background:rgba(205, 239, 248, 0.9) !important; }
.banner-container .banner-text-orange .carousel-caption {background:rgba(255, 236, 197, 0.9) !important; }
.banner-container .banner-text-pink .carousel-caption {background:rgba(252, 214, 224, 0.9) !important; }
.banner-container .banner-text-green .carousel-caption {background:rgba(224, 243, 178, 0.9) !important; }

/*body:where(.alasivu,.hyte) .banner-container .carousel-caption {background: rgba(0, 51, 160, 0.9); left: 20%;right: auto;bottom: 100px;bottom: 60px;top: auto;padding: 25px 40px; text-align: left; z-index: 4000 !important;  border-radius: 20px; }*/
body:where(.alasivu,.hyte) .banner-container .carousel-caption {background: rgba(96, 0, 35, 0.9); left: 20%;right: auto;bottom: 100px;bottom: 60px;top: auto;padding: 25px 40px; text-align: left; z-index: 4000 !important;  border-radius: 20px; }
body:where(.alasivu,.hyte) .banner-container .carousel-caption > a {margin-top:20px; background-color:var(--green); color:#fff; }
body:where(.alasivu,.hyte) .banner-container .carousel-caption > a::after {color:#fff; }
body:where(.alasivu,.hyte) .banner-container .banner-text-blue .carousel-caption {background: rgba(0, 51, 160, 0.9); left: 20%;right: auto;bottom: 100px;bottom: 60px;top: auto;padding: 25px 40px; text-align: left; z-index: 4000 !important;  border-radius: 20px;}
body:where(.alasivu,.hyte) .banner-container .banner-text-blue .carousel-caption > a {margin-top:20px; background-color:var(--green); color:#fff; }
body:where(.alasivu,.hyte) .banner-container .banner-text-blue .carousel-caption > a::after {color:#fff; }
body:where(.alasivu,.hyte) .banner-container .carousel-caption h1 {font-size: 2rem;padding: 0;color: #fff; margin: 0; text-transform:uppercase;}
body:where(.alasivu,.hyte) .banner-container .carousel-caption .subtitle { color: #fff; }
body:where(.alasivu,.hyte) .banner-container .carousel-caption .subtitle:last-child { margin-bottom: 0; }
body:where(.alasivu,.hyte) .banner-container .banner-text-light-blue > .carousel-caption h1 {color:var(--blue);}
body:where(.alasivu,.hyte) .banner-container .banner-text-light-blue > .carousel-caption > a {background-color:var(--blue); color:#fff; }
body:where(.alasivu,.hyte) .banner-container .banner-text-light-blue > .carousel-caption > a::after { color:#fff; }
body:where(.alasivu,.hyte) .banner-container .banner-text-orange > .carousel-caption h1, body:where(.alasivu,.hyte) .banner-container .banner-text-orange > .carousel-caption .subtitle {color:var(--blue);}
body:where(.alasivu,.hyte) .banner-container .banner-text-orange > .carousel-caption > a {background-color:var(--blue); color:#fff; }
body:where(.alasivu,.hyte) .banner-container .banner-text-orange > .carousel-caption > a::after { color:#fff; }
body:where(.alasivu,.hyte) .banner-container .banner-text-pink > .carousel-caption h1, body:where(.alasivu,.hyte) .banner-container .banner-text-pink > .carousel-caption .subtitle {color:var(--blue);}
body:where(.alasivu,.hyte) .banner-container .banner-text-pink > .carousel-caption > a {background-color:var(--blue); color:#fff; }
body:where(.alasivu,.hyte) .banner-container .banner-text-pink > .carousel-caption > a::after { color:#fff; }
body:where(.alasivu,.hyte) .banner-container .banner-text-green > .carousel-caption h1, body:where(.alasivu,.hyte) .banner-container .banner-text-green > .carousel-caption .subtitle {color:var(--blue);}
body:where(.alasivu,.hyte) .banner-container .banner-text-green > .carousel-caption > a {background-color:var(--blue); color:#fff; }
body:where(.alasivu,.hyte) .banner-container .banner-text-green > .carousel-caption > a a::after { color:#fff; }
body:where(.alasivu,.hyte) .banner-container .carousel-caption > a:hover, body:where(.alasivu,.hyte) .banner-container .carousel-caption > a:focus, body:where(.alasivu,.hyte) .banner-container .carousel-caption > a:active,
body:where(.alasivu,.hyte) .banner-container .banner-text-blue .carousel-caption > a:hover, body:where(.alasivu,.hyte) .banner-container .banner-text-blue .carousel-caption > a:focus, body:where(.alasivu,.hyte) .banner-container .banner-text-blue .carousel-caption > a:active {color: #fff; background: #97b137;}

body:where(.alasivu,.hyte) .banner-container .banner-text-light-blue .carousel-caption > a:hover, body:where(.alasivu,.hyte) .banner-container .banner-text-light-blue .carousel-caption > a:focus, body:where(.alasivu,.hyte) .banner-container .banner-light-blue .carousel-caption > a:active,
body:where(.alasivu,.hyte) .banner-container .banner-text-orange .carousel-caption > a:hover, body:where(.alasivu,.hyte) .banner-container .banner-text-orange .carousel-caption > a:focus, body:where(.alasivu,.hyte) .banner-container .banner-text-orange .carousel-caption > a:active,
body:where(.alasivu,.hyte) .banner-container .banner-text-pink .carousel-caption > a:hover, body:where(.alasivu,.hyte) .banner-container .banner-text-pink .carousel-caption > a:focus, body:where(.alasivu,.hyte) .banner-container .banner-text-pink .carousel-caption > a:active,
body:where(.alasivu,.hyte) .banner-container .banner-text-green .carousel-caption > a:hover, body:where(.alasivu,.hyte) .banner-container .banner-text-green .carousel-caption > a:focus, body:where(.alasivu,.hyte) .banner-container .banner-text-green .carousel-caption > a:active {background-color: #335CB3; color:#fff;}

.crumbtrail-container {padding: 10px 0 10px; color: var(--blue); background: #f5f5f5; font-weight:700;}
.crumbtrail-container a {color: var(--blue); text-decoration: none;}
.crumbtrail-container a:hover,
.crumbtrail-container a:focus,
.crumbtrail-container a:active {color:#335CB3; }
.crumbtrail-container p {margin: 0;}

body.single-news .banner-container2 {background: #FFECC5; }
body.single-events .banner-container2 {background: #def5fb;}
body:is(.single-events, .single-news) .banner-container2 > .container-fluid {padding: 0 15px; overflow-x: hidden;}
body:is(.single-events, .single-news) #mainimage {height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
body:is(.single-events, .single-news) .banner-container2 .banner-text-container {text-align: center; padding: 30px 15px;}
body:is(.single-events, .single-news) .banner-container2 .banner-text-container h1 {font-weight: 700; text-transform: uppercase; font-size: 1.6rem;}

.event-category-container {padding: 15px; background: #00339F; color: #fff;}
.single-event-category {position: relative;}
.single-event-category .single-event-category-inner {position: relative; padding-left: 30px;}
.single-event-category .single-event-category-icon {display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px;}

.events-banner {height: 500px; border-bottom: 30px solid #00339F; margin-bottom: 15px;}
.events-banner :is(h1,h2) {margin: 0; padding: 30px 20px 15px; display: inline-block; background: #00339F; color:#fff; margin-bottom: 0; border-radius: 20px; font-weight:400;}
.events-banner :is(h1,h2) span {color:var(--green); font-family:"Borel"; text-transform:none; }
.events-banner > .container {height: 100%;}
.events-banner > .container > .row {height: 100%; align-items: center;}

.col-relational_navigation .menu-sidenavi-container a {text-decoration: none; padding: 20px 0; font-weight: 400; color: var(--blue); display: block; padding: 10px; display: inline-block; border-radius: 20px;}

.col-relational_navigation > nav > .menu-sidenavi-container .content-nav > li.menu-item { border-bottom: 1px solid #CCD4DD;}
.col-relational_navigation > nav > .menu-sidenavi-container li.menu-item > a {width: 100% !important; padding-right: 30px; font-weight: 600;}
.col-relational_navigation > nav > .menu-sidenavi-container li.menu-item-has-children {position: relative !important;}
.col-relational_navigation > nav > .menu-sidenavi-container .nav-toggle {position: absolute; right: 5px; top: 8px;}

.col-relational_navigation > nav > .menu-sidenavi-container ul.sub-menu {padding-left: 0 !important; overflow:hidden;}
.col-relational_navigation > nav > .menu-sidenavi-container ul.sub-menu li:not(:last-child) { border-bottom: 1px solid #CCD4DD;}
.col-relational_navigation > nav > .menu-sidenavi-container ul.sub-menu a {background: #f9f9f9; padding-left: 25px; font-weight: 300; border-radius: 20px;}
.col-relational_navigation > nav > .menu-sidenavi-container ul.sub-menu ul.sub-menu a {background: #f1f1f1; padding-left: 40px; }

.col-relational_navigation > nav > .menu-sidenavi-container .current-menu-item > a {color: #fff; background: var(--blue) !important;}
.col-relational_navigation > nav > .menu-sidenavi-container .current-menu-item > .nav-toggle {color: #fff;}
.col-relational_navigation > nav > .menu-sidenavi-container li:has(> a:is(:hover,:focus)) > .nav-toggle { color: #fff; }
.col-relational_navigation > nav > .menu-sidenavi-container li > a:is(:hover,:focus) {color: #fff; background: var(--blue) !important;}

.col-relational_navigation > nav > .menu-sidenavi-container .nav-toggle::after {content: "\f106" !important; font-family: "FontAwesome" !important;}
.col-relational_navigation > nav > .menu-sidenavi-container .nav-toggle.collapsed::after {content: "\f107" !important; font-family: "FontAwesome" !important;}

#calendar-container {font-size: 0.9rem;}
.archive-events {padding: 0 0 30px;}
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {background: var(--blue); color: #fff; border-radius: 0 !important;}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {background: var(--blue) !important; color: #fff;}
.datepicker .datepicker-switch:focus, .datepicker .next:focus, .datepicker .prev:focus, .datepicker tfoot tr th:focus {background: var(--blue) !important; color: #fff;}
.datepicker .day.highlighted-cal-dates {color: #fff; background: #109e01;}
.datepicker .day.highlighted-cal-dates:hover, .datepicker .day.highlighted-cal-dates:focus {color: #000;}
.datepicker table tr td.today {color: #fff !important; background: #2b82d5 !important;}
.datepicker table tr td {border-radius: 0 !important;}
.calview td a {text-decoration: none;}

.archive-events .archive-categories {padding: 15px 0 15px;}
.archive-events .archive-categories a#category-all {display: inline-block; padding: 10px 15px; margin: 0 15px 15px 0; color: #000; background: #59CBE8; text-decoration: none; border-radius:var(--border-radius); }
.archive-events .archive-categories a.archive-category {display: inline-block; padding: 10px 15px; margin: 0 15px 15px 0; color: #000; background: #59CBE8; text-decoration: none; border-radius: var(--border-radius); }
.archive-events .archive-categories a.selected-category {background: var(--orange) !important; color: #000 !important; text-decoration: none !important;}
.archive-events .archive-categories a.archive-category:hover, .archive-events .archive-categories a.archive-category:focus, .archive-events .archive-categories a#category-all:hover, .archive-events .archive-categories a#category-all:focus {background: #FFBF3F !important; color: #000 !important; text-decoration: none !important;}

.archive-events .archive-categories a.archive-categoryselect-has-icon {position: relative; padding-left: 45px;}
.archive-events .archive-categories a.archive-categoryselect-has-icon .archive-categoryselect-icon {display: block; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px;}

.archive-events .archive-row {margin-bottom: 30px; background: #F8F8F8; align-items: center; border-radius: 20px; overflow: hidden; margin-left: 0; margin-right: 0;}
.archive-events .archive-row-image {padding: 0; position: relative; align-self: stretch;}
.archive-events .archive-row-image .archive-category {position: absolute; bottom: 0; left: 0; padding: 15px; width: 100%; color: #fff; background: var(--blue);}
.archive-events .archive-row-image .archive-category .archive-category-inner {position: relative; padding-left: 30px;}
.archive-events .archive-row-image .archive-category .archive-category-icon {display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px;}
.archive-events .archive-row-image .archive-category::after {content: ""; position: absolute; top: -40px; right: 0; width: 39px; height: 42px; background: url('img/category-blue.png') center center no-repeat;}
.archive-events .archive-row-text {padding: 30px;}
.archive-events .archive-row-text h2 {margin-top: 0; margin-bottom: 15px; text-transform: uppercase; font-size: 1.3rem;  padding-top: 10px; }
.archive-events .archive-row-text .archive-date {margin-bottom: 15px; color: #212529; }
.archive-events .archive-row-text .archive-ingres {margin-bottom: 15px; color: #212529; }
.archive-events .archive-row-text .archive-location {margin-bottom: 15px;}
.archive-events .archive-row-text .archive-read-more {margin-top: 15px;}
.archive-events .archive-row-text .archive-read-more a {display: inline-block; padding: 10px 40px 10px 15px; background: var(--blue); color: #fff; text-decoration: none; position: relative; border-radius:var(--border-radius); font-size: 1.25rem; font-weight: 700; letter-spacing:1%;}
.archive-events .archive-row-text .archive-read-more a:hover, .archive-events .archive-row-text .archive-read-more a:focus {background: #335CB3;; }
.archive-events .archive-row-text .archive-read-more a::after {position: absolute; right: 15px; top: 12px; content: "\f105"; font-family: "FontAwesome"; font-size: 24px; line-height: 1;}

.archive-events .calendar-toggle {display: inline-block; margin-right: 15px;}
.archive-events .calendar-toggle button {margin: 0 !important; appearance: none; text-decoration: none; padding: 15px 55px 15px 30px; position: relative; background: var(--blue); border: none; border-radius:20px; color: #fff; margin: 0 5px 10px; display: inline-block; box-shadow: none;}
.archive-events .calendar-toggle button::after {position: absolute; right: 25px; top: 11px; content: "\f107"; font-family: "FontAwesome"; font-size: 30px; line-height: 1;}
.archive-events .calendar-toggle button:hover, .archive-events .calendar-toggle button:focus {background: #335CB3; }
.archive-events #datepicker {padding-top: 15px;}
.archive-events .events-searchbar {display: inline-block;}
.archive-events .events-searchbar label {margin: 0;}
.archive-events .events-searchbar #events-textsearch {height: 54px; border: 1px solid #000; padding: 15px; border-radius: 20px 0 0 20px;}
.archive-events .events-searchbar #events-searchbtn {appearance: none; padding: 15px 20px; height: 54px; background: var(--blue); color: #fff; border: 0; border-radius: 0 20px 20px 0; }
.archive-events .events-searchbar #events-searchbtn:hover, .archive-events .events-searchbar #events-searchbtn:focus {background: #335CB3; }

.content {padding: 50px 0;}
.green-buttons {padding: 0 0 50px;}
.col-image > img {border-radius: 20px; }
.col-image+.col-image {margin-top: 20px;}
.content.content-6_6 .container > .row {align-items: center; }
.content.content-6_6:has(.col-persons_highlights_2) .container > .row {align-items: flex-start; }
.content.padding-bottom-none {padding-bottom:0; }
.content.padding-bottom-none+.content.content-6_6:has(.col-persons_highlights_2) {padding-top:0; }

.content-6_6 .col-button_group > .button-group {display: flex; flex-direction:column; align-items: flex-start; }
.col-button_group > .button-group {display: flex; margin: 0 !important; flex-wrap:wrap;}
.button-group a {text-decoration: none; padding: 10px 35px 10px 25px; position: relative; margin: 0 5px 10px; display: inline-block; border-radius:32px; font-size: 1.25rem; font-weight: 700; letter-spacing: 1%; line-height: 1.2;}
.button-group a.blue {background: var(--light-blue); color: #000;}
.button-group a.green {background: var(--light-green); color:#000;}
.button-group a.green::after {color: #000;}
/*.button-group a.green:hover,
.button-group a.green:focus,
.button-group a.green:active {color: #fff; background: #C1E766; text-decoration: none;}*/
.button-group a.green:hover,
.button-group a.green:focus,
.button-group a.green:active {background: #97b137; text-decoration: none;}
.button-group a::after {position: absolute; right: 19px; top: 50%; transform: translateY(-50%); content: "\f105"; font-family: "FontAwesome"; color: #fff; line-height: 1.2;}
.button-group a.blue:hover,
.button-group a.blue:focus,
.button-group a.blue:active { background: #335CB3; text-decoration: none;}
.button-group a .blinkspan {position: absolute; left: 10px; top: 5px; font-size: 2.2rem;}

.green-buttons .button-group a {text-decoration: none; padding: 10px 35px 10px 25px; position: relative; background: var(--green); color: #fff; margin: 0 5px 10px; display: inline-block; border-radius:32px; font-size: 1.25rem; font-weight: 700; letter-spacing: 1%; line-height: 1.2}
.green-buttons .button-group a::after {position: absolute; right: 19px; top: 50%; transform:translateY(-50%); content: "\f105"; font-family: "FontAwesome"; color: #fff; line-height: 1.2;}
.green-buttons .button-group a:hover, .green-buttons .button-group a:focus {color: #000; background: #97b137; text-decoration: none;}

.col-news_highlights .col-md-6:not(.news-highlights-list) {display:flex; align-items: center; }
.col-news_highlights .news-highlights-title h2 {margin-top: 2rem; }
.news-link-block {color: #000; text-decoration: none;}
.news-link-block:hover, .news-link-block:focus {text-decoration: underline; color: #000;}
.news-highlight-container {padding: 15px; background: var(--light-blue-bg); border-radius: var(--border-radius);}
.news-link-block:hover .news-highlight-container {background: var(--light-blue); }
.news-highlight-img {margin-bottom: 15px; border-radius: var(--border-radius);} 
.news-highlight-img img {width: 100%;border-radius: var(--border-radius);}
.news-highlight-title h3 {color: #000; text-decoration: none;}
.news-link-block:hover .news-highlight-date, .news-link-block:focus .news-highlight-date {text-decoration:none !important;}
.news-highlight-date {margin: 10px 0 !important; text-decoration:none !important;}
.news-highlight-link a {text-decoration: none; color: var(--blue); padding-right: 20px; position: relative;}
.news-highlight-link a:hover,
.news-highlight-link a:focus,
.news-highlight-link a:active {color: var(--burgundy);}
.news-highlight-link a::after {position: absolute; right: 5px; top: 0; content: "\f105"; font-family: "FontAwesome"; color: #000; line-height: 1.3;}

.news-highlight-list-title :is(h2, h3), .news-highlight-list-title :is(h2, h3) > a {color: #000; font-weight: 700; font-size: 1.063rem; text-decoration:none; margin-bottom: 0;font-family: 'Rubik', sans-serif; font-weight: 700; }
.news-highlight-list-title a:hover,
.news-highlight-list-title a:focus,
.news-highlight-list-title a:active {color: var(--burgundy); text-decoration:underline;}
.news-highlight-list-date {margin: 5px 0 15px !important;}

.archive-news h2.archive-title {margin-top: 0; font-family: 'Rubik', sans-serif; color: var(--blue); font-weight: 700;text-decoration: none; margin-bottom: 0; font-size: 1.3rem !important; padding: 0 !important;}
.archive-news .archive-date {color: #212529;}
.archive-news h2.archive-title-list {font-family: 'Rubik', sans-serif; color: var(--blue); font-weight: 700;text-decoration: none;}
.news-highlight-archive-link a {text-decoration: none; color: #fff; background: var(--burgundy); border-radius: 32px; text-decoration: none; padding: 10px 35px 10px 25px; font-size: 1.25rem; font-weight: 700; letter-spacing: 1%; line-height: 1.3; position: relative; margin-top: 20px; display: inline-block; }
.news-highlight-archive-link a:hover, .news-highlight-archive-link a:focus {background: var(--pink); color: var(--burgundy);}
.news-highlight-archive-link a::after {position: absolute; right: 16px; top: 10px; content: "\f105"; font-family: "FontAwesome"; color: #fff; line-height: 1.3;}
.news-highlight-archive-link a:is(:hover, :focus, :active)::after {color: var(--burgundy);}

.single-news .post-title-container {padding-top: 30px;}
body:is(.single-events, .single-news) .rsbtn {margin-bottom: 0; }
.single-news-highlights .col-news_highlights {border-top: 4px solid #0033A0; padding-top: 40px;}
.static-content:has(#go-back[style="display:none;"]) { display:none; }

.single-events .post-title-container {padding-top: 30px;}
.single-events .col-event_information {padding: 30px; background: var(--orange-bg);border-radius: 20px; margin-bottom: 30px;}
.single-events .col-event_information ul {margin-top: 0 !important;}
.single-events .col-event_information .event-dates > ul > li::before {display: none;}
.single-events .col-event_information .event-location {font-weight: 700; margin-top: 15px; }
.single-events .col-event_information .event-location::before {display: none;}
.single-events .col-event_information .event-link a {margin-top: 15px; display: inline-block; padding: 10px 35px 10px 25px; font-size: 1.25rem; font-weight: 700; letter-spacing: 1%; line-height: 1.3; border-radius:32px; background: var(--burgundy); color: #fff; position: relative; text-decoration: none; }
.single-events .col-event_information .event-link a::before {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); margin: 0;}
.single-events .col-event_information .event-link a:hover, .single-events .col-event_information .event-link a:focus {background: var(--pink); color: var(--burgundy);}

.events-highlights-info {position: relative;}
.events-highlights-link {text-align: center; padding-top: 30px;}
.events-highlights-link a {text-decoration: none; color: #fff; background: var(--burgundy); font-weight: 400; padding: 10px 35px 10px 25px; font-size: 1.25rem; font-weight: 700; letter-spacing: 1%; line-height: 1.3; border-radius:32px; position:relative; display: inline-block; border-radius: 32px;}
.events-highlights-link a::after {content:""; position: absolute;right: 16px; top: 50%;transform: translateY(-50%);content: "\f105";	font-family: "FontAwesome";	color: #fff; line-height: 1.3;}
.events-highlights-link a:hover,
.events-highlights-link a:focus,
.events-highlights-link a:active {background: var(--pink); color: var(--burgundy);}
.events-highlights-link a:is(:hover, :focus, :active)::after {color: var(--burgundy);}

.events-highlights-link a:hover, .events-highlights-link a:focus {background: var(--pink); color: var(--burgundy);}

.single-events .bottom-links {margin-top: 0; }

.events-highlight-container {overflow: hidden;}
/*.events-highlight-inner {height: 100%;}*/
.events-highlight-container a {text-decoration: none; display: block; padding: 15px; margin: 0 -15px; height: 100%;}
.events-highlight-ingress {color: #000; text-decoration: none;}
.events-highlight-title {text-decoration: underline; color: #000; color: var(--blue); font-family: 'Rubik', sans-serif;font-weight: 700;}
.events-highlight-title :is(h2, h3, h4)  {margin-top: 0; font-size: 1.25rem; margin:1rem 0 0.75rem 0;}
.events-highlight-date {padding: 10px 0;color: #000;}
.events-highlight-readmore span {text-decoration: none;  color: var(--blue); text-decoration: underline; padding-right: 20px; position: relative;}
.events-highlight-readmore span::after {position: absolute; right: 5px; top: 0; content: "\f105"; font-family: "FontAwesome"; color: #000;}
/*
.events-highlight-container a:hover, .events-highlight-container a:focus {background: #1C326F; color: #fff;}
.events-highlight-container a:hover .events-highlight-title, .events-highlight-container a:focus .events-highlight-title {color: #fff;}
.events-highlight-container a:hover .events-highlight-ingress, .events-highlight-container a:focus .events-highlight-ingress {color: #fff;}
.events-highlight-container a:hover .events-highlight-date, .events-highlight-container a:focus .events-highlight-date {color: #fff;}
.events-highlight-container a:hover .events-highlight-readmore span, .events-highlight-container a:focus .events-highlight-readmore span {color: #fff;}
.events-highlight-container a:hover .events-highlight-readmore span::after, .events-highlight-container a:focus .events-highlight-readmore span::after {color: #fff;}
*/
.events-highlights-info h2 { margin: 15px 0;}
.events-highlights-info {padding-bottom: 15px;}
.events-highlight-img {position: relative; height: 0; padding-bottom: 66.666%; border-radius: 20px; overflow: hidden; }
.events-highlight-img > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.hl-category {position: absolute; bottom: 0; left: 0; padding: 10px 15px; width: 100%; color: #fff; background: var(--burgundy);}
.hl-category .hl-category-inner {position: relative; padding-left: 30px;}
.hl-category .hl-category-icon {display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px;}
.hl-category::after {content: ""; position: absolute; top: -40px; right: 0; width: 39px; height: 42px; background: url('img/category-burgundy.svg') center center no-repeat; background-size: contain;}
.events-highlight-container {margin-bottom: 30px;}
.events-highlight-container a {padding: 0; margin: 0;}
.events-highlight-container a:hover, .single-events .events-highlight-container a:focus {color: var(--burgundy); /*background: #fff;*/ text-decoration: none;}
.events-highlight-title {text-decoration: none; color: #000;}
.events-highlight-container a:hover .events-highlight-title, .events-highlight-container a:focus .events-highlight-title {color: var(--burgundy); text-decoration: underline;}
.events-highlight-container a:hover .events-highlight-date, .events-highlight-container a:focus .events-highlight-date {color: #000; text-decoration: none;}

.some-feed-title {margin-bottom: 15px;}
.col-facebook_smashballoon, .col-twitter_smashballoon, .col-instagram_smashballoon {margin-bottom: 30px;}
.col-facebook_smashballoon .some-feed-title {margin-bottom: 25px;}

#cff .cff-author .cff-date, #cff-lightbox-wrapper .cff-author .cff-date, #sb_instagram .sbi_caption {color:#212529 !important; }

#cff .cff-load-more {display: block !important; transition: none !important; float: none !important; position: static !important; width: 200px !important; margin: 20px auto !important; background: var(--blue) !important; color: #fff !important; border-radius: 32px !important; padding: 10px 30px !important; font-weight: 700 !important; font-size: 1.25rem !important; letter-spacing:1%;}
#cff .cff-load-more:hover, #cff .cff-load-more:focus {background: #335CB3 !important; color: #fff !important;}

#ctf #ctf-more {transition: none !important; float: none !important; position: static !important; width: 200px !important; margin: 20px auto !important; background: var(--blue) !important; color: #fff !important; border-radius: 32px !important; padding: 10px 30px !important;}
#ctf #ctf-more:hover, #ctf #ctf-more:focus {background: #335CB3 !important; color: #fff !important;}

#sb_instagram .sbi_follow_btn a {font-weight: 700 !important; font-size: 1.25rem !important; letter-spacing:1%; transition: none !important; float: none !important; position: static !important; background: var(--blue) !important; color: #fff !important; border-radius: 32px !important; padding: 10px 30px !important;}
#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus {background: #335CB3 !important; color: #fff !important; box-shadow: none !important;}

#sb_instagram #sbi_load .sbi_load_btn {font-weight: 700 !important; font-size: 1.25rem !important; letter-spacing:1%; transition: none !important; float: none !important; position: static !important; background: var(--blue) !important; color: #fff !important; border-radius: 32px !important; padding: 10px 30px !important;}
#sb_instagram #sbi_load .sbi_load_btn:hover, #sb_instagram #sbi_load .sbi_load_btn:focus {background: #335CB3 !important; color: #fff !important; box-shadow: none !important;}

.search-results-container .search-result {padding-top: 30px; padding-bottom: 30px !important;}
.search-results-container .search-result h3 {margin-top: 5px;}

.topbar .searchform-2 > .searchresults {top: 64px; right: 15px; background: #f5f5f5;}

blockquote {background: #edf6ff; padding: 15px; border-left: 2px solid #ffcd69;}

.content-highlight {margin-bottom: 30px;}
.col-content_highlights .content-highlight-container {text-decoration: none; box-shadow: none !important; background: #F2F2F2; height: 100%; position: relative; border-radius: 20px; padding: 30px 25px 25px 25px; color:#000;}
.col-content_highlights.hl-with-icon .content-highlight-container {box-shadow: none !important; background: #F2F2F2; height: 100%; position: relative; padding-top: 70px;}
.col-content_highlights.hl-with-icon .content-highlight-container img {position: absolute; top: 40px; left: 25px;}
.col-content_highlights.hl-with-icon a.content-highlight-container:hover img, .col-content_highlights.hl-with-icon .content-highlight-container:focus img { filter:brightness(100); }
.col-content_highlights:not(.hl-with-icon) .content-highlight-container img { border-radius:20px;}
.col-content_highlights .content-highlight-inner {text-align: left !important; background: none !important; padding: 15px 0 0 !important; }
.col-content_highlights a.content-highlight-container:hover, .col-content_highlights .content-highlight-container:focus {background: var(--pink); color: var(--burgundy);}
.content-highlight-link {color: #000; text-decoration: underline; padding-right: 20px; position: relative; margin-top: 10px; display: inline-block; text-decoration: none;}
.content-highlight-link::after {position: absolute; right: 5px; top: 0; content: "\f105"; font-family: "FontAwesome"; color: #000;}
.col-content_highlights a.content-highlight-container:hover .content-highlight-link, .col-content_highlights .content-highlight-container:focus .content-highlight-link {color: var(--burgundy);}
.col-content_highlights a.content-highlight-container:hover .content-highlight-link::after, .col-content_highlights .content-highlight-container:focus .content-highlight-link::after {color: var(--burgundy);}
.col-content_highlights .row-highlights {padding-top: 30px;}
.col-content_highlights .content-highlight-inner :is(h2, h3) {margin-top: 0; font-size: 1.45rem; font-family: 'Rubik', sans-serif; font-weight: 700;}
.no-radius .col-content_highlights .content-highlight-container img {border-radius: 0; }

/*Värilliset nostot*/

.col-content_highlights.burgundy-highlights .content-highlight-container {box-shadow: none !important; background: var(--burgundy); height: 100%; position: relative;}
.col-content_highlights.burgundy-highlights .content-highlight-container .content-highlight-inner h2 {color: var(--pink);}
.col-content_highlights.burgundy-highlights .content-highlight-container img {position: static;}
.col-content_highlights.burgundy-highlights a.content-highlight-container:hover img, .col-content_highlights.burgundy-highlights .content-highlight-container:focus img, .col-content_highlights.burgundy-highlights .content-highlight-container:active img { filter:brightness(100); }
.col-content_highlights.burgundy-highlights .content-highlight-container img {padding: 0;}
.col-content_highlights.burgundy-highlights a.content-highlight-container:hover img, .col-content_highlights.burgundy-highlights .content-highlight-container:focus img { filter:unset !important;}
.col-content_highlights.burgundy-highlights a.content-highlight-container .content-highlight-link {color: var(--pink);}
.col-content_highlights.burgundy-highlights a.content-highlight-container .content-highlight-link::after {color: var(--pink);}
.col-content_highlights.burgundy-highlights a.content-highlight-container .content-highlight-inner .ingress {color: var(--pink);}
.col-content_highlights.burgundy-highlights .content-highlight-container .content-highlight-inner .ingress {color: var(--pink);}
.col-content_highlights.burgundy-highlights a.content-highlight-container:is(:hover, :focus, :active) .content-highlight-inner h2 {color: var(--burgundy);}
.col-content_highlights.burgundy-highlights a.content-highlight-container:is(:hover, :focus, :active) .content-highlight-inner .ingress {color: var(--burgundy);}
.col-content_highlights.burgundy-highlights a.content-highlight-container:is(:hover, :focus, :active) .content-highlight-link {color: var(--burgundy);}
.col-content_highlights.burgundy-highlights a.content-highlight-container:is(:hover, :focus, :active) .content-highlight-link::after {color: var(--burgundy);}

.col-content_highlights.light-blue-highlights .content-highlight-container {box-shadow: none !important; background: var(--light-blue); height: 100%; position: relative;}
.col-content_highlights.light-blue-highlights .content-highlight-container img {position: static;}
.col-content_highlights.light-blue-highlights a.content-highlight-container:hover img, .col-content_highlights.light-blue-highlights .content-highlight-container:focus img, .col-content_highlights.light-blue-highlights .content-highlight-container:active img { filter:brightness(100); }
.col-content_highlights.light-blue-highlights .content-highlight-container img {padding: 0;}
.col-content_highlights.light-blue-highlights a.content-highlight-container:hover img, .col-content_highlights.light-blue-highlights .content-highlight-container:focus img { filter:unset !important;}

.col-content_highlights.yellow-highlights .content-highlight-container {box-shadow: none !important; background: var(--yellow); height: 100%; position: relative;}
.col-content_highlights.yellow-highlights .content-highlight-container img {position: static;}
.col-content_highlights.yellow-highlights a.content-highlight-container:hover img, .col-content_highlights.orange-highlights .content-highlight-container:focus img, .col-content_highlights.light-blue-highlights .content-highlight-container:active img { filter:brightness(100); }
.col-content_highlights.yellow-highlights .content-highlight-container img {padding: 0;}
.col-content_highlights.yellow-highlights a.content-highlight-container:hover img, .col-content_highlights.orange-highlights .content-highlight-container:focus img { filter:unset !important;}

.col-content_highlights.pink-highlights .content-highlight-container {box-shadow: none !important; background: var(--pink); height: 100%; position: relative;}
.col-content_highlights.pink-highlights .content-highlight-container img {position: static;}
.col-content_highlights.pink-highlights a.content-highlight-container:hover img, .col-content_highlights.pink-highlights .content-highlight-container:focus img, .col-content_highlights.light-blue-highlights .content-highlight-container:active img { filter:brightness(100); }
.col-content_highlights.pink-highlights .content-highlight-container img {padding: 0;}
.col-content_highlights.pink-highlights a.content-highlight-container:hover img, .col-content_highlights.pink-highlights .content-highlight-container:focus img { filter:unset !important;}
.col-content_highlights.pink-highlights a.content-highlight-container:hover, .col-content_highlights.pink-highlights .content-highlight-container:focus {background: var(--burgundy); color: var(--pink);}
.col-content_highlights.pink-highlights a.content-highlight-container:hover .content-highlight-link, .col-content_highlights .content-highlight-container:focus .content-highlight-link {color: var(--burgundy);}
.col-content_highlights.pink-highlights a.content-highlight-container:hover .content-highlight-link::after, .col-content_highlights .content-highlight-container:focus .content-highlight-link::after {color: var(--burgundy);}


.col-content_highlights.light-green-highlights .content-highlight-container {box-shadow: none !important; background: var(--light-green); height: 100%; position: relative;}
.col-content_highlights.light-green-highlights .content-highlight-container img {position: static;}
.col-content_highlights.light-green-highlights a.content-highlight-container:hover img, .col-content_highlights.green-highlights .content-highlight-container:focus img, .col-content_highlights.light-blue-highlights .content-highlight-container:active img { filter:brightness(100); }
.col-content_highlights.light-green-highlights .content-highlight-container img {padding: 0;}
.col-content_highlights.light-green-highlights a.content-highlight-container:hover img, .col-content_highlights.green-highlights .content-highlight-container:focus img { filter:unset !important;}

.col-content_highlight.white-highlights .content-highlight-container {box-shadow: none !important; background: #fff; height: 100%; position: relative;}
.col-content_highlight.white-highlights .content-highlight-container img {position: static;}
.col-content_highlight.white-highlights a.content-highlight-container:hover img, .col-content_highlights.white-highlights .content-highlight-container:focus img, .col-content_highlights.light-blue-highlights .content-highlight-container:active img { filter:brightness(100); }
.col-content_highlights.white-highlights .content-highlight-container img {padding: 0;}
.col-content_highlights.white-highlights a.content-highlight-container:hover img, .col-content_highlights.white-highlights .content-highlight-container:focus img { filter:unset !important;}

.person-highlight {margin-bottom: 30px;}
.person-highlight .person-info ul {padding: 0; margin: 0; list-style: none; font-size: 0.9rem;}
.person-highlight .person-additional-info {font-style: italic; font-size: 0.9rem; margin: 0;}
.person-highlight .person-additional-info p {margin: 0;}

.col-persons_highlights .table-search {padding-bottom: 15px; width: 50%; display: inline-block; position:relative;}
.col-persons_highlights .table-search > input {border-radius: 20px;border: 1px solid #000; width:100%; max-width:100%;}
.col-persons_highlights .table-search i {position:absolute; right: 12px; top: 5px; }
.col-persons_highlights .filter-reset {padding-bottom: 15px; width: 50%; display: inline-block; text-align: right;}
.col-persons_highlights .filter-reset button {padding: 10px 30px; color: #fff; background: var(--blue); border: none; box-shadow: none; border-radius: 20px; font-weight: 700; letter-spacing: 1%;}
.col-persons_highlights .filter-reset button:hover, .col-persons_highlights .filter-reset button:focus {background: #335CB3; cursor: pointer;}

.col-persons_highlights table thead tr {background: var(--blue); color: #fff;}
.col-persons_highlights table th {border-collapse: collapse; padding: 5px 10px;}
.col-persons_highlights table tbody tr:nth-child(even) {background: #edf6ff;}
.col-persons_highlights table td {border-collapse: collapse; padding: 10px; min-width: 20%;}
.col-persons_highlights table td > p {margin-bottom: 0; }
.col-persons_highlights table td ul {padding: 0; margin: 0; list-style: none;}
.col-persons_highlights .persons-highlights-table .table-responsive > table {min-width: 100%; }

.filelist-link-block {text-decoration: none;}
.filelist-item {margin-bottom: 15px;}
.filelist-item-wrapper {position: relative; padding: 15px 130px 15px 15px; background: #f5f5f5; height: 100%; display: flex; align-items: center; min-height: 60px;}
.filelist-item-title {font-weight: 600; padding-left: 15px; text-decoration: none;}
.filelist-item-title a {text-decoration: none;}
.filelist-item-download {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: block; }
.filelist-item-download span {width: 100px; display: block; padding: 10px 15px; color: #fff; background: var(--blue); text-align: center; text-decoration: none;}
.filelist-link-block:hover .filelist-item-download span, .filelist-link-block:focus .filelist-item-download span {background: #335CB3;}
.filelist-icon {padding: 0 !important; height: auto !important;}
.filelist-icon > .fa {font-size: 60px !important; position: static !important; transform: none !important;}
.filelist-item-info {position: absolute; right: 15px; top: 0;}
.filelist-icon span { font-weight: bold; font-size: 20px; position: absolute; top: calc(50% + 10px); left: 50%; transform: translateX(-50%) translateY(-50%); }

.frm_style_formidable-style.with_frm_style .frm_submit button {background: var(--blue); color: #fff;text-decoration: none;	padding: 10px 30px;	position: relative;	margin: 0 5px 10px;	display: inline-block;	border-radius: 32px;}
.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 {color: #fff;	background: #335CB3;}

.bottom-links[data-wpr-lazyrender] {content-visibility: unset;}
.bottom-links {background: var(--blue); position:relative; margin-top:280px; padding:40px 0 !important;}
.bottom-links::after {content: ""; position: absolute;top: -270px;right: 0px;width: 100%;height: 580px; background: url("img/footer-element.svg") center center no-repeat; background-size: auto;background-size: 101%; z-index:0; pointer-events:none; }
.bottom-links .button-group {display:flex !important; justify-content:center; column-gap: 42px;}
.bottom-links .button-group a {z-index:1; position:relative; text-decoration: none; padding: 10px 12px; background: none; color: #fff; border-radius: 5px; margin: 0 5px 10px; font-size: 1rem; display: inline-block; text-transform: uppercase; text-align:center; font-weight: 400; letter-spacing: 0; }
.bottom-links .button-group a:hover, .bottom-links .button-group a:focus {color: #fff; text-decoration:underline;}
.bottom-links .button-group a::after {display: none;}

.static-content .with_frm_style .frm_radio label, .static-content .with_frm_style .frm_checkbox label {font-size: 1rem;}
.static-content .with_frm_style .frm_primary_label {font-size: 1rem; padding-bottom: 15px;}

.col-share_buttons {display:inline-block; padding: 25px 0 10px; width: 100%; text-align: center;}
.col-share_buttons .share-button-label {padding-right: 8px;}
.col-share_buttons .share-buttons-container ul {display:inline; }
.col-share_buttons .share-buttons-container ul > li > a i {font-size: 1.5rem; color:#000; opacity: 0.7;}
.col-share_buttons .share-buttons-container ul > li > a:hover i, .col-share_buttons .share-buttons-container ul > li > a:focus i {color:var(--blue); opacity: 1;}
.col-share_buttons .share-buttons-container > ul > li {vertical-align: middle; padding: 0 8px; }

.col-md-6:has(.col-most_popular) {display:flex; flex-direction: column;	justify-content: center;}
.col-most_popular > ul {list-style:none; padding-left: 0; }
.col-most_popular > ul li:not(:last-child) {margin-bottom: 25px; }
.col-most_popular > ul li > div {margin-bottom: 10px; font-size: 1.063rem; }
.col-most_popular > ul li > a {font-size: 1.063rem; text-decoration:none; }
.col-most_popular+.col-button_group {margin-top:25px;}
.content-12 .col-most_popular > ul {display:flex; flex-wrap:wrap; column-gap:20px;}
.content-12 .col-most_popular > ul li {width:calc(50% - 10px) }

body:has(#post-content-window[style="opacity: 1; display: flex;"]) { overflow: hidden; }
#post-content-window { position: fixed; top:0; left:0; width: 100%; height: 100%; z-index:12000; align-items: center; justify-content: center; }
#post-content-window > .post-content { background-color: #fff; padding: 20px; border-radius: 20px; position: relative; z-index: 2; max-width: 90vw; max-height: 90vh; width: 950px; overflow-y: auto; }
#post-content-window > .post-content-cover { background-color: #000; opacity: 0.15; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; }
#post-content-window > .post-content .post-title { text-align: center; color: #000; font-size: 2.75rem; margin:3rem 0 1rem; }
#post-content-window > .post-content .post-date { text-align: center; font-size: 1.25rem; margin: 1rem 0 0; }
#post-content-window > .post-content .post-location { text-align: center; font-size: 1.25rem; margin: 1rem 0 0; }
#post-content-window > .post-content img { display: block; margin: 2rem auto 1rem; border-radius: 20px;}
#post-content-window > .post-content .post-link { font-weight: 600; margin: 1.5rem 0 1rem; }
#post-content-window > .post-content .post-content-window-close { position: absolute; top: 20px; right: 20px; border:0; background: 0; outline: 0; appearance: none; cursor: pointer; color: #000; padding: 4px 10px; }
#post-content-window > .post-content .post-content-window-close::before {content:"\f00d"; font-family:"fontawesome"; margin-right:6px;}
#post-content-window > .post-content .post-content-window-close:is(:hover, :focus) {color:var(--burgundy);}

.site-search {margin-top: 20px;}
.site-search input {border: 1px solid var(--blue); border-radius: 20px;	height: 34px; width: 100%; max-width: 100%; position:relative; padding-left: 45px; font-style:italic; color: #919191; font-size: 1rem;}
.site-search button {position:absolute; left: 20px; width: 40px; height: 34px;  background:transparent; border:none;}
.site-search button::after {color: #0033A0;font-family: "FontAwesome"; content: "\f002";}
.site-search .searchresults .searchresults-inner {display: inline-flex; flex-direction: column;	padding: 10px 20px;}
.site-search .searchresults .searchresults-inner a {margin-bottom: 8px;}
.static-content.search-site {padding-top: 80px; }
.static-content.search-site .col-image > img {width: 100%; height:auto; }

.alasivu .gray-content.static-content {margin-top:60px; }
.alasivu .gray-content.static-content+.bottom-links {margin-top: 0; }

footer.footer-container {background-color: var(--burgundy); color:#fff;}
footer.footer-container .icon-x::after {content:""; background:url("img/x.svg"); height: 19px; width: 20px;	display: inline-block;	background-repeat: no-repeat; background-size: cover;}

.col-text p a:not([href^="https://lapua"]):not([href^="http://lapua"]):not([href^="mailto:"]):not([href^="tel:"]) {display: inline; }
.col-text p a:not([href^="https://lapua"]):not([href^="http://lapua"]):not([href^="mailto:"]):not([href^="tel:"])::after { content: " \f08e"; font-family: "FontAwesome"; position:inline-block; }
.content-6_6 .col-text h2:first-child {margin-top: 0;}

body.contrast #mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
body.contrast #mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
body.contrast #mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {border-color:#000;}
body.contrast #mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link:hover,
body.contrast #mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link:focus,
body.contrast #mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link:active {border-color:#000;}
body.etusivu.contrast .banner-container .carousel-caption {background: #000; }
body.etusivu.contrast .banner-container .carousel-caption a {  color: #000; background: #fff; }
body.etusivu.contrast .banner-container .carousel-caption h1, body.etusivu.contrast .banner-container .carousel-caption h2 {color:#fff !important;}
body.contrast .topbar-container .topbar .searchform-2 > form { border-color:#000; }
body.contrast .topbar .searchform-2 > form > button[type="submit"]::after { color:#000; }
body.contrast .banner-container .carousel-caption {  color: #fff;}
body.contrast .banner-container .carousel-caption > a {  color: #000; background: #fff;}
body.contrast .banner-container .banner-text-blue .carousel-caption > .banner-crumbtrail span a,
body.contrast .banner-container .banner-text-blue .carousel-caption > .banner-crumbtrail span,
body.contrast .banner-container .carousel-caption > .banner-crumbtrail span,
body.contrast .banner-container .carousel-caption > .banner-crumbtrail span a {color:#fff; }
body.contrast .banner-container .carousel-caption .subtitle {  color: #fff;}
body.contrast .button-group a.green::after {  color: #fff;}
body.contrast .green-buttons .button-group a::after {  color: #000;}
body.contrast .news-highlight-title :is(h2, h3) { font-weight: 700; color: #000;}
body.contrast .bottom-links {background: #333;}
body.contrast .footer-container {background: #000 !important;}
body.contrast .col-content_highlights .content-highlight-container:hover, body.contrast .col-content_highlights .content-highlight-container:focus {background: #000; color: #fff;}
body.contrast:not(.home) .banner-container .carousel-caption h1, body.contrast:not(.home) .banner-container .carousel-caption h2 {color: #fff;}
body.contrast:not(.etusivu) .banner-container .carousel-caption {background: #000;}
body.contrast a {color: #000;}
body.contrast .col-relational_navigation .menu-sidenavi-container a {color: #000;}
body.contrast .crumbtrail-container {color: #000;}
body.contrast .topbar .navbar-top a {color: #000;}
body.contrast .topbar-buttons .topbar-contrast a {color: #000;}
body.contrast .topbar-buttons {color: #000;}
body.contrast .topbar-textsize .textsize-bigger, body.contrast .topbar-textsize .textsize-smaller {color: #000;}
body.contrast #mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link {color: #000 !important;}
body.contrast #mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {background: #000 !important;}
body.contrast .content-highlight-link {color: #000;}
body.contrast .col-content_highlights .content-highlight-container:hover .content-highlight-link, body.contrast .col-content_highlights .content-highlight-container:focus .content-highlight-link {color: #fff;}
body.contrast .button-group a {background: #000; color: #fff;}
body.contrast .button-group a:hover, body.contrast .button-group a:focus {background: #333; color: #fff;}
body.contrast .bottom-links .button-group a:hover, body.contrast .bottom-links .button-group a:focus {color: #fff; background: #000; text-decoration: none;}
body.contrast blockquote {background: #fff; border-left: 2px solid #000;}
body.contrast .filelist-item-download a {background: #000; color: #fff;}
body.contrast .navigation-languages a {color: #000 !important;}
body.contrast .news-highlight-archive-link a {color: #fff; background: #000;}
body.contrast .news-highlight-archive-link a:hover, body.contrast .news-highlight-archive-link a:focus {background: #333;}
body.contrast .events-highlight-title {color: #000;}
body.contrast .events-highlight-readmore span {color: #000;}
body.contrast .events-highlight-inner a:hover, body.contrast .events-highlight-inner a:focus {background: #000;}
body.contrast .events-highlights-link a {color: #fff; background: #000;}
body.contrast .events-highlights-link a:hover, body.contrast .events-highlights-link a:focus {background: #333;}
body.contrast .news-highlight-container {background: #f5f5f5;}
body.contrast .news-link-block:hover .news-highlight-container, body.contrast .news-link-block:focus .news-highlight-container {background: #000;}
body.contrast .news-link-block:hover, body.contrast .news-link-block:focus {color: #fff;}
body.contrast .news-link-block:hover .news-highlight-title h3, body.contrast .news-link-block:focus .news-highlight-title h3 {color: #fff;}
body.contrast img {filter:grayscale(100%);}
body.contrast #cff .cff-load-more {background: #000 !important; color: #fff !important; }
body.contrast #cff .cff-load-more:hover, body.contrast #cff .cff-load-more:focus {background: #333 !important; color: #fff !important;}
body.contrast #ctf #ctf-more { background: #000 !important; color: #fff !important;}
body.contrast #ctf #ctf-more:hover {background: #333 !important; color: #fff !important;}
body.contrast #sb_instagram .sbi_follow_btn a {background: #000 !important; color: #fff !important; }
body.contrast #sb_instagram .sbi_follow_btn a:hover, body.contrast #sb_instagram .sbi_follow_btn a:focus {background: #333 !important; color: #fff !important;}
body.contrast #sb_instagram #sbi_load .sbi_load_btn {background: #000 !important; color: #fff !important; }
body.contrast #sb_instagram #sbi_load .sbi_load_btn:hover {background: #333 !important; color: #fff !important;}
body.contrast .col-relational_navigation > nav > .menu-sidenavi-container .current-menu-item > a {color: #fff; background: #000 !important;}
body.contrast .col-relational_navigation > nav > .menu-sidenavi-container li > a:is(:hover,:focus) {color: #fff; background: #000 !important;}
body.contrast .bottom-links::after {filter:brightness(0);}
body.contrast .newsletter-form input[type="submit"] {background-color:#000;}
body.contrast .newsletter-form input[type="email"], body.contrast .site-search input {border-color:#000;}
body.contrast .site-search button::after {color:#000;}
body.contrast .footer-some-icons > li > a > .fa {color:#fff;}
body.contrast div.banner-container > div .owl-carousel-arrow {background-color:#000; }
body.contrast .topbar .searchform-2 > form > input[type="text"],
body.contrast .site-search input {color:#000;}

.content-gallery .col-filelist .filelist-item-inner { display: flex;background: #f5f7fa; height: 100%;}
.content-gallery .col-filelist .filelist-item-download { top: auto !important; transform: none !important; right: 30px !important; bottom: 15px; }
.content-gallery .col-filelist .filelist-item-download a { width: 100px;display: block;padding: 10px 15px;color: #fff;background: var(--blue);text-align: center;text-decoration: none; }
.content-gallery .col-filelist .filelist-item-download a:hover { background: #335CB3; }
.content-gallery .col-filelist .filelist-icon img { position: static;top: 0;left: 0;width: 100%;height: 100%; object-fit: cover; }
.content-gallery .col-filelist .filelist-item-info { position: relative; right: auto; }
.content-gallery .col-filelist .filelist-item-title { padding-left: 0; }

.col-gallery .gallery-main-image img {border-radius: 20px;}


/* Uutiskirje */
.newsletter-form label:first-child { margin-right:15px; }
.newsletter-form input[name="subscribePermission"] { margin-right:10px; }
.newsletter-form input[type="email"] { color:#444444; border:1px solid var(--blue); outline:0; padding:6px 10px; border-radius: 32px;}
.newsletter-form input[type="email"]:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102,175,233, 0.6); }
.newsletter-form input[type="submit"] { font-size: 1rem; padding: 6px 16px; background: var(--blue); border-radius:var(--border-radius); border-width: 1px; border-color: var(--blue); border-style: solid; color: #ffffff; }
.newsletter-form input[type="submit"]:hover, .newsletter-form input[type="submit"]:focus { background: #335CB3; border-color: #335CB3; color: #fff; }



@media (min-width:1200px) {
	.topbar { position: relative; display: flex; align-items: center; }
	.topbar-container > .container > .topbar > .navbar-top { margin-left:auto !important; position:static; }
	.topbar-container .topbar .navigation-languages { position:relative !important; top: auto; left:auto; right:auto; margin-left: 10px; }
	.topbar-container .topbar .topbar-buttons { position:static; }
	.topbar-container .topbar .searchform-2 { position:static; border:0; margin-left: 15px; }
	.topbar-container .topbar .searchform-2 > form { border: 1px solid #0033A0; height: 36px; }
	.topbar-buttons .topbar-textsize > button { line-height:22px; }
	body:where(.home, .subpages-main) .banner-container .carousel-caption {max-width: 800px;}
	body:where(.alasivu,.hyte) .banner-container .carousel-caption {max-width: 50%;}
	#mega-menu-wrap-navigation-menu ul#mega-menu-navigation-menu > li.mega-menu-item:not(.mega-hide-on-desktop):not(.mega-wpml-ls-item) { display:inline-flex; align-items: center; }
	#mega-menu-wrap-navigation-menu ul#mega-menu-navigation-menu > li.mega-menu-item:not(:first-child)::before { content:""; display:block; height:60%; position:absolute; left:0; top: 20%; border-left: 1px solid #DBDBDB; z-index:2; }
	#mega-menu-wrap-navigation-menu ul#mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link { display: flex; align-items: center; height:100% !important; text-transform:none; }
	#mega-menu-wrap-navigation-menu ul#mega-menu-navigation-menu > li.mega-menu-item-has-children > a > .mega-indicator { position:relative !important; bottom: auto !important; right: auto !important; }
	#mega-menu-wrap-navigation-menu ul#mega-menu-navigation-menu > li.mega-menu-flyout ul.mega-sub-menu { top:100%; }
}

@media (min-width: 1921px) {
	/*body.etusivu .banner-container .carousel-caption .description, body.etusivu .banner-container .carousel-caption h1, body.etusivu .banner-container .carousel-caption h2 {max-width: 60%;}*/
}

@media (max-width: 1599px) {
	/*body.etusivu .banner-container .carousel-caption {padding: 50px;}*/
}

@media (max-width: 1399px) {
	/*body.etusivu .banner-container .carousel-caption {padding: 30px; top: 30px; bottom: 30px;}*/
}

@media (max-width: 1199px) {
	.topbar .navbar-top {top: 9px; right: 300px;}
	.navbar-brand {padding-top: 15px !important;}
	.topbar {min-height: 96px;}
	.navigation-container #mega-menu-wrap-navigation-menu #mega-menu-navigation-menu {display: none;}
	.navigation-container #mega-menu-wrap-navigation-menu {width: 100%;}
	.col-button_group > .button-group {display: block;}
	body.etusivu .banner-container .owl-carousel .owl-item::after {display: none;}
	/*body.etusivu .banner-container .carousel-caption {padding: 30px; top: 0; bottom: 0; left: 0; right: 0 !important; background: rgba(32,104,172,0.8);}*/
	#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item-has-children > a > .mega-indicator {bottom: 10px !important; right: 10px !important;}
	#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-item > a.mega-menu-link {padding: 10px;}
	
	#mega-menu-wrap-navigation-menu ul#mega-menu-navigation-menu > li.mega-menu-item.mega-wpml-ls-item { display:block; }
	
	#mega-menu-wrap-navigation-menu ul#mega-menu-navigation-menu > li.mega-menu-item.mega-wpml-ls-item > a { display:none; }
	#mega-menu-wrap-navigation-menu ul#mega-menu-navigation-menu > li.mega-menu-item.mega-wpml-ls-item > .mega-sub-menu { display:flex !important; }
	
	.topbar .searchform-2 { border:0 !important; }
	.navigation-container {padding-bottom:0; }
	.navbar #mega-menu-wrap-navigation-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { position: absolute; top: -60px; right: 0; height:auto; line-height: 1.25; margin-right:0; }
	.navbar #mega-menu-wrap-navigation-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label { color:var(--blue); display: flex; align-items: center; }
	.navbar #mega-menu-wrap-navigation-menu .mega-menu-toggle .mega-toggle-block-1::after { color:var(--blue); }
	.navbar #mega-menu-wrap-navigation-menu .mega-menu-toggle { height:auto; }
	
	.topbar-container .topbar .searchform-2 .search-toggle { top: 50px; bottom:auto; right:85px; color:#0033A0;}
	.topbar-container .topbar-buttons { top: 13px; right: 0; }
	
	.mobile-search form > .searchresults { margin-top:10px; }
	
	#menu-topbar { display:none !important; }
	/*.topbar .navigation-languages { display:none !important; }*/
	.topbar .navigation-languages {top: 60px; left: -2px; right: auto; display: block;}
	.topbar-container .searchform-2 { position:static; }
	.topbar-container.search-visible .searchform-2+.mobile-search {display: block; }
	.topbar-container .searchform-2 .search-toggle {display: block; position: absolute;right: 76px;top: 9px;font-size: 25px; cursor: pointer;}
	.topbar-container .mobile-search {display:block; transition: top 0.5s ease-in; }
	.topbar-container .mobile-search > form {overflow: hidden;display: block;background-color: #fff;position: absolute;right: 0;z-index: 2; width: 100%;transition: height 0.2s linear;top: 0;height: 0;transform: none;text-align: center;}
	.topbar-container.search-visible .searchform-2+.mobile-search > form {height: 100%; overflow:visible; z-index:5001;}
	.topbar-container .mobile-search > form > input {width: 400px;height: 100%;text-align: left;max-width: calc(100% - 90px);border: none;font-style: normal;font-size: 1.125rem; padding-left: 15px; }
	.topbar-container .mobile-search > form > button { border:none; background-color:#fff; vertical-align:middle; width:90px; padding:0 8px; } 
	.topbar-container .mobile-search > form > button .mobile-search-label {color:#eb5e57; }
	.topbar-container .mobile-search > form > button .mobile-search-label > .btn {color: #00417d;text-transform: uppercase;font-weight: bold; padding:0.375rem 0; }
	
	.topbar .searchform-2 > form { display:none; }

	.bottom-links {margin-top: 140px; }
}

@media (max-width: 1024px) {
	.banner-container .owl-carousel {padding-bottom:50% !important;}
}

@media (max-width: 991px) {
	body.etusivu .banner-container .owl-carousel .owl-item::after {display: none;}
	/*body.etusivu .banner-container .carousel-caption {padding: 30px; top: 0; bottom: 0; left: 0%; background: rgba(32,104,172,0.8);}*/
	.topbar-buttons {right: 0; top: 70px;}
	/*.navigation-languages {top: 74px; right: 225px;}*/
	.topbar .navbar-top {top: 9px; right: 300px;}
	.bottom-links .button-group a {width: 50%; margin: 0 0 10px !important;}
	.mobi-last {order: 12;}
	
	body.hyte .col-news_highlights .col-md-4 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

	.bottom-links .button-group {column-gap: 0; }
	.bottom-links {margin-top: 100px;}
	.bottom-links::after {top: -285px;}
}

@media (max-width: 787px) {
	/*body.etusivu .banner-container .carousel-caption {left: 15px; text-align: center; right: 15px; text-align: center;}*/
	body:where(.alasivu,.hyte) .banner-container .carousel-caption {left: 15px; text-align: center; right: 15px; text-align: center;}
	.topbar-buttons {right: 0; top: 0;}
	/*.navigation-languages {top: 4px; right: 225px;}*/
	.topbar .navigation-languages {top: 60px; left: -2px; right: auto; display: block !important;}
	.topbar .navbar-top {top: 50px; right: auto; left: 0; display: none !important;}
	.topbar .searchform-2 {top: 35px; margin: 0 !important; border: 1px solid var(--blue);}
	.filelist-item-download {right: calc(50% - 50px); top: auto; transform: translateY(0%); bottom: 15px; }
	.filelist-item-wrapper {padding: 15px 15px 75px 15px;}
	.bottom-links .button-group a {width: 100%; text-align: center;}
	
}

@media (min-width: 768px) {
    .content-gallery .col-filelist .filelist-item { margin-bottom: 30px; }
    .content-gallery .col-filelist .filelist-item-wrapper { padding: 0 !important; align-items: flex-start; }
    .content-gallery .col-filelist .filelist-icon { flex-basis: 50%;}
    .content-gallery .col-filelist .filelist-info {flex-basis: 50%; padding: 15px 15px 100px 15px; color: #000; }

}

@media(max-width: 768px) {
	.banner-container .owl-carousel {padding-bottom:100% !important;}
	.banner-container .carousel-caption {padding: 30px 30px 20px; }

	body.etusivu .banner-container .carousel-caption h1, body.etusivu .banner-container .carousel-caption h2,
	body:where(.alasivu,.hyte) .banner-container .carousel-caption h1, body:where(.alasivu,.hyte) .banner-container .carousel-caption h2 {font-size: 2rem;}
	.alasivu .banner-container .carousel-caption {padding: 20px;}

	div.banner-container > div .owl-carousel-arrow {bottom:unset; top:55%; width: 32px; height: 32px; line-height: 28px; }
	div.banner-container > div .owl-carousel-arrow > .fa {line-height:28px; }
	div.banner-container> div .owl-carousel-arrow-left {left:0;}
	div.banner-container> div .owl-carousel-arrow-right {right:0;}

}

@media (max-width: 767px) {
    .content-gallery .col-filelist .filelist-item-inner {  flex-wrap: wrap; }
    .content-gallery .col-filelist .filelist-icon { flex-basis: 100%; margin-bottom: 15px; }
    .content-gallery .col-filelist .filelist-info { flex-basis: 100%; right: 15px; padding: 0 15px 70px 15px !important; }
    .content-gallery .col-filelist .filelist-item-title { color: #000;}
    .content-gallery .col-filelist .filelist-item-download:hover { text-decoration: none; }
	.archive-events .calendar-actions {display: flex; flex-wrap: wrap;}
	.archive-events .events-searchbar {order: 1; flex-basis: 100%; margin-bottom: 15px;}
	.archive-events .calendar-toggle {order: 2; flex-basis: 100%;}
	.archive-events #datepicker {order: 3; flex-basis: 100%;}
	body.hyte .col-news_highlights .col-md-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 15px;}

	.col-md-6:has(.col-most_popular) {margin-top:40px; }
	.col-most_popular {width: 100%; }
	.content-6_6:has(.col-most_popular) .col-image > img {width: 100%; height: auto;}
}

@media (max-width: 575px) {
	.bottom-links {margin-top: 50px; }
	.banner-container .layer-image {height: 35%; }
	.banner-container .owl-carousel {min-height:540px; }
	body .banner-container .carousel-caption{font-size: 0.875rem; }
	body:where(.home, .subpages-main) .banner-container .carousel-caption {padding: 30px 25px;}
	.banner-container .carousel-caption .subtitle {line-height: 1.2; }
	body.etusivu .banner-container .carousel-caption h1, body.etusivu .banner-container .carousel-caption h2, body:not(.home) .banner-container .carousel-caption h1, body:not(.home) .banner-container .carousel-caption h2 {font-size: 1.8rem; }

	body:where(.home, .subpages-main) .banner-container .owl-carousel .owl-item > .owl-carousel-item {background-size: 100% 40% !important; background-position: top center !important; }

	.bottom-links .button-group {flex-direction:column; }

	.banner-gradient-blue::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 100%; z-index:0; background: rgb(0,51,160); background: linear-gradient(0deg, rgb(0, 51, 160) 70%, rgba(0,51,160,0) 85%);}
	.banner-gradient-light-blue::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 100%; z-index:0; background: rgb(89, 203, 232); background: linear-gradient(0deg, rgb(89, 203, 232) 70%, rgba(89, 203, 232,0) 85%);}
	.banner-gradient-orange::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 100%; z-index:0; background: rgb(255, 191, 63); background: linear-gradient(0deg, rgb(255, 191, 63) 70%, rgba(255, 191, 63,0) 85%);}
	.banner-gradient-pink::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 100%; z-index:0; background: rgb(246, 117, 153); background: linear-gradient(0deg, rgb(246, 117, 153) 70%, rgba(246, 117, 153,0) 85%);}
	.banner-gradient-green::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 100%; z-index:0; background: rgb(151, 215, 0); background: linear-gradient(0deg, rgb(151, 215, 0) 70%, rgba(151, 215, 0,0) 85%);}

	.persons-highlights-table .table-header {display:flex; flex-direction:column; }
	.col-persons_highlights .table-search {width:100%;}
	.col-persons_highlights .filter-reset {width:100%; text-align: left;}
	.col-persons_highlights .filter-reset button {width:100%; }
}

@media (max-width: 479px) {
	.navbar #mega-menu-wrap-navigation-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {top: -58px;}
	.topbar-container .topbar .searchform-2 .search-toggle {top:53px; }
	.topbar-buttons {text-align: right;}
}

@media (max-width: 370px) {
	.banner-container .layer-image { height: 20%; }
}

@media print {
	.topbar-container,.navigation-container,.footer-container,.bottom-links { display:none !important; }
	.banner-container .owl-carousel { height: auto !important; padding-bottom: 0 !important; }
	.banner-container.banner-container2 .owl-carousel .owl-stage-outer,.banner-container.banner-container2 .owl-carousel .owl-stage { position:static !important; }
	.banner-container .owl-carousel-item { background-image:none !important; }
	.banner-container .carousel-caption { position:static !important; }
}