@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,500;0,600;1,400;1,600;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Ruluko&display=swap');

body{font-family: 'Roboto', serif; font-weight:700;}

#navigation, #navigation-mobile{font-family: 'Poppins', sans-serif; font-weight:400;}


body, .slight, .regularsize {font-size:17px;}
#navigation {font-size:21px;}
#header {overflow: inherit; position:relative;}
#header h1 {text-align:center;}
#header h1 img { width: 300px;
    height: 66px;
}
#header-title > a:hover > img {
    opacity: 0.7;
}

.page-title {display:none;}
.breadcrumbs, .breadcrumbs a, .breadcrumbs a:hover {padding:5px 0; color:#fff;}
.header-tagged {
  color: #2b67c9;
  text-align: center;
  padding-bottom:1.5em;
  padding-top: .5em !important;
}

#header-title > a {padding:10px 0 0;}

#navigation > .menu{
display: flex;
    list-style: none;
    /* align-items: center; */
    justify-content: center;
    padding: 0px;
}
#navigation > .menu li {margin:0 .5em;}
#navigation > .menu a {color:#2b67c9; font-size:18px;padding:1.2em 0;border-bottom: 0px solid #f18716; height:65px;}

#navigation > .menu a:hover, #navigation > .menu .current_page_parent > a, #navigation > .menu .current-menu-item > a, #navigation > .menu .current_page_item > a {
  color: #f18716;
  border-bottom: 0px solid #f18716;
}
#navigation > .menu .sub-menu {display:none;}
#navigation > .menu .sub-menu.children-active {display:block;}
#navigation > .menu .sub-menu {
	position:absolute;
	width:200px;
	padding:0px;
	text-align:left;
	background: #fff;
	border: 0px solid #eee;
	box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
}
#navigation > .menu .sub-menu li {
	margin-left:0px;
	text-align:left;
	display:block;
}
#navigation > .menu .sub-menu li a{
	height:auto;
	font-size:18px;
	color: #333;
	border:0;
	padding:10px;
	display:block;
}
#navigation > .menu .sub-menu li a:hover{
	color: #fff;
	background:#f18716;
}

#more, #navigation-mobile {
    display: none;
}

@media only screen and (max-width:767px) {
	#navigation {
    	display: none;
	}
	#more {
		display: block;
		width: 80px;
		height: 70px;
		background: url(../images/hamburger@3x.png) center center no-repeat;
		background-size: 100% auto;
		z-index: 1010;
		opacity: 1;
		transition: all 0.25s;
		margin:0px auto;
	}
	#navigation-mobile {
		display: block;
		left: 0;
		right: 0;
		margin-top: 0px;
		opacity: 0;
		z-index: 90;
		transition: opacity 0.25s;
		transform: translateZ(0);
		max-height: 0;
		overflow: hidden;
		position: relative;
	}
	#navigation-mobile.shown {
		opacity: 1;
		max-height: 200px;
	}
 
	#navigation-mobile > .menu {clear:both; list-style:none; padding:0px;}
	#navigation-mobile > .menu > li {padding:0px 0 20px; text-align:center;}
	#navigation-mobile > .menu .sub-menu {display:none;}
	#navigation-mobile > .menu .sub-menu.children-active {display:block;}
	#navigation-mobile > .menu .sub-menu {
		padding:10px;
		text-align:left;
		background: #fff;
		border-top: 2px solid #f18716;
		border-bottom: 2px solid #f18716;
	}
	#navigation-mobile > .menu .sub-menu li {
		margin-left:0px;
		list-style: none;
		text-align: center;
	}
	#navigation-mobile > .menu .sub-menu li a{
		height:50px;
		font-size:18px;
		color: #333;
		display: block;
		text-align: center;
		line-height: 50px;
	}
	#navigation-mobile > .menu .sub-menu li a:hover{
		color: #f18716;
	}
}

@media only screen and (min-width:768px) and (max-width:906px) {
	.admin-bar .page-title {
	  padding-top: 250px !important;
	}
	.page-title {
	  padding-top: 210px !important;
	}
}

@media (max-width: 767px) {
#navigation-mobile > .padder {
  padding-top: 0px;
}
#navigation-mobile > .menu > li > a {
  font-size: 24px;
}
}

.hakemus-view .image, .item-dialog .image {
	float:none;
}
.hakemus-view .image > .img, .item-dialog .image > .img {
	width:200px;
	height:200px;
	margin:0px auto;
	border:0px;
	border-radius:0;
}
.downloads li {
	text-align:center;
}
.downloads li a {
	display:inline-block;	
}
.listing .listing-items > li .image {
	border:0;
	border-radius:0;
}
.listing .listing-items > li .details > .title > .aanestysnumero {
	font-family: 'Ruluko', sans-serif;
}
.hakemus-view .details h1 > .aanestysnumero, .item-dialog .details h1 > .aanestysnumero {
	font-family: 'Ruluko', sans-serif;
	display:block;
}
.hakemus-view .details h1 span.title {
font-family: 'Source Sans Pro', sans-serif;
}
.hakemus-view .details > .yhteystiedot, .item-dialog .details > .yhteystiedot {
padding:20px 0 10px 0;
}
.hakemus-view .details, .item-dialog .details {
padding:0px 20px;
text-align:center;
}


.popup-btn {
	padding: 5px 10px;
    text-align: center;
    display: inline-block;
    background: rgb(243, 154, 0);
    color: rgb(255, 255, 255);
    border-radius: 2px;
}
.popup-btn:hover {
	color: rgb(255, 255, 255);
	background: #ffb941;
}

.lomake .field-syntymaaika {
    float: left;
    width: 46%;
    margin-right: 1em;
}

.search .search-row button {position:relative;margin-top:15px;}

@media (max-width: 767px) {
	.lomake .field-etunimi {float:none; width:100%;margin-right: 0px;}
	.lomake .field-syntymaaika {width:75%}
}