:root {
	--color-hallinto: #00A18D;
	--color-hallinto2: #c8eecd;
	--color-hallinto3: #e7f4e9;
	--color-elinymparisto: #002F77;
	--color-elinymparisto2: #c9e9f7;
	--color-elinymparisto3: #e2f5fd;
	--color-kasvatus: #6BC4E8;
	--color-kasvatus2: #c9e9f7;
	--color-kasvatus3: #e2f5fd;
	--color-hyvinvointi: #EA1E79;
	--color-hyvinvointi2: #fcddeb;
	--color-hyvinvointi3: #fcedf4;
	--color-elinvoima: #FFAC1E;
	--color-elinvoima2: #fff3dd;
	--color-elinvoima3: #fdf7eb;
}

body {
	margin: 0;
	padding: 0;
	font-family: calibri;
	line-height: 20px;
	font-size: 16px;
	color: #000;
	background-color: #F6F6F6;
}

.lgf body {
	font-size: 20px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	--bs-gutter-x: 1.75rem;
}

#maincontent:focus {
	background-color: var(--color-hallinto);
	display: block;
	position: absolute;
	left: .6rem;
	top: .6rem; 
	height: auto;
	width: auto;
	padding: .90rem;     
	z-index: 100000;
	color: #fff;
	font-size: .875rem;
	font-weight: bold; 
}

.arrow_focus:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important;
}

.extlink {
	margin-left: 5px;
	vertical-align: sub;
}

.btn .extlink {
	vertical-align: baseline;
}

h1 {
	font-family: "mixta-didone-alt";
	font-size: 22px;
	font-weight: bold;
}

h1:first-of-type {
	border-bottom: 2px solid var(--color-hallinto);
	padding-bottom: 22px;
}

.hallinto h1:first-of-type {
	border-bottom: 2px solid var(--color-hallinto);
}

 .elinymparisto h1:first-of-type {
	border-bottom: 2px solid var(--color-elinymparisto);
}

.kasvatus h1:first-of-type {
	border-bottom: 2px solid var(--color-kasvatus);
}

.hyvinvointi h1:first-of-type {
	border-bottom: 2px solid var(--color-hyvinvointi);
}

.elinvoima h1:first-of-type {
	border-bottom: 2px solid var(--color-elinvoima);
}

h2 {
	font-family: "mixta-didone-alt", calibri;
	font-size: 18px;
	font-weight: bold;
}

.lgf h2 {
	font-size: 20px;
}

h3 {
	font-family: "mixta-didone-alt", calibri;
	font-size: 16px;
	font-weight: bold;
}

.lgf h3 {
	font-size: 20px;
}

h4 {
	font-family: "mixta-didone-alt", calibri;
	font-size: 13px;
	font-weight: bold;
}

.lgf h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
	font-weight: bold;
}

.lgf h5 {
	font-size: 20px;
}

h6 {
	font-family: "mixta-didone-alt", calibri;
	font-size: 16px;
	font-weight: bold;
}

.lgf h6 {
	font-size: 20px;
}

h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 22px;
	margin-top: 14px;
}

.etusivu h1 {
	font-size: 33px;
	font-weight: bold;
}

.etusivu h2 {
	font-size: 22px;
	font-weight: bold;
}

.etusivu h3 {
	font-size: 18px;
	font-weight: bold;
}

.lgf .etusivu h3 {
	font-size: 20px;
}

.etusivu h4 {
	font-size: 13px;
	font-weight: bold;
}

.lgf .etusivu h4 {
	font-size: 20px;
}

.etusivu h5 {
	font-size: 18px;
	font-weight: bold;
}

.lgf .etusivu h5 {
	font-size: 20px;
}


.etusivu h6 {
	font-size: 16px;
	font-weight: bold;
}

.lgf .etusivu h6 {
	font-size: 20px;
}

a {
	/*color: var(--color-hallinto);*/
	color: #007e6e;
}

a:hover {
	/*color: #007e6a;*/	
	color: #007e6e;
}

a:visited {
	/*color: #007e6a;*/
	color: #007e6e;
}

ul {
	padding-left: 15px;
}

.content_text ul ul li {
	list-style-type: square;
}

.breadcrumb a {
	color: #000;
}

.btn-primary {
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	padding: 0 20px;
	border-radius: 18px;
/*	background-color: var(--color-hallinto);
	border-color: var(--color-hallinto); */
	background-color: #007e6e;
	border-color: #007e6e;
}

.lgf .btn-primary {
	font-size: 20px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus-visible {
	color: #fff;
	background-color: #007E6E;
	border-color: #007E6E;
}

a.btn-primary:visited {
	color: #fff;
}

.btn-secondary {
	color: #000;
	font-size: 16px;
	line-height: 36px;
	padding: 0 20px;
	border-radius: 18px;
	background-color: #C8EECD;
	border-color: #C8EECD;
}

.lgf .btn-secondary {
	font-size: 20px;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus-visible {
	color: #000 !important;
	background-color: #A7E1AF !important;
	border-color: #A7E1AF !important;
}

a.btn-secondary:visited {
	color: #000;
}

.btn-light {
	color: #000;
	font-size: 16px;
	line-height: 36px;
	padding: 0 24px;
	border-radius: 18px;
	background-color: #FFF3DD;
	border-color: #FFF3DD;
}

.lgf .btn-light {
	font-size: 20px;
}

.btn-light:hover, .btn-light:active, .btn-light:focus-visible {
	color: #000 !important;
	background-color: #A7E1AF !important;
	border-color: #A7E1AF !important;
}

a.btn-light:visited {
	color: #000;
}

.form-control {
	border: 1px solid #000;
	border-radius: 0px;
}

.form-select {
	background-image: url(select_bg.png);
	background-position: right center;
	background-size: auto;
	border: 1px solid #000;
	border-radius: 0px;
}

.form-select option {
	background-color: var(--color-hallinto3);
	padding: 0;
	margin: 0;
}

.hallinto .btn-light {
	background-color: var(--color-hallinto2) !important;
	border-color:  var(--color-hallinto2) !important;
}

 .elinymparisto .btn-light {
	background-color: var(--color-elinymparisto2) !important;
	border-color: var(--color-elinymparisto2) !important;
}

.kasvatus .btn-light {
	background-color: var(--color-kasvatus2) !important;
	border-color: var(--color-kasvatus2) !important;
}

.hyvinvointi .btn-light {
	background-color: var(--color-hyvinvointi2) !important;
	border-color: var(--color-hyvinvointi2) !important;
}

.elinvoima .btn-light {
	background-color: var(--color-elinvoima2) !important;
	border-color: var(--color-elinvoima2) !important;
}

.hallinto .btn-light:hover, .hallinto .btn-light:active, .hallinto .btn-light:focus-visible {
	background-color: var(--color-hallinto3) !important;
	border-color:  var(--color-hallinto2) !important;
}

 .elinymparisto .btn-light:hover,  .elinymparisto .btn-light:active,  .elinymparisto .btn-light:focus-visible {
	background-color: var(--color-elinymparisto3) !important;
	border-color: var(--color-elinymparisto3) !important;
}

.kasvatus .btn-light:hover, .kasvatus .btn-light:active, .kasvatus .btn-light:focus-visible {
	background-color: var(--color-kasvatus3) !important;
	border-color: var(--color-kasvatus3) !important;
}

.hyvinvointi .btn-ligh:hover, .hyvinvointi .btn-light:active, .hyvinvointi .btn-light:focus-visiblet {
	background-color: var(--color-hyvinvointi3) !important;
	border-color: var(--color-hyvinvointi3) !important;
}

.elinvoima .btn-light:hover, .elinvoima .btn-light:active, .elinvoima .btn-light:focus-visible {
	background-color: var(--color-elinvoima3) !important;
	border-color: var(--color-elinvoima3) !important;
}

.theme_bg {
	background-color: var(--color-hallinto);
}

.hallinto .theme_bg, .hallinto_theme_bg {
	background-color: var(--color-hallinto);
}

 .elinymparisto .theme_bg, .elinymparisto_theme_bg {
	background-color: var(--color-elinymparisto);
}

.kasvatus .theme_bg, .kasvatus_theme_bg {
	background-color: var(--color-kasvatus);
}

.hyvinvointi .theme_bg, .hyvinvointi_theme_bg {
	background-color: var(--color-hyvinvointi);
}

.elinvoima .theme_bg, .elinvoima_theme_bg {
	background-color: var(--color-elinvoima);
}

.theme_bg2 {
	background-color: var(--color-hallinto2);
}

.hallinto .theme_bg2, .hallinto_theme_bg2 {
	background-color: var(--color-hallinto2);
}

 .elinymparisto .theme_bg2, .elinymparisto_theme_bg2 {
	background-color: var(--color-elinymparisto2);
}

.kasvatus .theme_bg2, .kasvatus_theme_bg2 {
	background-color: var(--color-kasvatus2);
}

.hyvinvointi .theme_bg2, .hyvinvointi_theme_bg2 {
	background-color: var(--color-hyvinvointi2);
}

.elinvoima .theme_bg2, .elinvoima_theme_bg2 {
	background-color: var(--color-elinvoima2);
}

.theme_bg3 {
	background-color: var(--color-hallinto3);
}

.hallinto .theme_bg3, .hallinto_theme_bg3 {
	background-color: var(--color-hallinto3);
}

 .elinymparisto .theme_bg3, .elinymparisto_theme_bg3 {
	background-color: var(--color-elinymparisto3);
}

.kasvatus .theme_bg3, .kasvatus_theme_bg3 {
	background-color: var(--color-kasvatus3);
}

.hyvinvointi .theme_bg3, .hyvinvointi_theme_bg3 {
	background-color: var(--color-hyvinvointi3);
}

.elinvoima .theme_bg3, .elinvoima_theme_bg3 {
	background-color: var(--color-elinvoima3);
}

.sitewidth {
	max-width: 1920px;
}

.contentwidth {
	max-width: 1464px;
}

.topbar {
	background-color: #c8eecd;
	line-height: 54px;
	height: 54px;
	text-align: right;
}
.topbar .col {
	padding-right: 90px;
}

.topbar a {
	font-size: 20px;
	color: #000;
	text-decoration: none;
}

.topbar img, .search_img {
	vertical-align: middle;
	margin-right: 5px;
}

.separator {
	font-size: 20px;
	font-weight: bold;
	color: var(--color-hallinto);
	margin: 0 5px;
}

.navbar {
	padding-bottom: 0;
}

.navbar-brand {
	margin-right: 20px;
}

.navbar-brand img {
	width: 68px;
	height: 68px;
	margin-bottom: -14px;
	margin-left: 20px;
	position: relative;
	z-index: 2;
}

.navbar-toggler {
	border: 0;
}

.navbar-toggler:focus {
	color: #007e6e;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 0, 161, 141, 1 %29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.nav-link {
	font-size: 20px;
}

.nav-link:visited {
	color: #000;
}

.navbar-nav > .nav-item {
	margin-right: 8px;
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: 5px;
	vertical-align: .055em;
	content: "";
	border-top: 9px solid var(--color-hallinto);
	border-right: 5px solid transparent;
	border-bottom: 0;
	border-left: 5px solid transparent;
}

.dropdown-toggle.active::after {
	border-bottom: 9px solid var(--color-hallinto);
	border-top: 0;
}

.dropdown-toggle:focus-visible {
	box-shadow: none;
}

.navbar .has-megamenu .nav-link {
	padding-right: 0;
}

.navbar .has-megamenu .dropdown-toggle {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.mainimg_aalto {
	max-width: 100%;
	position: absolute;
	bottom: -4%;
}

.borderh {
	border-bottom: 2px solid var(--color-hallinto);
	padding-bottom: 12px;
}

.newsbox, .eventbox {
	position: relative;
	max-width: 462px;
	padding: 27px;
	background-color: #fff;
	filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.06));
	margin-bottom: 25px;
	display: flex;
	flex-direction: column;
	height: calc(100% - 25px);
}

.newsbox.nosto, .eventbox.nosto {
	background-color: rgb(231, 244, 233) !important;
}

.nosto_icon {
	display: none;
}

.nosto_icon.nosto {
	display: block !important;
	position: absolute;
	background-image: url(pinni.png);
	top: 0;
	right: 36px;
	width: 38px;
	height: 43px;
}

.nosto_icon_event.nosto {
	display: block !important;
	position: absolute;
	background-image: url(pinni.png);
	top: 0;
	right: 16px;
	width: 38px;
	height: 43px;
}

.eventbox {
	max-width: 340px;
	padding: 0;
}

.eventbox_cont {
	padding: 27px;
	display: flex;
	flex-direction: column;
	height: calc(100% - 25px);
}

.newsbox .newsbox_img {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	flex-shrink: 0;
	text-align: center;
}

.eventbox .newsbox_img {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	flex-shrink: 0;
}

.newsbox .newsbox_title, .eventbox .newsbox_title {
	min-height: 65px;
}

.fpnewslist .col:nth-child(n+4) {
	display: none;
}

.fpeventlist .col:nth-child(n+5) {
	display: none;
}

.newsbox_date {
	font-size: 16px;
}

.lgf .newsbox_date {
	font-size: 20px;
}

.news_date_small {
	font-family: calibri;
	font-size: 16px;
	font-weight: normal;
}

.lgf .news_date_small {
	font-size: 20px;
}

.newsbox_title h4 {
	margin-bottom: 0;
}

.nwwsbox_text {
	flex-grow: 2;
}

.readmore a {
	text-decoration: none;
}

.readmore a:after {
	content: "\279D";
	margin-left: 5px;
	color: #000;
}

.readmore a:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}

.page-item {
	margin: 0 10px;
}

.page-link {
	border-radius: 0;
	border: 1px solid var(--color-hallinto);
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
	border-radius: 0;
}

.active > .page-link, .page-link.active {
	background-color: var(--color-hallinto);
	border-color: var(--color-hallinto);
}

.palvelutbox .elinvoima h3, .palvelutbox .elinymparisto h3, .palvelutbox .hyvinvointi h3, .palvelutbox .kasvatus h3 {
	color: #fff;		
}

.elinymparisto .palveluttxt {
	color: #fff;
}

.palvelutbox {
	overflow: hidden;
	margin-bottom: 20px;
}

.palveluttxt {
	flex: 0 0 auto;
	width: 100%;
	order: 2;
	padding: 28px;
}

.palveluttxt h3 {
	color: #fff;
}

.palvelutimg {
	flex: 0 0 auto;
	width: 100%;
	order: 1;
	position: relative;
	overflow: hidden;
}

.palvelutimg > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0 0;
}

.palvelutbox_wave {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

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

.palvelutbox_wave_lg {
	display: none;
}

.elinvoima_oik, .elinvoima_vas, .elinymparisto_oik, .elinymparisto_vas, .hyvinvointi_oik, .hyvinvointi_vas, .kasvatus_oik, .kasvatus_vas,
.elinvoima_vaaka, .elinymparisto_vaaka, .hyvinvointi_vaaka, .kasvatus_vaaka {
	display: none;
}

.elinvoima .elinvoima_vaaka {
	display: block;
}

.elinymparisto .elinymparisto_vaaka {
	display: block;
}

.hyvinvointi .hyvinvointi_vaaka {
	display: block;
}

.kasvatus .kasvatus_vaaka {
	display: block;
}

.pikalinkit .col {
	margin-bottom: 12px;
	display: flex;
	align-items: center;
}

.pikalinkit .col div {
	display: inline-block;
}

.pikalinkit a {
	font-size: 16px;
	color: #000;
	text-decoration: underline;
}

.lgf .pikalinkit a {
	font-size: 20px;
}

.pikalinkit img {
	margin-right: 20px;
	width: 50px;
	vertical-align: middle;
}

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

.sidenav {
	padding-right: 26px;
}

.sidenav a {
	color: #000;
}

.sidenav .nav-link {
	font-size: 19px;
	padding: 18px 50px 18px 30px;
	width: 100%;
}

.sidenav .nav-link:focus, .sidenav .nav-link:hover {
	color: #007E6E;
}

.lgf .sidenav .nav-link {
	font-size: 20px;
}

.sidenav .theme_bg3 .nav-link {
	padding-left: 40px;
}

.sidenav a.active_first {
	color: #fff !important;
	text-decoration: underline ;
	font-weight: bold;
}

.elinvoima .sidenav a.active_first, .kasvatus .sidenav a.active_first {
	color: #000 !important;
}

.sidenav a.active {
	font-weight: bold;
	text-decoration: underline;
}

.utasome a {
	font-family: "mixta-didone-alt", calibri;
	font-size: 21px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.utasome img {
	margin-right: 30px;
	margin-bottom: 20px;
} 

.footer {
	background: url(footer-bg.png) center no-repeat;
	padding: 30px;
}

.footer_cont {
	background-color: var(--color-hallinto);
}

.footer_logo {
	padding: 38px 0;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
	color: #fff;
}

.footer li {
	color: white;
}

.footer a {
	color: #000 !important;
	text-decoration: none;
}

.footer_info {
	padding-bottom: 37px;
}

.footer_info .col {
	max-width: 243px;
}

#mainnav .nav-link.active {
	text-decoration: underline;
	font-weight: bold;
}

.megamenu {
	padding: 0;
	border: 0;
	border-bottom: 6px solid #F6F6F6;
}

.megamenu .theme_bg3 {
	padding-bottom: 52px;
}

.megamenu_left {
	width: 430px;
	min-width: 430px;	
}

.megamenu_right {
	padding: 10px 0 20px 20px;
}

.megamenu_right .container-fluid {
	padding-right: 0;
}

.megamenu_button, .mobimenu_button, .mobimenu_button_close {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 1rem 2.7rem 1rem 1.25rem;
	font-size: 18px;
	text-align: left;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	overflow-anchor: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}

.lgf .megamenu_button, .lgf .mobimenu_button, .lgf .mobimenu_button_close {
	font-size: 20px
}

.megamenu_button::after, .mobimenu_button::after, .sidenav_arr::after, .sidenav_arropen::after {
	flex-shrink: 0;
	width: 0;
	height: 0;
	margin-left: auto;
	margin-right: -1rem;
	content: "";
	border-style: solid;
	border-color: transparent;
	border-top-width: .3rem;
	border-bottom-width: .3rem;
	border-left-width: .6rem;
	border-right-width: 0;
	pointer-events: none;
}

.sidenav_arr::after, .sidenav_arropen::after {
	position: absolute;
	right: 22px;
}

.hallinto .megamenu_button::after, .hallinto .mobimenu_button::after, .hallinto .sidenav_arr::after {
	border-left-color: var(--color-hallinto);
}

.hyvinvointi .megamenu_button::after, .hyvinvointi .mobimenu_button::after, .hyvinvointi .sidenav_arr::after {
	border-left-color: var(--color-hyvinvointi);
}

.kasvatus .megamenu_button::after, .kasvatus .mobimenu_button::after, .kasvatus .sidenav_arr::after {
	border-left-color: var(--color-kasvatus);
}

.elinymparisto .megamenu_button::after, .elinymparisto .mobimenu_button::after, .elinymparisto .sidenav_arr::after {
	border-left-color: var(--color-elinymparisto);
}

.elinvoima .megamenu_button::after, .elinvoima .mobimenu_button::after, .elinvoima .sidenav_arr::after {
	border-left-color: var(--color-elinvoima);
}

.hallinto .megamenu_button_active::after, .hallinto .mobimenu_button_active::after, .hallinto .mobimenu_button_close::after, .hallinto .sidenav_arropen::after,
.elinymparisto .megamenu_button_active::after, .elinymparisto .mobimenu_button_active::after, .elinymparisto .mobimenu_button_close::after, .elinymparisto .sidenav_arropen::after,
.hyvinvointi .megamenu_button_active::after, .hyvinvointi .mobimenu_button_active::after, .hyvinvointi .mobimenu_button_close::after, .hyvinvointi .sidenav_arropen::after 
{
	border-left-color: transparent;
	border-top-color: #fff;
}

.kasvatus .megamenu_button_active::after, .kasvatus .mobimenu_button_active::after, .kasvatus .mobimenu_button_close::after, .kasvatus .sidenav_arropen::after,
.elinvoima .megamenu_button_active::after, .elinvoima .mobimenu_button_active::after, .elinvoima .mobimenu_button_close::after, .elinvoima .sidenav_arropen::after
{
	border-left-color: transparent;
	border-top-color: #000;
}

.sidenav_arr, .sidenav_arropen {
	display: flex;
	position: relative;
	align-items: center;
}

.sidenav_arr::after, .sidenav_arropen::after {
	margin-right: 0;
}

.megamenu_link:visited {
	color: #000;
}

.megamenu_button_link, .megamenu_button_link:visited {
	color: #000;
	text-decoration: none;
	display: block;
	margin-right: 30px;
}

.megamenu_button_active .megamenu_button_link {
	color: #fff;
}

.elinvoima .megamenu_button_active .megamenu_button_link, .kasvatus .megamenu_button_active .megamenu_button_link,
.elinvoima .megamenu_button_active, .elinvoima .mobimenu_button_active, .elinvoima .mobimenu_button_close, .elinvoima .megamenu_link_active, .elinvoima .megamenu_button_active:visited, .elinvoima .mobimenu_button_active:visited, .elinvoima .mobimenu_button_close:visited, .elinvoima .megamenu_link_active:visited,
.kasvatus .megamenu_button_active, .kasvatus .mobimenu_button_active, .kasvatus .mobimenu_button_close, .kasvatus .megamenu_link_active, .kasvatus .megamenu_button_active:visited, .kasvatus .mobimenu_button_active:visited, .kasvatus .mobimenu_button_close:visited, .kasvatus .megamenu_link_active:visited {
	color: #000;
}

.megamenu_button_active, .mobimenu_button_active, .mobimenu_button_close, .megamenu_link_active, .megamenu_button_active:visited, .mobimenu_button_active:visited, .mobimenu_button_close:visited, .megamenu_link_active:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.megamenu_button_active::after, .mobimenu_button_active::after, .sidenav_arropen::after {
	border-top-width: .6rem;
	border-bottom-width: 0rem;
	border-left-width: .35rem;
	border-right-width: .35rem;
}

.megamenu_link {
	display: block;
	color: #000;
	width: 100%;
	padding: 1rem 1.25rem;
	font-size: 18px;
	text-decoration: none;
}

.lgf .megamenu_link {
	font-size: 20px;
}

.megamenu_right_cont {
	display: none;
	visibility: hidden;
}

.megamenu_cont_link {
	display: block;
	font-size: 18px;
	color: #000;
	text-decoration: none;
	text-transform: none;
	padding: 10px 0 22px;
}

.lgf .megamenu_cont_link {
	font-size: 20px;
}

.megamenu_cont_link.active {
	text-decoration: underline;
}

.megamenu_cont_link:visited {
	color: #000;
}

.megamenu_left_some {
	margin-top: 60px;
}

.mobilemenu_some {
	padding-left: 1.25rem;
	margin: 1rem 0;
}

.megamenu_left_some a, .mobilemenu_some a {
	margin-right: 18px;
}

.suomifi_title {
	display: block;
	font-weight: bold;
}

#mobinavigation li {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	padding: 10px 0;
	text-align: center;
}

#mobinavigation a.active {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#mobinavigation .dropdown-menu a.active {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

#mobinavigation .dropdown-menu .dropdown-menu a.active {
	font-weight: normal;
}

#mobinavigation .homebtn {
	padding-bottom: 16px;
}

.mobinav_arr {
	padding-right: 10px;
}

.mobinav_arr::after {
	margin-left: 10px !important;
}

.hallinto .mobinav_arr::after {
	border-top-color: var(--color-hallinto);
}

.elinvoima .mobinav_arr::after {
	border-top-color: var(--color-elinvoima);
}

.elinymparisto .mobinav_arr::after {
	border-top-color: var(--color-elinymparisto);
}

.hyvinvointi .mobinav_arr::after {
	border-top-color: var(--color-hyvinvointi);
}

.kasvatus .mobinav_arr::after {
	border-top-color: var(--color-kasvatus);
}

.nav_mobi {
	padding-top: 0;
}

.mobinav_arr.active::after {
	border-bottom: 9px solid #fff;
	border-top: 0;
}

#mobinavigation .dropdown-menu {
	width: 100%;
	margin: 14px 0 -10px 0;
	padding: 0;
	border: 0;
}

#mobinavigation .dropdown-menu .hallinto .mobinav_arr.active::after {
	border-bottom-color: var(--color-hallinto);
}

#mobinavigation .dropdown-menu .elinvoima .mobinav_arr.active::after {
	border-bottom-color: var(--color-elinvoima);
}

#mobinavigation .dropdown-menu .elinymparisto .mobinav_arr.active::after {
	border-bottom-color: var(--color-elinymparisto);
}

#mobinavigation .dropdown-menu .hyvinvointi .mobinav_arr.active::after {
	border-bottom-color: var(--color-hyvinvointi);
}

#mobinavigation .dropdown-menu .kasvatus .mobinav_arr.active::after {
	border-bottom-color: var(--color-kasvatus);
}

/* contacts */
.contacts_person_list_table {
	width: 100%;
}

.contacts_person_list_head {
	background-color: #e2e6ea;
}

.contacts_person_list_head td {
	font-weight: bold;
	font-size: 18px;
	padding: 8px 0 8px 8px;
}

.lgf .contacts_person_list_head td {
	font-size: 20px;
}

.contacts_person_list td {
	padding: 5px 0 5px 8px;
}

.contacts_person_list td:nth-child(1) {
	min-width: 120px;
}

.contacts_person_list td:nth-child(2) {
	width: 100%;
}

.contacts_person_list td:nth-child(3) {
	min-width: 160px;
}

.contacts_person_list a:link, .contacts_person_list a:hover, .contacts_person_list a:visited, .contacts_person_list a:active {
	color: #414244;
	text-decoration: none;
}

.contacts_person_list_odd {
	background-color: #EBEBEB;
}

.contacts_person_list_even {
	background-color: #fff;
}

.contacts_one_table {
	width: 596px;
}

.contacts_one_table td {
	width: 50%;
	vertical-align: top;
	padding: 3px;
}

.contacts_one {
	width: 100%;
	display: table;
	padding: 10px;
	margin-bottom: 10px;
}

.contacts_one h2, .contacts_one h3 {
	margin: 0;
}

.contacts_one h4 {
	margin: 0 0 15px 0;
}

.contacts_person_one_table {
	width: 100%;
}

.contact_pic_td {
	display: none;
	visibility: hidden;
	max-width: 162px;
}

.contact_pic_td img, .contact_pic_td_mobi img {
	margin-left: 20px;
	max-width: 132px;
}

.contacts_name {
	font-weight: bold;
}

.contacts_one .backlink {
	margin-top: 30px;
}

.divider {
	border-top: 3px solid #e2e6ea;
	border-bottom: 3px solid #e2e6ea;
	line-height: 2px;
	font-size: 0.125em;
	height: 2px;
	margin: 0 1.1%;
	clear: both;
	margin: 15px 0;
}

.form-group {
	margin-bottom: 15px;
}

.modified {
	margin-top: 30px;
	font-size: 16px;
	text-align: right;
	color: #545454;
}

.lgf .modified {
	font-size: 20px;
}

.custom-select, .custom-select-btn {
	background-color: var(--color-hallinto);
	border-color: #000;
	border-radius: 0;
	background-image: url(selectbg.png);
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	font-size: 0.875rem;
	color: #1F1F1F;
	height: 58px;
	width: 36px;
	margin: 0;
}

.custom-select-btn {
	padding: 0 1.48rem;
}

.custom-select-btn:hover {
	background-color: #a2c3d7;
	border-color: #8fadca;
}

.del_date {
	display: none;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.fpnewslist .col:nth-child(n+4) {
		display: block;
	}
	
	.fpeventlist .col:nth-child(n+5) {
		display: block;
	}
	
	.pagination {
		--bs-pagination-padding-x: 1.5rem;
		--bs-pagination-padding-y: 0.75rem;
		--bs-pagination-font-size: 1.25rem;
		--bs-pagination-border-radius: var(--bs-border-radius-lg);
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	h1 {
		font-size: 48px;
		font-weight: bold;
	}
	
	.lgf h1 {
		font-size: 48px;
	}
	
	h2 {
		font-size: 30px;
		font-weight: bold;
	}
	
	.lgf h2 {
		font-size: 30px;
	}
	
	h3 {
		font-size: 23px;
		font-weight: bold;
	}
	
	.lgf h3 {
		font-size: 23px;
	}
	
	h4 {
		font-size: 18px;
		font-weight: bold;
	}
	
	.lgf h4 {
		font-size: 20px;
	}
	
	h5 {
		font-size: 22px;
		font-weight: bold;
	}
	
	.lgf h5 {
		font-size: 22px;
	}
	
	h6 {
		font-size: 22px;
		font-weight: bold;
	}
	
	.lgf h6 {
		font-size: 22px;
	}
	
	.etusivu h1 {
		font-size: 90px;
		font-weight: bold;
	}
	
	.lgf .etusivu h1 {
		font-size: 90px;
	}
	
	.etusivu h2 {
		font-size: 48px;
		font-weight: bold;
	}
	
	.lgf .etusivu h2 {
		font-size: 48px;
	}
	
	.etusivu h3 {
		font-size: 30px;
		font-weight: bold;
	}
	
	.lgf .etusivu h3 {
		font-size: 30px;
	}
	
	.etusivu h4 {
		font-size: 21px;
		font-weight: bold;
	}
	
	.lgf .etusivu h4 {
		font-size: 21px;
	}
	
	.etusivu h5 {
		font-size: 18px;
		font-weight: bold;
	}
	
	.lgf .etusivu h5 {
		font-size: 20px;
	}
	
	.etusivu h6 {
		font-size: 16px;
		font-weight: bold;
	}
	
	.lgf .etusivu h6 {
		font-size: 20px;
	}
	
	.btn-primary, .btn-secondary, .btn-light {
		font-size: 20px;
		line-height: 50px;
		padding: 0 40px;
		border-radius: 26px;
	}

	.btn-light {
		line-height: 48px;
		border-radius: 24px;
		padding: 0 60px;
		max-width: fit-content;
	}
	
	.btn-primary2 {
		font-size: 16px;
		line-height: 36px;
		padding: 0 20px;
		border-radius: 18px;
	}

	.lgf .btn-primary2 {
		font-size: 20px;
	}
	
	.palveluttxt .btn-light {
		margin-top: 16px;
	}

	.navbar-expand-lg .navbar-nav {
		align-items: center;
		flex-wrap: wrap;
	}
	
	.navbar {
		padding: 0;
	}
	
	.navbar-brand img {
		width: 177px;
		height: 177px;
		margin-top: -21px;
		margin-bottom: -21px;
		margin-left: 38px;
	}
	
	.borderh {
		padding-bottom: 28px;
	}

	.newsbox_date {
		font-size: 14px;
	}
	
	.lgf .newsbox_date {
		font-size: 20px;
	}
	
	.readmore a {
		 font-size: 20px;
	}
	
	.palvelutbox {
		max-height: 434px;
	}
	
	.palveluttxt {
		flex: 0 0 auto;
		width: 41.11111111%;
		padding: 0 6%;
		min-height: 450px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.palvelutimg {
		flex: 0 0 auto;
		width: 58.88888889%;
	}
	
	.palvelutbox_wave {
		display: none;
	}
	
	.palvelutbox_wave_lg {
		display: block;
		position: absolute;
		top: 0;
		max-height: 100%;
		height: 100%;
		z-index: 2;
	}
	
	.palvelutbox_wave_lg img {
		height: 100%;
		width: max-content;
		object-fit: cover;
	}
	
	.elinvoima .elinvoima_oik, .elinvoima .elinvoima_vas {
		display: block;
	}

	.elinymparisto .elinymparisto_oik, .elinymparisto .elinymparisto_vas {
		display: block;
	}
	
	.hyvinvointi .hyvinvointi_oik, .hyvinvointi .hyvinvointi_vas {
		display: block;
	}
	
	.kasvatus .kasvatus_oik, .kasvatus .kasvatus_vas {
		display: block;
	}
	
	.palvelutbox_l .elinvoima_oik, .palvelutbox_l .elinymparisto_oik, .palvelutbox_l .hyvinvointi_oik, .palvelutbox_l .kasvatus_oik {
		display: none;
	}
	
	.palvelutbox_r .elinvoima_vas, .palvelutbox_r .elinymparisto_vas, .palvelutbox_r .hyvinvointi_vas, .palvelutbox_r .kasvatus_vas {
		display: none;
	}
	
	.palvelutbox_r .palveluttxt {
		order: 2;
	}
	
	.palvelutbox_r .palvelutimg {
		order: 1;
	}
	
	.palvelutbox_l .palveluttxt {
		order: 1;
	}
	
	.palvelutbox_l .palvelutimg {
		order: 2;
	}
	
	.palvelutbox_l .palvelutbox_wave_lg {
		left: 0;
	}
	
	.palvelutbox_r .palvelutbox_wave_lg {
		right: 0;
	}
	
	.palvelutbox_l .palvelutbox_wave_lg img {
		left: 0;
		object-position: left top;
	}
	
	.palvelutbox_r .palvelutbox_wave_lg img {
		right: 0;
		object-position: right top;
	}
	
	.footer {
		padding: 160px 0 120px 0;
	}
	
	.footer_logo {
		padding: 67px 0 42px 0;
	}
	
	.footer_info {
		padding-bottom: 100px;
	}
	
	.navbar .has-megamenu {
		position: static !important;
		display: flex;
	}

	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
		color: #000;
	}
	
	.navbar .megamenu {
		left: 0;
		right: 0;
		width: 100%;
		margin-top: 0;
	}
	
	.contact_pic_td_mobi {
		display: none;
		visibility: hidden;
	}

	.contact_pic_td {
		background-color: #F6F6F6;
		display: table-cell;
		visibility: visible;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.pikalinkit .col {
		margin-bottom: 34px;
	}
	
	.pikalinkit a {
		font-size: 24px;
	}
	
	.pikalinkit img {
		margin-right: 27px;
		width: auto;
		vertical-align: middle;
	}
	
	.megamenu_cont_col {
	}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.megamenu_cont_col {
	}
}

/* x-small devices (portrait phones, less than 576px) */ 
@media (max-width: 575.98px) {
	
}

/* small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
}

/* medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
}

/* x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	
}