/*
Theme Name: Nivelrikko
Theme URI: https://sanavarma.fi/
Author: Sanavarma
Author URI: https://sanavarma.fi/
Description: Sanavarman toteuttama teema.
Version: 1.00
*/
/*nivelrikko sisältökuvat korkeusfixi*/
#nivelrikko-content img {
	height: auto;
}
/*normiteksti välistys bot*/
p {
	padding-bottom: 1em
}

/*blogi-nivelrikko sisältö kappalevälistys ja koko*/
#nivelrikko-content p {
	padding-bottom: 1em;
	font-size: var(--font18);
		line-height: 1.4em;
}
/*banneri etusivu typistys*/
	#homebanner h1 {
		padding-bottom: 15px;
	}
@media (max-width: 800px)
{
/*.homebanner-buttons a:nth-child(3){
	display:none;
}*/
.homebanner-buttons a {
	width: 200px;
}
	.homebanner-buttons {
		margin-top:150px;
	}
}

@media (max-width: 1000px){
	#homebanner h1 {
		padding-bottom: 10px;
	}
	.mobilebanner img {
		width:90%;
		margin: auto;
	}
	.mobilebanner {
		background-color: #dddddd;
	}
}
/*blogit lisäclamppi tekstille*/
@media (min-width: 1200px){
.nivelrikkotarinat-template-default .project-pads p{
	padding-right: clamp(0px, 5.5vw, 320px);
}
}

#nivelrikko-stories h2 a.otsikkolinkki {
font-size: var(--font34);
text-decoration: none;
}
#nivelrikko-stories h2 a.otsikkolinkki:hover {
		text-decoration: underline;
}
/*linkit*/
.popupbehindthescenes-content a {
	font-size: var(--font20);
	color: #0081A7;
}
#icebreaker a {
	font-weight: 600;
}	
	
@media(max-width: 330px){
	.homebanner-buttons {
	  margin-top: 190px;
	}
}
#topnav-left {
	gap: 8px
}
/*napit*/
#imagetext a.btn {
    margin-top: 10px;
}
.nivelrtest-buttons a:nth-child(3) {
    background-color: #00AFB9;
    color: #fff;
    border: 2px solid #039BA3;
}
.nivelrtest-buttons a:nth-child(3):hover {
    background-color: #039BA3;
}
.plus {
	margin-top: 0px;
}
/*vetosisältö li*/
.plus-content li {
	margin-left: 22px;
	font-size: var(--font20);
	font-weight: 600;
  padding-bottom: 1em;
}
/*blogi li*/
#nivelrikko-content li {
	font-size: var(--font18);
  padding-bottom: 8px;
	font-weight: 600;
}
#nivelrikko-content ul {
	font-size: var(--font18);
	padding-left: 15px;
	padding-bottom: 10px
}
/*blogi single kuva*/
.singnivelimg {
	aspect-ratio: 10/2.5;
	min-height: 200px;
}