.kohdelista {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
background-color: var(--base-2);
}
.kohdelista-kohde {
display: flex;
flex-direction: column;
background-color: #fff;
}
.kohdelista-kuva {
object-fit: cover;
min-width: 100%;
}
.kohdelista-tiedot {
margin: -30px 30px 20px;
background: #fff;
padding: 0 20px;
}
.kohdelista-tiedot h2,
.kohdelista-tiedot p {
margin: 0;
text-align: center;
}
.kohdelista-tiedot h2 {
padding: 10px 0;
font-size: 28px;
line-height: 1.5;
}
.kohdelista-tiedot p {
color: #333;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.kohdelista-tiedot ul {
list-style: none;
padding: 0;
margin: 0;
}
.kohdelista-linkit {
margin-top: 20px;
}
.kohdelista-linkit a i {
color: #0094d8;
}
.kohdelista-linkit a:hover i {
color: #333;
}
.kohdelista-linkit ul {
display: flex;
justify-content: center;
gap: 18px;
}
.yritys-tiedot {
margin-bottom: 20px;
}
.yritys-tiedot h3 {
margin: 0 0 0.5rem;
font-size: 18px;
font-weight: 500;
}
.yritys-tiedot p {
margin-bottom: 0;
}
img.header-image.is-logo-image { filter: brightness(0) invert(1); }
.site-header { background-color: var(--vihrea); background: linear-gradient(180deg, #a4c300, #a4c300, hsl(70deg 100% 37%)); }
.main-navigation .main-nav ul li a { text-shadow: 1px 1px 1px #819b06; }
section.kansikuva {
min-height: 70vh;
display: flex;
justify-content: flex-end;
align-items: center;
background-color: #fff;
background-size: cover;
background-position: center;
flex-direction: column;
color: #fff;
text-shadow: 1px 2px 2px #04171a;
padding-bottom: 60px;
}
.kansiotsikot {
display: flex; 
flex-direction: column;
justify-content: flex-end;
align-items: center;
max-width: 80vw;
text-align: center;
}
#cookie-notice .cookie-notice-container { background-color: #222; }
.nostolaatikot .size-Kohdekuva { margin: 0 -20px; }
.nostolaatikot .size-Pieni-kohdekuva { margin: 0 -10px; }
footer a { text-decoration: none; } .footer-widget-1 aside ul {
line-height: 1;
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px; 
}
.footer-widget-1 aside ul li a { text-decoration: none; }
section.kansikuva { background-color: #222222; }
.nostolaatikot h4 { margin-bottom: 10px; }
.facebook-kuvake { font-size: 42px !important; }
.kohdelista-kuva img { background-color: hsl(210deg 14% 96%); }
.kohdelista-tiedot h2 { font-size: 26px; padding-top: 20px; }
@media only screen and (max-width: 768px) { .home .kansiotsikot h1 { font-size: 32px; } }
@media only screen and (max-width: 420px) { .kohdelista-tiedot { margin-left: 10px; margin-right: 10px; font-size: 17px; padding: 0 10px; } 
.separate-containers .inside-article { padding: 20px; } 
.kohdelista-tiedot h2 {font-size: 24px; } }
.facebook-kuvake a > svg { fill: var(--vihrea); width: 45px; height: 45px; }
.has-text-align-center, .is-content-justification-center { text-align: center; }