body {
color: #212529;
font-family: 'Raleway',sans-serif;
font-size: 1rem;
font-weight: 400;
letter-spacing: .4px;
line-height: 1.5;
padding: 0 0;
text-align: left;

background-color: #f3f3f3;
background-image: url('../images/materiaalipankki_bg.jpg');
background-position: top center;
background-repeat: no-repeat;
background-size: auto 400px;
min-height: 100vh;
background-size: cover;
}

a, a:hover, a:active, a:visited{
	color:#265a90;
}
.container-fluid {
margin-left: auto;
margin-right: auto;
max-width: 1305px;
position: relative;
}
.container > .block{
background-color: #fff;
border-radius: 18px;
box-shadow: 0px 0px 5px rgba(0,0,0,.36);
font-size: 1rem;
margin-bottom: 40px;
overflow: hidden;
padding: 30px 20px;
}

.materiaalipankki-content>.container {
max-width: 1140px;
}
.header-row{
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
a.header-link{

}
a.header-link, .img-fluid.header-logo{
max-width: 280px;
display: block;
margin: 0 auto;
min-height: 90px;
}
.materiaalipankki-inner-container{
    max-width: 900px;
    margin: 30px auto;
}
.ingressi{
color: #275a90;
font-size: 1.2rem;
font-weight: 500!important;
line-height: 1.4;
margin-bottom:2rem;
}

iframe#pdf-js-viewer{
    width: 100%;
    max-width: 900px;
    margin: 50px auto;
    display: block;
}
.h1, h1 {
font-size: 2rem;
}
.h2, h2 {
font-size: 1.4rem;
font-weight: 400;
}
.h3, h3 {
font-size: 1.1rem;
font-weight: 400;
}
h3.otsikko-ingressi{
color:#265a90;
}
.h4, h4 {
font-size: 1.2rem;
}
.teemaryhma+.teemaryhma{
margin-top:30px;
}
.teemaryhma h2{
	margin-bottom: 20px;
}
.smaller-all-link{
text-align: right;
}
.aineisto-rivi{
padding: 5px 15px;
}
.sivunavi{
border-top: solid 1px #000000;
margin-top: 40px;
padding-top: 10px;
}
a.pr-link{
display: block;
float: left;
}
a.nx-link{
display: block;
float: right;
}
.maara{
clear: both;
margin: 10px auto;
display: block;
text-align: center;
width: auto;
}

.category-navigation {
display: block;
margin-bottom: 0;
overflow: visible;
padding: 0;
position: relative;
text-align: center;
z-index: 1;
}
.category-navigation>li {
display: inline-block;
left: 0;
padding: 0 10px;
position: relative;
top: 0;
z-index: 1;
}
.category-navigation li a {
border: solid 3px #fff;
display: block;
color: #fff;
background-color: #275a90;
}
.category-navigation a.cat-link, .subcategory-navigation a.cat-link {
border-radius: 1.5em;
font-size: .8rem;
padding-bottom: .4em;
padding-top: .5em;
padding-left: 1.5em;
padding-right: 1.5em;
text-transform: none;
}
.category-navigation li.current-cat-item a {
border: solid 3px #275a90;
display: block;
color: #275a90;
background-color: #ffffff;
}
form.aineistohaku{
/* resetoidaan alueen padding-bottom */
margin-bottom: -20px;
}
form.aineistohaku .form-check {
position: relative;
display: block;
padding-left: 5px;
padding-bottom: 3px;
padding-top: 3px;
}
input[type="text"]{
	width: 100%;
}
label.haku {
color: #275a90;
cursor: pointer;
font-size: 24px;
display: block;
clear: both;
position: relative;
display: inline-block;
}
button.ssubmit-btn, button.sssubmit-btn {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: 0;
color: #275a90;
cursor: pointer;
outline: none;
position: absolute;
top: 0;
right: 5px;
}
.light-blue.area{
background-color: #dff5ff;
border-radius: 18px;
padding: 20px 30px;
margin-bottom: 20px;
}
.hakutarkenteet {
border-radius: 18px;
margin-bottom: 20px;
}
.hakutarkenteet .inner{
background-color: #ffffff;
border-radius: 18px;
height: 100%;
padding: 10px 15px;
padding-bottom: 15px;
}
.hakutarkenteet .inner>strong{
padding-bottom: 3px;
padding-top: 3px;
}
.hakutarkenteet .form-check-label {
margin-bottom: 0;
position: relative;
z-index: 10;
width: 100%;
padding-left: 25px;
}
.hakutarkenteet input.form-check-input .hakutarkenteet input.form-check-input {
box-sizing: border-box;
padding: 0;
position: absolute;
z-index: 1;
left: 0;
top: 0;
margin: 0;
margin-top: .4rem;
}
.hakutarkenteet .form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: 0;
}
button.btnlinkki.btnlinkki-blue, a.btnlinkki.btnlinkki-blue{
-webkit-appearance: none;
appearance: none;
border: solid 1px #275a90;
border-radius: 1em;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: 500;
/* letter-spacing: .5px; */
margin: 0 5px;
min-width: 100px;
background-color: #275a90;
color: #fff;
margin: 0;
padding: 0.15em 1em;
}
.sng-ahti-footer{
background-color: #dff5ff;
border-radius: 0 0 18px 18px;
margin-left: -30px;
margin-right: -30px;
margin-bottom: -30px;
margin-top: 50px;
min-height: 130px;
padding: 30px;
vertical-align: middle;
line-height: 1.4;
position: relative;
}
.sng-ahti-footer img.img-fluid.ahtifooter-img{
display: block;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
max-width: 100px;
width: 100%;
}
figure, figure img, .materiaalipankki-inner-container img{
width: 100%;
max-width: 100%;
height: auto;
}
.bg-blue {
background-color: #275a90;
color: #fff;
}
.footer .container{
max-width: 1140px;
}
.footer-content {
font-size: .875rem;
}
.footer-content.bg-white p{
	margin-bottom:0;
}
.footer-content.bg-blue {
padding: 30px;
}
.footer-content.bg-blue a, .footer-content.bg-blue a:hover, .footer-content.bg-blue a:active, .footer-content.bg-blue a:visited {
	color:#ffffff;
}
.footer-content.bg-blue a{
text-decoration:underline;
}
.btn.btn-white{
	background-color: #ffffff;
	border-radius: 1.5em;
	color: #265a90!important;
	font-size: .875rem;
	padding: 10px 20px;
	text-decoration:none!important;
	
}

.bg-blue .ahti-bg-area{
background-image:url('https://vesi.fi/aineistopankki/wp-content/themes/syke-vesi-materiaalipankki//images/Aineistopankki_Footer.png');
	background-position:center bottom;
	background-size:320px;
	padding-bottom: 400px;
	background-repeat:no-repeat;
}
.back-link {
    color: #275a90;
    font-size: 1.1rem;
    font-weight: 600;
    line-height:1
}

.back-link:before {
    content: "\f060";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    margin-right: .25em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.materiaalipankki-content table {
font-size: 90%;
padding: 5px;
border: solid 1px #c1c1c1;
width: 100%!important;
max-width: 100%;
}
.materiaalipankki-content table tr:nth-child(odd) {
    background:rgba(200, 200, 200, .2)
}

.materiaalipankki-content table td {
    padding: 5px;
    border:solid 1px #c1c1c1
}

.artikkeli-content table td p {
    margin:0
}
.materiaalipankki-inner-upper-container{
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 576px){
	body {
		padding: 0 10px;
	}
	.h1, h1 {
		font-size: 2.1rem;
	}

	.h2, h2 {
		font-size: 1.7rem;
		font-weight: 400;
	}
	.h3, h3 {
		font-size: 1.2rem;
		font-weight: 400;
	}
}
@media (min-width: 768px){
	body {
		padding: 0 40px;
	}
	.h1, h1 {
		font-size: 2.5rem;
	}
	.h2, h2 {
		font-size: 2rem;
		font-weight: 400;
	}
	.h3, h3 {
		font-size: 1.375rem;
		font-weight: 400;
	}
	.container > .block{
		padding: 30px;
	}
	.aineisto-rivi{
		padding: 5px 30px;
	}
	.bg-blue .ahti-bg-area{
		background-position: 90% bottom;
		background-size: 250px auto;
		padding-bottom: 0px;
	}
}
@media (min-width: 768px){
	.container-fluid.materiaalipankki-content {
		/* pääsisällön minimikorkeus niin että ikkuna täyttyy = ikkkunan korkeus - footer - pääsisällön margin-bottom */
		min-height: calc(100vh - 88px - 40px);
	}
}

/* Collapse-nosto */
.collapse-nosto{
display: block;
border-radius: 18px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.36);
font-size: 0.9rem;
margin-bottom: 25px !important;
margin-left: 0px;
margin-right: 0px;
margin-top: 15px;
padding: 10px 15px;
}

p+.collapse-nosto{
margin-top: 30px;
}
.sis-l-35.sis-r-35 .collapse-nosto{
margin-left: 0px;
margin-right: 0px;
}
.collapse-nosto:last-child{
margin-bottom: 15px !important;
}
.collapse-title{
	color: #00013d;
	margin: 0.5rem 0;
	padding: 0!important;
	position: relative;
	font-size: 1.15rem;
}
.collapse-title a{
color: #00013d;
display: block;
padding-right: 30px!important;
position: relative;
z-index: 1;
}
.collapse-title-link:after{
}
.collapse-title-link.collapsed:after{
}
.collapse-icon{
width: 30px; 
height: 30px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index:10;	
}
.collapse-title-link.collapsed .collapse-icon{

}
.collapse-title-link .collapse-icon .svgiconst0{
	fill:#1BA2E1;
	animation: ukkiconbg 0.5s linear 
}
.collapse-title-link.collapsed .collapse-icon .svgiconst0{
	fill:#285A90;
	animation: ukkiconbg1 0.5s linear 
}
.collapse-title .collapse-icon .svgiconst1{
	fill:#FFFFFF;
	transition-property: all;
	transition-timing-function:ease-in-out;
	transition-duration: 100ms;
	transition-delay:100ms;
	transform-origin: center center;
}
.collapse-title-link.collapsed .collapse-icon .svgiconst1{
	transform: rotate(0deg);
	transition-duration: 300ms;
}
.collapse-title-link .collapse-icon .svgiconst1{
	transform: rotate(-45deg);
}

@keyframes collapseiconbg {
from {
	fill:#285A90;
	}
to {
	fill:#1BA2E1;
	}
}
@keyframes collapseiconbg1 {
from {
	fill:#1BA2E1;
	}
to {
	fill:#285A90;
	}
}
.collapse-content{
	padding: 1em;
	padding-top: 1.5em;
	line-height: 1.4;
}

.collapse-content ul {
padding-left: 0.8em;
}
.collapse-content li{
line-height: 1.4;
margin-bottom: 0.75em;
}
.collapse-content img{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.header-col-1 a{
/*opacity:0;*/
}

a.header-btn-link{
padding: 0.5em 1em;
margin-bottom: 10px;
border-radius: 0.5em;
border: solid 2px #ffffff;
background-color: #265a90;
color: #ffffff;
}
a.header-btn-link.current_page, a.header-btn-link:hover{
padding: 0.5em 1em;
background-color: #ffffff;
color:#265a90;
margin-bottom: 10px;
border-radius: 0.5em;
border: solid 2px #ffffff;
}
a.header-btn-link.current_page a, a.header-btn-link:hover{
color:#265a90;
}
.btn.btn-primary.btn-report{
	background-color: #265a90;
	border-color: #265a90;
	color: #ffffff;
	font-size: 0.9rem;
}
.wpcf7-form .row{
		max-width:500px;
		width:100%;
}
.wpcf7-form label{
	display:block;
}
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form textarea{
	width:100%;
		padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#vatiRaportointi form, #veetiRaportointi form{
	padding-bottom:20px;
	padding-top:20px;
}
.wpcf7-submit{
background-color: #265a90;
border-color: #265a90;
color: #ffffff;
font-size: 0.9rem;
-webkit-appearance: none;
appearance: none;
border: 0;
padding: 4px 15px;
border-radius: 0.25rem;
}

	
	/* cookiehub */
	.ch2-btn {
	font-weight: 600!important;
}
	.ch2-theme-bar .ch2-dialog.ch2-dialog-bottom.ch2-visible{
font-family: 'Raleway', sans-serif!important;
}
.ch2-theme-bar .ch2-dialog p:last-child, .ch2-theme-bar .ch2-dialog p:nth-child(2) {
display: block!important;
}
.ch2-theme-bar .ch2-dialog p:last-child {
	margin-left: 0px!important;
}
.ch2-style-light .ch2-settings {
font-family: 'Raleway', sans-serif!important;
}
.ch2-style-light .ch2-btn-secondary:hover {
background: #1a1a1a;
}
.ch2-settings-content .ch2-settings-tab-container>button, .ch2-style-compact .ch2-btn {
border-radius: 1.75em;
display: inline-block;
margin-top: 1em;
padding: 0.75em 1.5em;
	}
.ch2-btn.ch2-btn-secondary.ch2-deny-all-btn {
color: #ffffff!important;
background-color: #275a90!important;
	border: solid 0px #ffffff!important;
	}
 .ch2-btn.ch2-btn-secondary.ch2-allow-all-btn{
color: #275a90!important;
background-color: #ffffff!important;
	border: solid 2px #275a90!important;
	}

.ch2-style-light .ch2-settings-declaration table tbody tr td {
background-color: #eff9ff!important;
}
    .ytplaceholder {
        width: 560px;
        height: 315px;
        text-align: center;
        background: #eee;
        border: 1px solid #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
		font-size: 0.8rem;
    }
    .embed-responsive+p{
    margin-top:1rem;
    }