/* 
 Theme Name:   Kavetu 2026
 Theme URI:    
 Description:  
 Author:       Kala- ja vesitutkimus Oy
 Author URI:   https://www.kalajavesitutkimus.fi
 Template:     neve
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

body {
	hyphens:manual;
}

.site-header,
.site-info,
.site-footer,
.footer-widgets {
	background-color:#054e76;
	color:#ffffff;}
	
.welcome {
	background-color:rgba(5,78,118,0.6)!important;
	max-width:70%!important;
	margin:0 auto;
	padding: 1.5em;
}

.welcome25 {
	background-color:#054e76!important;
	max-width:70%!important;
	margin:0 auto;
	padding: 1.5em;
}

@media (max-width: 959px) {
.welcome25 {
	max-width:80%!important;
}
}

.latest-news {
	max-width:1200px!important;
	margin:0 auto!important;
	padding:20px 40px!important;}
	
.wp-block-latest-posts.columns-3 li {
	padding:1em;}
	
.wp-block-latest-posts__post-excerpt {
	font-size:0.9rem;}
	
.wp-block-button__link {
    color: #fff;
    background-color: #314767;	}	
	
.latest-news a {
	font-weight:bold;
	color:#314767;}
			
.separate-containers .inside-article {
	background-color:transparent;}

.wp-block-button a{
	text-transform: uppercase !important;
  font-family: montserrat, tahoma, sans-serif;
  font-size: 0.8em !important;
}


hr {
	max-width:70%;
}
	
hr.aligncenter {
	margin:1em auto;
}

hr.left {
	margin:1em 0;
}

.aalto .wp-block-getwid-section__wrapper {
	padding-top:150px;
}

.rounded img {
	border-radius:25px;
}

.cr {
	display:none;
}

	
/*HEADINGS and LINKS*/

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	hyphens:auto;
}

h1 {
	font-weight:300;	
	text-transform:uppercase;
	color: #354566;
	margin-top:1em;
	line-height:1.3em;}

h2 {
	font-size:1.5em!important;
}

h3 {
	font-weight:300;	
	text-transform:uppercase;
	color: #354566;}
	
	
	
h4 {	margin-bottom: 10px!important;
    font-size: 1em!important;
    text-transform: uppercase;
    color: #054e76;
    letter-spacing: 1px!important;
	font-weight:bold;	
	}
	
h5 {
	font-family:lato, arial, sans-serif;
	}	
	
	
a:hover, a:focus {
	color: #1679b6; 
}
	
/*CONTENT*/

.alignfull {
	padding:0!important;}

.page .nv-page-title-wrap {
    margin-top: 50px;
}	

.nv-content-wrap ul, .excerpt-wrap ul {
    list-style-type: disc;
}	

.nv-page-title-wrap.nv-big-title .nv-page-title {
	border-bottom:0px;}

.refe {
	max-width:1140px;
	margin:0 auto;
	padding-bottom:1.5em;
}

.nv-single-page-wrap {
	margin-bottom:0;
}

.tutustupalveluihin {
	padding-top:50px;
	color:#393939;
}

.tutustupalveluihin .wp-block-column {
	background:transparent;
    max-height: 100px;
	align-items: center;
    display: flex;
}

.tutustupalveluihin .wp-block-column figure {
	padding:0;
	max-height:80px;
	margin:0;
}

.tutustupalveluihin .wp-block-image {
	max-height:100px;
}

.tutustupalveluihin .wp-block-column :hover img {
    transition: transform 0.2s ease-in-out;
    transform: scale(1.1);
	background:#054e76!important;
}

.tutustupalveluihin .wp-block-column :hover a {
    transition: 0.2s ease-in-out;
    color: #d0dee5;
	background:#054e76!important;
}

.tutustupalveluihin li {
	background: white;
    padding: 2em;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}

.tutustupalveluihin .wp-block-column h3 {
	width:100%;
	margin-bottom:0;
}

.tutustupalveluihin a {
	cursor: pointer;
    color: #ffffff;
	background:var(--nv-primary-accent);
    text-decoration: none !important;
    display: flex;
    width: 100%;
    height: 100px;
    padding: 1em;
    font-weight: bold;
    font-size: 0.75em;
	line-height:1.5em;
	align-items: center;
}

.tutustupalveluihin a:hover {
	background:#054e76!important;}

.case-palvelut .wp-block-getwid-section__wrapper {
	margin-top:100px;
}

.case-palvelut h2 {
	color:#054e76;
}

/*PIILOTTAA OTSIKON*/
.page-id-1335 .nv-page-title-wrap .nv-big-title {
	display: none;}


	
@media (max-width: 959px) {
.alignwide,
.header .container {
    width: 100vw;
	max-width: 100vw!important;
}	
}
	
@media (max-width: 599px) {
footer {
	padding-top:2em;
}

.wp-block-image .alignright	{
    display: block;
    clear: both;
	width:100%;
	margin-bottom: 2em;
	}

}		
	
	
/*NAVI*/	

.site-logo {
	max-width:200px;
}

.header--row.layout-contained {
	max-width: 1680px;
	width:100vw;}

.header .container {
	width:95%;
	max-width:95%;}

.hfg-slot.right {
	margin-left:auto;
}


element {
}
.nav-ul .caret svg {
  width: 1em!important;
  height: 1em!important;
	color: #ffffff; }

.nav-ul .sub-menu {
	background:#ffffff!important;
}
	
.builder-item--primary-menu {
    font-size: 0.9rem;
	text-align:left;}
	
.nav-menu-primary ul li a {
	color: #99c6f3;}

.nav-menu-primary ul li[class*="current-menu-"] > a {
    color: #91b8ca;
    background-color: transparent; 
}

.nav-menu-primary ul ul li[class*="current-menu-"] > a {
    color: #91b8ca!important;
	background-color: #ffffff;}
	
.nav-menu-primary ul ul {
	background-color: transparent;}	
	
.nav-menu-primary ul li a {
	color:#ffffff!important;
	font-weight:bold;
font-size: 0.8em;}

.nav-menu-primary ul ul li a {
	color:#314767!important;
	font-weight:bold;}	
	
.nav-menu-primary ul ul li a:hover {
	color:#91b8ca!important;
	font-weight:bold;}		
	

.nav-ul .sub-menu li > a {
	justify-content:left;}

.nav-menu-primary ul ul li a {
    color: #515151;
    background: #fff;
}	

#header-menu-sidebar ul li a {
	font-size:1em;
}

#header-menu-sidebar .nav-ul .caret svg {
	width: 0.7em !important;
    height: 0.7em !important;
	color: #054e76; }


#header-menu-sidebar ul li a {
    color:#000000!important;
    font-weight: bold;
}

#header-menu-sidebar ul ul li a {
    color:#314767!important;
    font-weight: bold;
}

#header-menu-sidebar a:hover {
	color:#91b8ca!important;
	font-weight:bold;}		

.header-main-inner .nv-icon svg {
	fill: #ffffff;
}

.current-menu-item a {
	text-decoration:none!important;
}

.nv-content-wrap ul {
	margin:0!important;
}

.palvelunavi_hdr {
	padding-top:1.5em;
}

.wp-block-navigation.items-justified-center {
	padding-left:0;
}


@media (max-width: 550px){
.is-top-divider svg {
	height:35px!important;
}
	
	.wp-block-navigation .wp-block-navigation-item	{
		text-align:center;
		width:100%;
		display:block;
	}
	
}	

/*RATKAISUT*/

.page-id-767 h3,
.page-id-1344 h3 {
	font-weight:300;
	margin-bottom:0;
	text-transform:uppercase;
}

.page-id-767 .wp-block-column,
.page-id-1344 .wp-block-column {
	padding:2em;
	color:#054e76;
}

.page-id-767 .nv-page-title-wrap,
.page-id-778 .nv-page-title-wrap,
.page-id-1344 .nv-page-title-wrap {
    display: none;
}

.page-id-767 .wp-block-column .wp-block-separator,
.page-id-1344 .wp-block-column .wp-block-separator {
	margin: 20px 0;
	background-color:var(--nv-c-1) !important;	
}

.page-id-767 .wp-block-column .wp-block-button__link,
.page-id-1344 .wp-block-column .wp-block-button__link {
    color: var(--nv-primary-accent) !important;
    background-color: var(--nv-c-1) !important;	
	border-radius:0;
}

.ratkaisut {
	    min-height: calc(100vh - 388px)!important;
   
}



	
/*PERSON*/ 	

.wp-block-getwid-person {
	clear:both;
	margin-bottom:20px;
	min-height:200px;}
	
.wp-block-getwid-person__image img {
	max-width: 200px;
	margin:0 auto 1em;
	}

.wp-block-getwid-person__image+.wp-block-getwid-person__content-wrapper {
	margin-top: 0em; 	
}	
	
.wp-block-getwid-person__content-wrapper {
	width: 60%;
    float: left;
	text-align: left;}

.wp-block-getwid-person__image {
    float: left;
	text-align: left;
	margin-right:2%;
}

.wp-block-getwid-person__title {
	color: #054e76;
}
	
@media (max-width: 550px) {
.wp-block-getwid-person__content-wrapper,
.wp-block-getwid-person__image {
	width: 100%;
    float: left;
	text-align: left;
	}

.wp-block-getwid-person__content-wrapper {
	padding-bottom:2em;
	border-bottom:1px solid #354566;	
	}
	
.wp-block-getwid-person__content-wrapper:last-child {
	padding-bottom:1em;
	border-bottom:0px;	
	}	
	
.wp-block-getwid-person__subtitle, .wp-block-getwid-person__title, .wp-block-getwid-person__content {
	text-align:center;}

}	
	
.wp-block-getwid-person__subtitle {
    display: block;
    font-size: 1em;
}	
	
.wp-block-getwid-person__content {
    margin-top: 1em;
	font-size: 0.8em;}	
	





/*FORM*/
input,
button {
	border-radius:0px!important;
}

	
	
/*SIDEBAR*/
@media (min-width: 960px) {
.nv-sidebar-wrap.nv-right,
.palvelut-side {
    border-left: 1px solid #354566;
}
}


.palvelut-side {
	padding-left:40px;
	background:transparent;
	font-size:0.9rem;
}	

.palvelut-side ul {
	padding-left:0;
	list-style-type:none;}


.palvelut-side ul li a,
.palvelut-nav a {
    display: block;
    background: #054e76;
    padding: 8px;
    list-style-type: none;
    font-weight: bold;
    color: #ffffff;
	text-decoration:none!important;
	font-size:0.9rem;}
	
.has-spacing-small.has-layout-list .wp-block-getwid-custom-post-type__post+.wp-block-getwid-custom-post-type__post {
	margin-top:10px;}	

.palvelut-side ul li a:active,
.palvelut-side ul li a:hover,
.palvelut-nav a:active,
.palvelut-nav a:hover {
    background: #00436e;
}

.wp-block-getwid-custom-post-type__post-excerpt {
	display:none;}


@media (max-width: 599px) {
.palvelut-side {
    margin-top:2em;
	padding-left:0;
}
}	
	
/*WIDGETS*/	
.sidebar .widget {
	background-color: transparent;
	padding: 20px;
}

.site-footer {
	padding-top: 0em;}

.footer--row {
	padding-top: 1em;}

.footer--row .c-left {
	margin-left:auto;
}

.footer-bottom-inner .c-left {
	margin:0 auto;
}

footer .widget,
.builder-item--footer_copyright {
	font-size: .9rem;
	line-height: 1.4rem;}
	
footer .widget_media_image	{
	display:inline-block;
	margin-left:25px;
	float: right;}
	
footer .widget_media_image	img{
	max-height:62px;}
	
footer #text-4 {
	padding-bottom: 0;
}	
	
footer p.widget-title {
	color: #ffffff;	
	letter-spacing: 1px;}
	
aside .widget p.widget-title,
h3.comment-reply-title {
	margin-bottom: 10px;
    font-size: 0.8em;
    text-transform: uppercase;
    color: #91b8ca;
    letter-spacing: 1px;	
 }	

.widget-title {
    margin-bottom: 15px;
    font-size: 1.1rem;
	font-weight: bold;}

	
.widget ul li {
	font-size: 1rem; }
	
@media (max-width: 959px) {
footer {
	text-align:left;
}
.footer--row .c-left {
	margin-left:0;
	padding-top:20px;
}
	
footer .widget_media_image	{
	display:inline-block;
	margin-right:25px;
	margin-left:0px;	
	float: left;}	
}
	
	
@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }	

	
}
	
/*BLOGI*/
.article-content-col .content {

    border-bottom: 2px dotted gray;
}