/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
body { font-size: 16px; background: #eee; }
body.path-frontpage { background: #eee url(/sites/default/files/background.png) no-repeat; background-size: cover; }
#topheader { position: relative; height: 80px; background: #005786; color: #fff; }
#topheader a { color: #fff; }
#topheader .navbar-brand { font-size: 40px; padding: 25px 25px; font-family: "Georgia", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#topheader .navbar-text { font-size: 18px; padding-top: 15px; font-style: italic; font-family: "Georgia", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, .h1 { font-family: "Georgia", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h2, .h2 { font-size: 24px; font-weight: 500; }
a { color: #005786; }
.main-container a { text-decoration: underline; }
.main-container a:focus { outline: 1px solid #000; }
.page-header { display: none; }
.main-container { background: #fff; padding: 30px; }
.layout__region--first > section { padding-right: 30px; }
.layout__region--third > section { padding-left: 30px; }
.block-field-blocknodeyritysrekisteribody, .block-field-blocknodeyritysrekisterifield-lisatietoa { margin: 20px 0; }
.block-field-blocknodeyritysrekisterititle { font-weight: bold; }
.block-field-blocknodeyritysrekisterifield-postitoimipaikka, .block-field-blocknodeyritysrekisterifield-postinumero,
.block-field-blocknodeyhdistysfield-postinumero, .block-field-blocknodeyhdistysfield-postitoimipaikka,
.field--name-field-postinumero, .field--name-field-postitoimipaikka { display: inline-block; }
.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first { flex: 0 1 24%; }
.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second { background: #fff; }
.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second > section,
.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second > div { padding: 0 20px; }
.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second > section:first-child {  }
.layout__region--first section { margin-bottom: 15px; }
section > h2.block-title { font-size: 1.45em; border-bottom: 2px solid #005786; padding: 5px 0px; }
section .field--label { margin-top: 10px; }
section .field--items > .field--item { margin: 10px 0; line-height: 1.2em; }
.block-field-blocknodearticlecreated, .views-field-created, .views-field-unpublish-on { font-size: 85%; color: #333; display: inline-block; }
.block-field-blocknodearticlefield-kohde { font-size: 85%; color: #333; display: inline-block; }
.field--name-field-ingressi { font-size: 1.15em; font-weight: bold; margin-bottom: 20px; }
#block-nakyvakaavakesearch-contentpage-1 { float: right; padding: 20px 10px; }
.form-type-search-api-autocomplete .input-group-addon { display: none!important; }
#edit-submit-search-content, #edit-submit-search-content--2 { min-height: 35px; }
.contextual-region .contextual .contextual-links a { color: #000!important; }
.breadcrumb > .active { color: #000!important;}

.hide-siblings nav > ul > li { display: none; }
.hide-siblings nav > ul > li.active { display: block; }
.layout__region--first .navbar-nav > li > a { color: #333; font-size: 110%; text-decoration: none; padding: 10px 15px; }
.layout__region--first .navbar-nav > li { border-bottom: 1px solid #ddd; width: 100%; }
.layout__region--first ul.navbar-nav { width: 90%; }
.layout__region--third h2 { border-bottom: 2px solid #005786; padding: 5px 0px; font-size: 1.2em; }
.layout__region--third h2 span, section > h2.block-title span {  color: #fff; background: #005786; padding: 5px 10px; border-top-right-radius: 2px; border-top-left-radius: 2px; }

#block-views-block-ajankohtaista-block-1-2 { vertical-align: top; width: 29%; display: inline-block; }
.view-ajankohtaista .views-row { padding-bottom: 10px; }
.block-views-blockajankohtaista-block-4 .views-row { margin-bottom: 10px; border-bottom: 1px solid #eee;}
.block-views-blockajankohtaista-block-3 .views-row { margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #eee;}
.view-ajankohtaista h2 { margin-top: 0; }
.path-frontpage #block-facebook, .path-frontpage #block-views-block-aggregator-rss-feed-block-1 { vertical-align: top; width: 69%; display: inline-block; margin-left: 20px; }
.path-frontpage .layout--threecol-section .layout__region--first { display: block!important; flex: 0 1 33%!important; }
.path-frontpage .layout--threecol-section .layout__region--second { flex: 0 1 33%!important; }
.path-frontpage .layout--threecol-section .layout__region--third { flex: 0 1 33%!important; }
.path-frontpage .layout--threecol-section img { max-width: 100%!important; margin-top: 20px; }
.path-frontpage .layout--threecol-section .layout__region > section { padding-top: 20px; padding-bottom: 20px; }

.block .view-aggregator-rss-feed .view-content{  column-count: 3; column-gap: 1em; max-width: 100%; }
.block .view-aggregator-rss-feed .views-row { background-color: #eee; display: inline-block;  margin: 0 0 1em; width: 100%; }
.some_post { vertical-align: top; padding: 15px; font-size: 15px; line-height: 17px; }
.some_image { background: #000; padding: 5px; text-align: center; max-height: 220px; overflow:hidden; }
.some_image img { max-width: 100%!important; max-height: 210px; }
.some_pubdate { font-size: 13px; font-weight: 600; margin: 10px 0; }
.some_message { }
.some_post > a  { color: #000; text-decoration: none!important; }

article .field--name-body { max-width: 1000px; }
.path-kartta article .field--name-body { max-width: 100%; }  
article li.active > .dropdown-menu { position: relative; display: block; box-shadow: none; width: 100%; }
article li.active > .dropdown-menu a { text-decoration: none; }
article .dropdown.open .dropdown-menu { width: 100%; z-index: 9999; }

.region-topheader, #navbar-collapse { max-width: 1400px; margin: auto; }
.navbar { border-radius: 0; }
.navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; }
.navbar.container { max-width: 100%; width: 100%; margin-bottom: 1px; }
.navbar.container { border: 0!important; }
.navbar.container .region-navigation { border: 0; border: 0!important; }
 .navbar-default { background: #0277B6; }
 .navbar-default .navbar-brand,  .navbar-default .navbar-nav > li > a { color: #fff; font-weight: 600; font-size: 18px; }
 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color: #fff;
	}
 .label { color: #000; }
 .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
 .layout__region--first .navbar-nav > li > a.is-active { font-weight: 600; }
 input[type="checkbox"], input[type="radio"] { min-width: 25px; min-height: 25px; vertical-align: middle; }
 button, html input[type="button"], input[type="reset"], input[type="submit"] { min-height: 40px; }
 img.align-right { padding-left: 15px; padding-top: 10px; padding-bottom: 10px; }
 img.align-left { padding-right: 15px; padding-top: 10px; padding-bottom: 10px; }
 table .views-field-title { font-weight: bold; }
 iframe { max-width: 100%!important; }
 .more-link { border: 1px solid #ccc; padding: 5px 10px; border-radius: 4px; float: left; }
 
 section.block-views-blockslideshow-block-1 { margin-bottom: 25px; }
 .view-slideshow { position: relative; }
 .views-field-field-image { width: 100%; height: auto; max-height: 700px!important; }
 .views_slideshow_cycle_teaser_section {} 
 .views_slideshow_cycle_slide { width: 100%!important; height: auto!important; max-height: 700px!important; margin-bottom: 25px; }
 .views_slideshow_cycle_main { width: 100%; }
 .views_slideshow_cycle_slide img { max-height: 700px!important;  }
 .views-slideshow-controls-bottom .views-slideshow-pager-bullets { position: absolute; bottom: 35px; z-index: 9; left: 32%; }
.views-slideshow-controls-bottom { position: absolute; bottom: 5px; left: 35%; z-index: 9; text-align: center; margin: 0px; font-size: 85%; font-weight: 600; padding: 5px; background: #f3f3f3; }
.views-slideshow-controls-bottom span { padding: 0 10px; }

.social-link-field { padding-left: 0; padding-top: 15px; }
.social-link-field svg.ext { display: none; }
.social-link-field .fa { font-size: 40px; }

.block-views-blocknostolaatikot-block-1 { }
.block-views-blocknostolaatikot-block-1 .view-content,
.block-views-blockalasivunostot-block-1 .view-content { 
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;	
    flex-wrap: wrap;
}
.block-views-blocknostolaatikot-block-1 .view-content .views-row,
.block-views-blockalasivunostot-block-1 .view-content .views-row { 

	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row; 
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 25%;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    z-index: 1;
    position: relative;
    -webkit-transition: -webkit-flex-basis .3s ease-in-out;
    -o-transition: flex-basis .3s ease-in-out;
    transition: flex-basis .3s ease-in-out;
    transition: flex-basis .3s ease-in-out,-webkit-flex-basis .3s ease-in-out,-ms-flex-preferred-size .3s ease-in-out;	
}
.block-views-blockalasivunostot-block-1 .view-content .views-row { flex: 0 0 33.3%; -ms-flex: 0 0 33.3%; -webkit-flex: 0 0 33.3%; }
.block-views-blockalasivunostot-block-1 .view-content .views-row .views-field { width: 100%; overflow: hidden; }
.block-views-blocknostolaatikot-block-1 .view-content, 
.block-views-blocknostolaatikot-block-1 .nosto { height: 500px; }
.block-views-blockalasivunostot-block-1 .nosto { height: 220px; position: relative; margin: 10px; overflow: hidden; }
.block-views-blocknostolaatikot-block-1 .nosto h2 { }
.block-views-blocknostolaatikot-block-1 .nosto img,
.block-views-blockalasivunostot-block-1 .nosto img { 
	width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.block-views-blocknostolaatikot-block-1 .nostobg,
.block-views-blockalasivunostot-block-1 .nostobg {
	min-height: 100%; width: 100%; display: block; position: absolute; bottom: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 55%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,01) 55%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 55%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

}
.block-views-blocknostolaatikot-block-1 a:hover .nostobg, .block-views-blocknostolaatikot-block-1 a:focus .nostobg,
.block-views-blockalasivunostot-block-1 a:hover .nostobg, .block-views-blockalasivunostot-block-1 a:focus .nostobg {
	background: rgba(237,237,237,0);
	background: -moz-radial-gradient(center, ellipse cover, rgba(237,237,237,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(237,237,237,0)), color-stop(0%, rgba(246,246,246,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(237,237,237,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(237,237,237,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(237,237,237,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,1) 100%);
	background: radial-gradient(ellipse at center, rgba(237,237,237,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#000000', GradientType=1 );

}
.block-views-blocknostolaatikot-block-1 .nostoteksti,
.block-views-blockalasivunostot-block-1 .nostoteksti { 
	display: block;
	line-height: 1.1em;
	position: absolute;
	z-index: 9;
	top: auto;
	bottom: 0;
	width: 100%; 
	padding: 15px 10px;
	text-align: center;
	color: #fff;

}
.block-views-blocknostolaatikot-block-1 .nostoteksti h2, 
.block-views-blockalasivunostot-block-1 .nostoteksti h2 { font-size: 20px; font-weight: 600; }
.block-views-blocknostolaatikot-block-1 .nostoteksti a,
.block-views-blocknostolaatikot-block-1 a .nostoteksti,
.block-views-blockalasivunostot-block-1 .nostoteksti a,
.block-views-blockalasivunostot-block-1 a .nostoteksti { color: #fff; }

#contact-message-feedback-form #edit-preview { display: none; }
.backLink { margin: 10px 0; }
.backLink a { text-decoration: none!important; }

.page-node-type-yhteystieto .block-views-blocksivun-otsikko-h1-block-1 h1 { margin-top: 0; font-family: font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; }
.page-node-type-yhteystieto .block-views-blocksivun-otsikko-h1-block-1,
.page-node-type-yhteystieto .block-field-blocknodeyhteystietofield-etunimi { display: inline-block; font-size: 36px; }
.block-field-blocknodeyhteystietofield-tehtava { margin-bottom: 15px; }
.view-yhteystiedot .views-view-grid .views-col { border: 2px solid #ddd; padding: 15px; margin: 10px; width: 30%!important; height: 200px; }

.footer { width: 100%!important; background: #005786; color: #fff; margin-top: 0; border-top: 20px solid #0277B6; }
.footer > div { max-width: 1400px; margin: auto;}
.footer a { color: #fff!important; text-decoration: underline; }
.footer .nav > li > a:hover, .footer .nav > li > a:focus { background-color: transparent; outline: 1px solid #fff; }

a:focus { outline: 1px solid #333; }
.footer a:focus { outline: 1px solid #fff; }
.footer td { border: 0!important; }

.radio label, .checkbox label{
	padding-left: 30px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
		margin-left: -30px;
		margin-top: 0px;
	}
@media screen and (min-width: 1201px) {
	
	.container { max-width: 1400px;
		width:100%;
	}
}
@media screen and (max-width: 1200px) {
	.container { width: 100%!important; }
	#block-nakyvakaavakesearch-contentpage-1 .form-item input { width: 150px; }
	.navbar-nav > li > a { padding: 20px 10px; }
}
@media screen and (max-width: 1025px) {
	
	#topheader { padding: 0 15px; }
	#topheader a { padding: 10px; }
	.block-views-blocknostolaatikot-block-1 .view-content, .block-views-blocknostolaatikot-block-1 .nosto { height: 350px; }
	.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first { flex: 0 1 73%; }
}
@media screen and (max-width: 890px) {
	.layout--twocol-section > .layout__region { max-width: 100%; overflow: hidden; }
	.views_slideshow_cycle_teaser_section, .views_slideshow_cycle_slide {  }
	.views_slideshow_cycle_slide img { max-width: 100%!important; height: auto!important; }
	.views-slideshow-controls-bottom { visibility: hidden!important; }
	section.block-views-blockslideshow-block-1 {  }
	.block-views-blocknostolaatikot-block-1 .view-content .views-row, .block-views-blockalasivunostot-block-1 .view-content .views-row {
		    -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%;
	}
	.block-views-blocknostolaatikot-block-1 .view-content { height: auto; }
	.block-views-blocknostolaatikot-block-1 .nosto { height: 200px; }
	.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
	 	    flex: 0 1 100%;
	}
	.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
			flex: 0 1 100%;
	}
	.block .view-aggregator-rss-feed .view-content { column-count: 2; }
	.block-views-blocknostolaatikot-block-1 .nosto img, .block-views-blockalasivunostot-block-1 .nosto img { height: auto; min-height: 200px; }
	.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { font-size: 16px; }
	.view-yhteystiedot .views-view-grid .views-col { width: 45%!important; font-size: 85%; }
	.path-frontpage .layout--threecol-section .layout__region--first { display: block!important; flex: 0 1 100%!important; order: 1; }
	.path-frontpage .layout--threecol-section .layout__region--second { flex: 0 1 100%!important; order: 2; }
	.path-frontpage .layout--threecol-section .layout__region--third { flex: 0 1 100%!important; order: 3; }
	
}
@media screen and (max-width: 768px) {
	#block-nakyvakaavakesearch-contentpage-1 { position: absolute; right: 10px; top: 20px; padding: 0; }
	#block-nakyvakaavakesearch-contentpage-1 .form-item { display: inline-block; }
	#block-nakyvakaavakesearch-contentpage-1 .form-actions { display: inline-block; }
	#topheader .navbar-brand { font-size: 26px; padding: 25px 25px 25px 0; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff!important; }
	.navbar-nav > li > a { padding: 10px 10px; }
	.layout__region--third > section { padding-left: 0; }
	.layout--threecol-section > .layout__region--first { flex: 0 1 25%; }
	.layout--threecol-section > .layout__region--second { flex: 0 1 70%; padding-left: 20px; }
	.layout--threecol-section > .layout__region--third { flex: 0 1 100%; }
	article .field--name-body { max-width: 100%; overflow-x: auto; }
	.webform-likert-table tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.webform-likert-table tr td{
		width: min-content;
		white-space: normal !important;
	}
}



@media screen and (max-width: 600px) {
    .layout--threecol-section > .layout__region--first { order: 2; flex: 0 1 100%; }
	.layout--threecol-section > .layout__region--second { order: 1; padding-left: 0; flex: 0 1 100%!important; max-width: 100%!important; }
	.layout--threecol-section > .layout__region--third { order: 3; }
	.layout__region--first > section { padding-right: 0; }
	.breadcrumb { font-size: 11px; }
	h1, .h1 { font-size: 24px; }
	h2, .h2 { font-size: 20px; }
	h3, .h3 { font-size: 18px; }
	.layout__region--first ul.navbar-nav { width: 100%; }
	.region-footer td { display: block; width: 100%; text-align:center!important; margin: 15px; }
	#topheader .navbar-text { display: none; }
	.view-yhteystiedot .views-view-grid .views-col { width: 100%!important; height: auto; }
	
	#block-nakyvakaavakesearch-contentpage-1 .form-item input { width: 130px; }
	.block-views-blockalasivunostot-block-1 .nosto { margin: 4px; height: 200px; }
	section.block-views-blockslideshow-block-1 { min-height: auto; }
	.block-views-blocknostolaatikot-block-1 .nostoteksti, .block-views-blockalasivunostot-block-1 .nostoteksti { font-size: 12px; padding: 5px; }
	.block-views-blocknostolaatikot-block-1 .nostoteksti h2, .block-views-blockalasivunostot-block-1 .nostoteksti h2 { font-size: 14px; }	
}