/*
 Theme Name:   Understrap Child 2
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child-0.6.0/graphs/contributors
 Template:     understrap
 Version:      0.6.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/
body.admin-bar div#page {
    margin-top: 32px;
}

body.admin-bar header#wrapper-navbar {
    margin-top: 32px;
}
body {
    font-family: "Lato", sans-serif;
    line-height: 1.6;
}
p,table {
    font-family: "Noto Serif", serif;
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}
table {
	word-break: break-word;
}
address, dl, ol, ul {
    margin-bottom: 1.1rem;
}
a {
    color: #2B5190;
    text-decoration: none;
}
a:focus, a:hover {
    color: #2B5190;
    text-decoration: underline;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin-bottom: 1rem;
    padding-top: 0em;
}
h1 {font-size:2.25rem;}
h2 {font-size:1.7rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.3rem;}
h5 {font-size:1.1rem;}
h6 {font-size:1rem;}
table {
    margin-bottom: 1rem;
}
td {
    padding: 5px 10px;
    vertical-align: top;
    border: 1px solid #cecece;
}
.wrapper {
    padding: 3em 0;
}
aside {
    font-size: 0.9375em;
}
.container {
    z-index: 1;
    position: relative;
}
nav#top-navigation {
    background: rgba(215, 220, 224, 0.85);
    border-bottom: 1px solid #d8d8d8;
    font-size:13px;
	overflow: hidden;
}
nav#top-navigation a{
    color:#333;
}
nav#top-navigation .top-meta, .top-search{
    padding: 8px 0px;
    overflow: hidden;
    position:relative;
    z-index: 101;
	margin-left: 0px;
}
#secondary img, article img, figure, img, img.wp-post-image {
    max-width: 100%;
    height: auto;
}
.lang-item a img {
    width: auto;
    height: auto;
    padding: 0 10px;
}
.fa-facebook:hover {color:#425DA2;}
.fa-twitter:hover {color:#40A2F5;}
.fa-youtube:hover {color:#F40000;}
.fa-instagram:hover {color:#A9348A;}
.top-meta {
    float: left;
}
.top-links {
    overflow: hidden;
    display: flex;
    justify-content: right;
}
ul#top-menu {
    margin-bottom: -4px;
    overflow: hidden;
    padding: 8px 0px 8px 1.5rem;
}
.menu-item {
    float: left;
    display: inline;
    width: auto;
}
.top-meta .site-title {
    font-weight: bolder;
}
.top-meta .site-description {
    font-style:italic;
}
#top-menu .menu-item {
    padding: 0px 10px;
}
.top-menu-container {
    margin-left: auto;
}
nav#top-navigation .top-meta {
}

#top-menu .menu-item:first-child {
    border: none;
}
.top-search > button.btn {
    background-color: transparent;
    border: none;
    font-size: 13px;
    color: #333;
    font-family: inherit;
    padding: 0px 10px;
    line-height: 1.6;
    border-radius: 0;
    position: relative;
    top: -2px;
}
.top-search > button.btn:hover {
    text-decoration:underline;
}
div#top-search-modal.show {
    display: flex !important;
    align-items: center;
}
#top-search-modal .modal-header {
    border-bottom: 1px solid rgba(5, 129, 237, 0);
}

.modal-dialog {
    margin: 10px auto;
	position: static;
}
.modal-content {
    position: static;
}

#top-search-modal button.close {
    font-size: 2rem;
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

#top-search-modal .modal-content {
    background: #0778dc;
    border: transparent;
}

#top-search-modal h5.modal-title {
    color: #fff;
    font-weight: bold;
    font-size: 3vh;
    margin: 0 auto;
}

#top-search-modal .modal-footer {
    border-top: transparent;
    background: #0778dc;
}

#top-search-modal .modal-footer button.btn {
    background: #0581ed;
    border-color: #2293f6;
    color: white;
    padding: 1rem 2rem 0.9rem 2rem;
    text-transform: uppercase;
    margin-top: 1rem;
    font-size: 0.8rem;
}
#top-search-modal .modal-footer button.btn:hover {
    background: #1A63A3;
}
.modal-backdrop {
    background-color: #0778dc;
}
.modal-backdrop.show {
    opacity: 1;
}
.navbar {
    background-color: #fff !important;
    position: relative;
    padding: 0;
    z-index: 10000 !important;
    border: 3px solid #efefef;
    border-width: 3px 0px;
    padding: 10px 0px;
}
.navbar-brand {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    transition:0.3s all ease-in;
}
.navbar .navbar-brand > img {
	transition:0.3s all ease-in;
}
.navbar-brand > img {
    height: 75px;
    width: auto;
    /* transform: scale(2); */
}
.elementor.elementor-13521 {
    position: absolute;
    top: 0px;
    width: 100%;
    height: auto;
    overflow: visible;
}
#wrapper-navbar-sticky-wrapper {
    position: absolute;
    width: 100%;
    z-index: 325;
	top:0;
}
.is-sticky .navbar .navbar-brand > img {
	transform: none;
}
.is-sticky .navbar-brand {
    margin-right: 1rem;
}
.is-sticky .top-navigation {
	display:none;
}
#page .is-sticky #topbar {
    padding: 2px 0px;
	height:44px;
}
.is-sticky #topbar input#wpa_label_s {
    padding: 2px 10px;
}
.is-sticky #topbar .hfe-search-form__container {
	min-height:auto;
}
#logo-container img {
    transition:0.3s ease-out all;
}
.is-sticky #logo-container img {
    width: 50px;
    max-width: 50px;
}
.navbar-toggleable-md > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.navbar-toggler {
    align-self: flex-start;
    padding: 0.95rem 0.95rem;
    font-size: 1.25rem;
    line-height: 1;
    background: #0581ED;
    border: 1px solid transparent;
    border-radius: 5rem;
}
.navbar-inverse .navbar-toggler {
    border-color: hsl(207.9, 95.9%, 47.5%);
}
.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/*Palvelut -mega menu*/
/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    box-shadow: 1px 3px 10px rgba(0,0,0,0.4);
}
@media screen and (min-width:992px){
	body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-32 > ul.mega-sub-menu {
		min-width: 768px !important;
		box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.48);
	}
}
@media screen and (min-width:1200px){
	body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-32 > ul.mega-sub-menu {
		min-width: 960px !important;
	}
} */
/*Mega-Menu*/
@media screen and (min-width:992px){
	/*mega menu lvl 1*/
	/* div#mega-menu-wrap-primary {
		background: transparent;
	}
	#mega-menu-wrap-primary #mega-menu-primary {
		visibility: visible;
		text-align: left;
		padding: 0px 0px 0px 0px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
		margin: 0 0px 0 0;
		display: flex;
		vertical-align: middle;
		height: 60px;
		align-items: center;
	}
	#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link,
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item {
		transition:0.1s ease-out all !important;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		padding: 0px;
		background: none !important;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:not(:last-child) {
		border-right: 1px solid rgb(31, 147, 249);
		padding: 0px 10px 0px 10px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child {
		border-radius:50px 0px 0px 50px;
		padding-left: 15px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child:hover {
		border-radius:0px 50px 50px 0px;
		padding-right: 15px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child {
		padding-left: 10px;
	}
	
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
		background: transparent;
		color: rgb(255, 255, 255);
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
		background: #0581ED;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover {
		background: rgb(8, 112, 203);
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
		background: transparent;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item, 
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor, 
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor {
		background: rgb(8, 112, 203);

	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
		background: #0581ED;
		color: #fff;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
		background: #2B5190;
		color: #fff;
	} */
	/*mega menu lvl 2*/
	/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
		background: #fff;
		color: #333;
		min-width:920px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
		z-index: 999;
		position: absolute;
		width: 300px;
		border: 0;
		padding: 0px 0px 0px 0px;
		background: rgb(241, 241, 241);
		max-width: none;
		top: 100%;
	} */
	/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-3 {
		min-width:300px;
	} */
	#/* mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		color: #222;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
		color: #777;
	} */
	/*mega menu lvl 3*/
	/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		border-left:#0581ED solid 0px;
		padding-left:0px !important;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-current-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-current-menu-item > a.mega-menu-link	{
		border-left-width:4px;
		padding-left:5px !important;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
		color: #444;
		font-family: inherit;
		font-size: 14px;
		text-transform: none;
		text-decoration: none;
		font-weight: normal;
		margin: 0;
		padding: 0px 0px 0px 0px;
		vertical-align: top;
		display: block;
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	margin: 0 -6px 0 -1px; */
}
/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	line-height: 1.5;
	height: auto;
}
	
}
#mega-menu-wrap-primary .mega-menu-toggle {
    background: #0581ed;
	transition: 0.2s 0.3s ease-in all;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-right {
    margin: auto;
    float: none;
    width: auto;
    height: auto;
    position: absolute;
    transform:rotate(0deg);
    transition: 0.2s 0.3s ease-in all;
    width: 90px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
#mega-menu-wrap-primary .mega-menu-open .mega-toggle-block-right {
    width: 80px;
    height: 40px;
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 0;
    right: 0;
    transform:rotate(-90deg);
} */
#mega-menu-wrap-primary li.mega-current_page_item > a.mega-menu-link {
    font-weight: bold !important;
    color: #2B5190 !important;
}


/*Yhteystiedot*/
.yt-filters {
    margin: 20px 0 0 0;
}
button.yt-filter {
    font-size: 0.875rem;
    padding: 5px 7px;
    border-radius: 15px;
    margin: 0px 1px 6px 0px;
}
.yhteystieto-suodatus {
    background-color: #eeeeee;
    padding: 10px 30px;
    margin-bottom: 20px;
    text-align: center;
}
.yhteystieto-suodatus h4 {
    font-size: 1rem;
}
input#searchYhteystiedot {
    margin-bottom: 15px;
    text-align: center;
    display: inline-block;
    width: 280px;
    font-size: 0.875rem;
    border: 1px solid lightgray;
	border-radius: 20px;
    padding: 5px;
}
ul.yt-container {
    padding: 0;
}
.yt-item .row {
    border: 1px solid #efefef;
    border-width: 1px 0px 0px 0px;
	padding: 5px 0px;
}
li.yt-item {
	font-size: 0.875rem;
    list-style: none;
}
li.yt-item {
	word-break: normal;
	overflow-wrap: normal;
}
li.yt-item h4{
	font-size: 0.875rem;
	margin: 0;
}
li.yt-item .yt-head .toimenkuva {
	font-style: italic;
}

/* .yt-item .row div {
    display: flex;
    align-items: center;
	word-break: break-word;
} */
.yt-headingrow {
    font-weight: bold;
}
ul.sidebar-contacts li a {
    font-weight: inherit;
}

@media screen and (max-width:991px){
	.yt-headingrow {
		display:none;
	}
	.yt-item .yt-cat span,
	.yt-item .yt-toimenkuva span	{
		padding-bottom: 5px;
	}
	.yt-item .yt-cat{
		font-size: 0.7rem;
	}
	
	.navbar-toggleable-md>.container {
		padding-right: 1em;
		padding-left: 1em;
		width: 100%;
	}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
		position: fixed;
		width: 0%;
		left: -80%;
		right: 0;
		top: 0px;
		height: 100%;
		transition: 0.3s ease-in all;
		opacity:0;
		bottom:0;
		display:block !important;
	}
	#mega-menu-wrap-primary .mega-menu-open + #mega-menu-primary {
		position: fixed;
		width: 80%;
		left: 0;
		right: 0;
		top: 0px;
		height: 100%;
		overflow: scroll;
		bottom: 0;
		overflow: auto;
		opacity:1;
	}
	#mega-menu-wrap-primary .mega-menu-toggle {
		background: #2B5190;
		position: absolute;
		right: 0px;
		top: -20px;
		z-index: 0;
		transition: 0.2s 0.3s ease-in all;
		padding: 0px 12px;
		width: 120px;
		height:40px;
	}
	#mega-menu-wrap-primary .mega-menu-open {
		right: 0px;
		height: 178px;
		top: 0;
		width: 20%;
		border-radius: 0;
		position: fixed;
	}
	#mega-menu-wrap-primary {
		position:static;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
		font-size:1rem;
		line-height:1.8;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
		background: #25303a;
	}
}
@media screen and (max-width:767px){

	#mega-menu-wrap-primary .mega-menu-toggle {
		background: #2B5190;
		position: absolute;
		right: 0px;
		top: -70px;
		z-index: 0;
		transition: 0.2s 0.3s ease-in all;
		padding: 0px 12px;
		width: 120px;
		height:40px;
	}
	.is-sticky #mega-menu-wrap-primary .mega-menu-toggle {
		top: -44px;
	}
}
.home #full-width-page-wrapper {
  padding: 0;
}
section#top-secondary {
    position: relative;
    top: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	background-position: center center !important;
    padding-top: 15rem;
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
    width: 100%;
    padding-bottom: 4rem;
	margin-top: 115px;
	background-image: url('/wp-content/themes/understrap-child-0.6.0/images/no-featured-image.JPG');
}
#top-secondary .widget-title {
    font-size: 2.1rem;
    font-weight: lighter;
	padding-top: 0;
}
#top-secondary .textwidget p {
    font-size: 1.2rem;
    font-family: "Lato", sans-serif;
    line-height: 1.4;
}
[class*="inline-flex"] {
	display: inline-flex;
}
[class*="inline-flex"][class*="flex-end"] {
	justify-content:flex-end;
}
/* section.news-container,section#search { */
	/* padding: 5rem 0; */
	/* background-color: whitesmoke; */
/* } */
/* .news-container h2.section-title { */
    /* margin-bottom: 1.5em; */
/* } */
/* .news-container h3.widget-title { */
    /* font-weight: lighter; */
/* } */
/* .home h2.section-title { */
    /* text-align: center; */
    /* text-transform: uppercase; */
/* }  */

/* ul.nav.nav-tabs.news-tabs { */
    /* border: none; */
    /* margin-top: 2.4em; */
    /* width: auto; */
    /* display: -ms-flexbox; */
    /* display: flex; */
    /* -ms-flex-direction: row; */
        /* flex-direction: row; */
    /* -ms-flex-pack: center; */
        /* justify-content: center; */
/* } */

/* .news-tabs .nav-link { */
    /* padding: .7em 1.3em; */
    /* font-size: 1em; */
    /* text-transform:uppercase; */
    /* transition:0.3s all ease-out; */
    /* border: none; */
    /* border-radius:0px; */
    /* background-color: #0581ED; */
    /* color: white; */
/* } */
/* .news-tabs .nav-item:first-child .nav-link { */
	/* border-radius: 50px 0px 0px 50px; */
	/* padding-left:1.5em; */
/* } */
/* .news-tabs .nav-item:last-child .nav-link { */
	/* border-radius: 0px 50px 50px 0px; */
	/* padding-right:1.5em; */
/* } */
/* .news-tabs .nav-item:not(:last-child) .nav-link { */
	/* border-right:1px solid rgb(31, 147, 249); */
/* } */
/* .news-tabs .nav-item.show .nav-link, .news-tabs .nav-link.active, .news-tabs .nav-link:hover { */
    /* color: white; */
    /* background-color: #2B5190; */
/* } */

.news-container .news-post-image {
    float: left;
    margin: 0 0.8rem 0 0;
    width: 64px;
    height: 64px;
    overflow: hidden;
}

.news-container .news-post {
    width: auto;
    display: block;
    vertical-align: top;
    margin: 0;
    padding-bottom: 1.2rem;
    min-height: 5.1rem;
}


.news-container {
    background-color: white;
    overflow: hidden;
    padding: 0.6rem 1rem;
    margin-top: 1.8rem;
	margin-bottom:0;
}

.news-container a {
    color: #333;
}

.news-container .news-post-meta {
    text-transform: uppercase;
    font-size: 0.7rem;
    margin: 6px 0px 0px 0px;
}
.news-container .news-post-meta .date, 
.news-container .news-post-meta .time {
    font-weight: bold;
    font-size: 0.7rem;
}

.news-container h3.news-post-title {
    font-size: 1rem;
    line-height: 1.2;
}
.news-container .news-post:last-child, .news-container  .news-post:last-child h3.news-post-title {
    margin-bottom:0;
}
.news-container .news-post-image a.news-post-thumbnail, .news-container .news-post-image a.news-post-thumbnail img {
    display: block;
    height: 64px;
    width: auto;
}
#front-events .news-post-image a.news-post-thumbnail {
    background:url(/wp-content/themes/understrap-child-0.6.0/images/empty-post-thumbnail-1.png) no-repeat center center / cover;
}
#front-events ul {
    padding:0;
}

.news-more-link {
    text-align: center;
}
	
.news-container .sticky-post {
    border-bottom: 2px solid #efefef;
    padding-bottom: 0px;
    margin-bottom: 20px;
}
.home #top-secondary .second-col img {
    border: 5px solid white;
    box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.5);
}
.sticky-post span.important-post {
    font-weight: bold;
    color: #0581ed;
    margin-left: 4px;
    text-decoration: underline;
}

.home #events ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*body -section | Ajax Search*/
section#search {
    background: url(/wp-content/themes/understrap-child-0.6.0/images/blue-lined-bg.png) #2B5190;
}
#search h2.section-title {
    color: white;
    padding-bottom: 0.5rem;
    text-shadow: 0px 1px 1px #0a579a;
}
body div[id*="ajaxsearchlite"],
body div[id*="ajaxsearchlite"] * {
	transition:0.3s ease-in all;
}
body #ajaxsearchlite1 .probox, 
body div[id*="ajaxsearchlite"] .probox,
body div[id*="ajaxsearchlite"],
body div[id*="ajaxsearchlite"] .probox .promagnifier,
body div[id*="ajaxsearchlite"] .probox div.prosettings,
div[id*="ajaxsearchlitesettings"].searchsettings,
div[id*='ajaxsearchlitesettings'].searchsettings form {
    background-color: rgb(255, 255, 255);
    background-image: radial-gradient(ellipse at center, rgb(255, 255, 255), rgb(255, 255, 255));
    border: 0px solid rgb(31, 147, 249);
}
body #ajaxsearchlite1 .probox, 
body div[id*="ajaxsearchlite"] .probox,
body div[id*="ajaxsearchlite"] {
    height: 55px;
    border-radius: 50px;
    box-shadow: 0px 0px 0px 0px rgb(26, 99, 163, 0.9) inset;
}
body div[id*="ajaxsearchlite"], 
body div[id*="ajaxsearchlite"] {
    box-shadow: 0px 0px 25px rgb(3, 85, 156);
    border: 1px solid #2f9eff;
}
body div[id*="ajaxsearchlite"]:focus, 
body div[id*="ajaxsearchlite"]:hover {
    box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.5);
    border: 1px solid rgb(31, 147, 249);
}
body div[id*="ajaxsearchlite"] .probox .proloading, 
body div[id*="ajaxsearchlite"] .probox .proclose, 
body div[id*="ajaxsearchlite"] .probox .promagnifier, 
body div[id*="ajaxsearchlite"] .probox .prosettings {
    width: 55px;
    height: 55px;
}
body div[id*="ajaxsearchlite"] .probox .promagnifier,
body div[id*="ajaxsearchlite"] .probox div.prosettings {
	border-left: 1px solid rgb(31, 147, 249);
}
body div[id*="ajaxsearchlite"] .probox .promagnifier .innericon svg,
body div[id*="ajaxsearchlite"] .probox .prosettings .innericon svg {
    fill: rgba(51, 51, 51, 1);
}
body div[id*='ajaxsearchlite'] .probox .proinput {
    margin: 0px 0px 0px 20px;
}
body #ajaxsearchlite1 .probox .proinput input, 
body div[id*="ajaxsearchlite"] .probox .proinput input {
    color: rgb(51, 51, 51) !important;
	height: 55px;
	font-size: 0.9rem;
}
div[id*="ajaxsearchlitesettings"].searchsettings .label {
    color: rgb(51, 51, 51) !important;
}
/*placeholder -rules needs to have own rules*/
body div[id*="ajaxsearchlite"] .probox .proinput input::-webkit-input-placeholder {
    color: rgb(51, 51, 51) !important;
}

body div[id*="ajaxsearchlite"] .probox .proinput input::-moz-placeholder {
    color: rgb(51, 51, 51) !important;
}

body div[id*="ajaxsearchlite"] .probox .proinput input:-ms-input-placeholder {
    color: rgb(51, 51, 51) !important;
}

body div[id*="ajaxsearchlite"] .probox .proinput input:-moz-placeholder {
    color: rgb(51, 51, 51) !important;
}
body div[id*="ajaxsearchlite"] .probox .proinput input.autocomplete {
    margin-top: -55px !important;
}
div[id*="ajaxsearchliteres"].vertical {
    background: rgb(8, 112, 203);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #eceeef #eceeef #ddd;
    background-color: rgb(5, 129, 237);
    color: white;
}
.nav-tabs {
    border-bottom: 6px solid #0581ed;
}
.nav-tabs .nav-item,
.nav-tabs .nav-link{
    transition:0.3s all ease-in;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #0581ed;
    border-color: transparent;
}

#top-secondary .breadcrumbs a {
    color: #fff;
}
section#top-secondary::before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01203a+0,01203a+100&0+0,0.5+100 */
	background: -moz-linear-gradient(top, rgba(1,32,58,0) 0%, rgba(1,32,58,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(1,32,58,0) 0%,rgba(1,32,58,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(1,32,58,0) 0%,rgba(1,32,58,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0001203a', endColorstr='#8001203a',GradientType=0 ); /* IE6-9 */
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

:not(.home)
 section#top-secondary {
    padding-bottom: 1rem;
    padding-top: 18rem;
}
#top-secondary h1.entry-title {
    font-weight: 300;
    font-size: 2.25rem;
}
.content-area .type-post .entry-header h2.entry-title {
    font-size: 1.3rem;
}
main img.size-page-featured-image {
    margin-bottom: 1rem;
}
div.ccchildpages {
    margin-bottom: 1rem !important;
    display: flex;
    flex-flow: wrap;
    align-items: center;
}
div.ccchildpages::after {
    display:table;
    content:" ";
    overflow:hidden;
}
.threecol .ccchildpage {
    padding: 0;
    margin: 0;
    width: 33.333333%;
    background-color: #f5f5f5;
    border: 1px solid white;
    float: none;
    clear: none;
    position: relative;
}
h3.ccpage_linked_title {
    display:flex;
    font-size: 1rem;
    padding: 0;
    margin: 1rem;
    width: calc(100% - 2rem);
    height:calc(100% - 2rem);
    flex-wrap:wrap;
    flex-flow:row;
    justify-content: flex-start;
    text-align:center;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.9);
    transition: 0.3s all ease;
    min-height: 110px;
    z-index: 2;
    position: relative;
}
a.ccpage_title_link {
    display: block;
    margin: auto;
    padding: 0.5rem;
}
.ccchildpage:hover h3.ccpage_linked_title {background: rgba(255, 255, 255, 0.85);}
a.ccpage_linked_thumb img.cc-child-pages-thumb {margin: 0;height: 100%;max-width: none;margin-left: 50%;transform: translateX(-50%);}
a.ccpage_linked_thumb {display: block;overflow: hidden;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.widget ul {
    padding-left: 0rem;
    list-style: none;
}

.widget ul ul {
    padding-left: 1rem;
}
.widget ul a{
    color:#111;
    font-weight:bold;
}
.widget ul a:hover {
    color: #2B5190;
}
.widget ul ul a{
    font-weight:normal;
}

div#wrapper-footer-full {
    background-color: #f9f8f8;
    background: url(/wp-content/themes/understrap-child-0.6.0/images/footerbg.jpg) no-repeat;
	background-size:cover;
    position: relative;
}
div#wrapper-footer-full:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgb(230, 230, 230) 0%, rgb(249, 248, 248) 15%, rgb(249, 248, 248) 85%, rgb(255, 255, 255) 100%);
    z-index: 1;
    opacity: 0.85;
}
div#wrapper-footer-full > div {
    z-index: 2;
	position: relative;
}
div#wrapper-footer-full h3, div#wrapper-footer-full p {
    color: #333333;
}
#wrapper-footer a {
    color: #292b2c;
}
.footer-widget .popular-posts ul.wpp-list {
    list-style: square inside;
    font-size: 0.9rem;
}
.etusivu-otsikot h3{
    font-size: 1.1rem;
    position: relative;
}

.popular-posts ul {
    padding: 0;
}

.etusivu-otsikot h3::after {
    content: " ";
    border-bottom: 1px solid #cecece;
    display: block;
    width: 60%;
    margin-top: 1rem;
	transition: 0.3s all ease-in-out;
}
.news-column:hover .etusivu-otsikot h3::after {
    border-color: #0581ed;
	width: 100%;
}
.widget .children li {
    position: relative;
}
.widget .children {
    position: relative;
    margin-bottom:0.75rem;
}
.widget .children li::before {
    position: absolute;
    content: " ";
    border:1px solid #999;
    border-width:0 0 1px 1px;
    height:14px;
    width:7px;
    left:-14px;
    top:0px;
}
.widget_recent_entries li {
	margin-left:1.1rem;
	position:relative;
	list-style-type:square;
}

.widget .children li::after {
    position: absolute;
    content: " ";
    border:1px solid #999;
    border-width:0 1px 1px 0px;
    height:5px;
    width:5px;
    left:-11px;
    top:11px;
    transform:rotate(-45deg)
}


.widget .current_page_item > a {
    color: #2B5190;
    text-decoration:underline;
}

.top-level-heading {
    margin: 0px 0px 1rem;
    outline: rgb(255, 255, 255) none 0px;
    padding: 2rem 0px 0px;
    font-size:2.25rem;
    line-height: 1.2;
}

ul#bottom-menu {
    padding: 0;
    margin: 0;
}

ul#bottom-menu li a {
    padding-left: 1rem;
}
.footer-widget a.wpp-post-title {
	color:#333;
}
.footer-widget .current a.wpp-post-title {
    font-weight: bold;
    color: #2B5190;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.kuulutukset-loop .post {
    margin-top: 1.8rem;
    padding-top: 1rem;
    border-top: 1px solid #e8e8e8;
    border-bottom:transparent;
}
.kuulutukset-loop .post-title {
    padding: 0;
    font-size: 1rem;
    margin-bottom:0;
}
.kuulutukset-loop .post-meta {
    padding: 0;
    font-size: 0.8rem;
    margin-bottom:0.5rem;
    color:#666666;
}
.kuulutukset-loop .post-title {
    padding: 0;
    font-size: 1rem;
}
.su-posts-perus-loop .su-post-content p {
	margin: 0;
}
#dpsp-content-bottom {
    margin-top: 2rem;
}
.post-navigation .nav-links {
    flex-wrap: nowrap;
    font-size: 0.85rem;
    margin-bottom: 1rem;
    height: 49px;
}
.post-navigation .nav-links span {
    width: calc(50% - 1px);
    position:absolute;
    transition:0.3s all ease;
    overflow: hidden;
}
.post-navigation .nav-links span:hover {
    width:100%;
	z-index:5;
}
.post-navigation .nav-links .nav-next{
    right:0;
}
.post-navigation .nav-links a {
    padding: 0.4rem 1rem 0.6rem 1.7rem;
    background: rgb(243, 243, 243);
    color:#555;
    transition:0.3s all ease;
    display:block;
    text-align:left;
    white-space:pre;
    position:relative;
    margin-bottom: 1px;
}
.post-navigation .nav-links .nav-next a{
    text-align:right;
    padding-right:2rem;
}
.post-navigation .nav-links a:hover {
    text-decoration:none;
    background: #2B5190;
    color: #fff;
}
.post-navigation .nav-links a i{
    margin:0;
    z-index: 3;
    background:#f3f3f3;
    padding-top:0.2rem;
    font-size:28px;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width:25px;
}
.post-navigation .nav-links .nav-previous a i{
    padding-left:0.6rem;
    left:0;
}
.post-navigation .nav-links .nav-next a i{
    padding-right:0.6rem;
    width:30px;
    left:auto;
}
.post-navigation .nav-links a:hover i {
    color: #333;
}
.post-navigation .nav-links a i{
    transition:0.3s all ease 0.1s;
}
.post-navigation .nav-previous a:hover i{
    left:-3px;
}
.post-navigation .nav-next a:hover i{
    right:-3px;
}
.screen-reader-text {
    display: none !important;
}
#yritysluettelo .yritys-item .highlight {
	background: rgba(5,129,237,0.5);
    color: #000;
}

.yritys-container {
	margin: 0;
	padding: 0;
	list-style: none;
}
.yritys-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

#yritysluettelo .yritys-item {
    width: calc(50% - 10px);
	border: 1px solid #E3E3E3;
    border-radius: 10px;
    margin: 8px 0;
    padding: 10px;
    position: relative;
    border-width: 1px 0px 1px 0px;
    background: rgb(251, 251, 251);
}
.cn-categories {font-family: "Noto Serif";font-size: 0.9375rem;color: #666;}
#yritysluettelo .alpha-container {
    font-size: 72px;
    padding: 0;
    margin: 20px 0px 10px 0px;
	flex-grow: 2;
    width: 100%;
}
span.cn_category_label {
    font-weight: bold;
}
#toimiala-widget.widget ul a {
    font-weight: normal;
}
.yritys-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom:1.5em;
}
.yritys-filter {
    width: calc(33.33333% - 2px);
    white-space: normal;
    background: #f7f7f7;
    color: #333;
    border: none;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    border-width: 3px 0px 3px 0px;
    padding: 10px;
    margin: 1px;
    border-top-color: #f9f9f9;
}
.page-template-yhdistykset-template .yritys-filter{
    width:auto;
    padding:5px 12px;
}
#searchYritykset {
    border-radius: 50px;
    padding: 10px 20px;
    border: 1px solid #e3e3e3;
}
.yritys-filter:hover {
background: #6fb1ec;
    color: rgb(255, 255, 255);
    border-color: #a1caef transparent #5197d6 transparent;
}
section#yhteystiedot {
    padding: 6rem 0rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+5,ffffff+100 */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 5%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 5%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/*Hirsikoulun IG feedi widget*/
.hirsikoulu-feed > li.widget-container {
	list-style: none;
}
@media screen and (min-width:1200px){
	#yhteystiedot .container {
		max-width:1230px;
		width: auto;
		padding: 0;
	}
}

@media (min-width: 576px){
	.modal-dialog {
		max-width: 550px;
		width: 90vw;
		margin: 30px auto;
	}
}

@media screen and (max-width:991px){
	h1 {font-size:1.8rem;}
	h2 {font-size:1.5rem;}
	h3 {font-size:1.4rem;}
.navbar-brand > img {
		transform: scale(1);
	}
	.navbar-brand {
		margin-right: 1rem;
	}
	.admin-bar .mega-menu-toggle.mega-menu-open{
		margin-top: 32px !important;
	}
	.admin-bar #mega-menu-primary{
		top: 32px !important;
	}
}
@media screen and (max-width: 782px){
	.admin-bar .mega-menu-toggle.mega-menu-open{
		margin-top: 46px !important;
	}
	.admin-bar #mega-menu-primary{
		top: 46px !important;
	}
}
@media screen and (max-width: 767px){
	nav#top-navigation .top-meta, .top-search {
		text-align: center;
	}
	.top-meta {
		float:none;
	}
	.top-links {
		justify-content: center;
	}
	.top-menu-container {
		margin:0;
	}
	ul#top-menu {
		padding-left:0;
	}
	#primary{order:1;}
    #left-sidebar {order:2;}
    #right-sidebar {order:3;}
	
	.threecol .ccchildpage {
		width: calc(50% - 3px);
	}
	h3.ccpage_linked_title {
		font-size: 0.85rem;
	}
	#wrapper-footer {
		text-align: center;
	}
	.footer-navigation #bottom-menu {
		display: flex;
		justify-content: center;
	}
	#yhteystiedot .video-container {
		min-height:320px;
	}
}
@media screen and (max-width:599px){
	.top-level-heading{
		font-size:1.8rem;
	}
	.yritys-filter {
		width: calc(50% - 2px);
	}
	#yritysluettelo .yritys-item {
		width: calc(100% - 10px);
	}
	.post-navigation .nav-links {
		flex-wrap:wrap;
		height:auto;
	}
	.post-navigation .nav-links span {
		width: 100%;
		position:static;
	}
}
@media screen and (max-width: 399px){
	h1 {font-size:1.5rem;}
	h2 {font-size:1.4rem;}
	h3 {font-size:1.3rem;}
	h4 {font-size:1.1rem;}
	h5 {font-size:1rem;}
	h6 {font-size:1rem;}
	.threecol .ccchildpage {
		width: calc(100%);
		max-width:300px;
	}
}
@media (min-width: 992px){
	.top-meta {
		margin-left: 125px;
	}
}
@media (min-width: 1024px){
	#top-search-modal .modal-dialog {
		max-width: 800px;
		width:800px;
		margin: 30px auto;
	}
}
/*.history-back a {
    color: #333333;
        background: rgb(243, 243, 243);
    padding: 0.5rem 1rem;
    border-radius: 5px;
    border: 1px solid rgb(241, 241, 241);
}*/
.btn {
    color: #333333;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    border: 1px solid rgb(228 228 228);
    background-color: #eeeeee;
}
.btn:hover,.btn:focus {
	color: #2B5190;
    border: 1px solid #2B5190;
    text-decoration:none;
}
.btn.focus, .btn:focus, .wpcf7 input.focus[type=submit], .wpcf7 input[type=submit]:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #2b5190;
    color: #2B5190;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #2B5190;
    border-color: #2B5190;
}
.btn-primary {
    color: #fff;
    background-color: #2B5190;
    border-color: #2B5190;
}
.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0581ed;
    background-image: none;
    border-color: #0581ed;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 2px rgb(5, 129, 237);
	color: #fff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0581ed;
    border-color: #0581ed;
}
.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input[type=color]:focus, .wpcf7 input[type=date]:focus, .wpcf7 input[type=datetime-local]:focus, .wpcf7 input[type=datetime]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=file]:focus, .wpcf7 input[type=month]:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=range]:focus, .wpcf7 input[type=search]:focus, .wpcf7 input[type=submit]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 input[type=time]:focus, .wpcf7 input[type=url]:focus, .wpcf7 input[type=week]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #0581ed;
    outline: none;
}
.btn-outline-primary, .wpcf7 input[type=submit] {
    color: #2B5190;
    background-image: none;
    background-color: transparent;
    border-color: #2B5190;
}
.btn-outline-primary:hover, .wpcf7 input[type=submit]:hover {
    color: #fff;
    background-color: #2B5190;
    border-color: #2B5190;
}
article .entry-footer {
    font-size: 0.85rem;
    padding: 1rem;
    border: none;
	margin-bottom:30px;
}
.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #2B5190;
    border-color: #2B5190;
}
.page-link {
    color: #2B5190;
}
table.em-calendar {
    width: 100%;
    max-width: 320px;
    min-height: 260px;
    font-family: "Lato", sans-serif;
}

table.em-calendar thead {
    font-size: 1.2rem;
    background: #f2f4f6;
}

a.em-calnav {
    color: #a7a7a7;
}

a.em-calnav:hover {
    color: #2B5190;
    text-decoration: none;
}

table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {
    color: #2B5190;
}
table.em-calendar td.eventless-today, table.em-calendar td.eventful-today {
    background-color: #0681ed;
    color: #fff;
}
li.event-link ul {
    padding-left: 0;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

li.event-link ul li {
    display: inline-block;
    margin-right: 5px;
}
.css-events-list table.events-table td {
    border-width: 1px 0px 1px 0px;
    padding: 0.7rem 0rem;
    border-color: #eaeaea;
}

.css-events-list table.events-table th.event-description, .css-events-list table.events-table th.event-time {
    padding-bottom: 1rem;
}
.footer-widget.widget_em_widget ul {
    padding-left: 0;
    list-style: none;
}
.footer-widget h2 {
    font-size: 1.5rem;
}
.page-template article .entry-footer{
	display:none;
}
.page-template.logged-in article .entry-footer{
	display:block;
}
#footer-full-content .wpp-list li {
    margin: 0;
}
#footer-full-content .wpp-list li a {
    font-weight: inherit;
}