nav.main ul.sitemap .item a:hover {
/* Tumma väri navigaation hoverille*/
    background-color: #023B06 !important;
color: #ffffff !important;
}
li.current > .item > a {
/* Tumma väri aktiiviselle linkille navigaatiossa*/
background-color: #023B06 !important;
color: #000000;
}


nav.main ul.sitemap li .item {
/* vaalea väri ei-aktiiviselle sivulle navigaatiossa*/
    border-bottom: 1px solid #00000040 !important;
background: #c9d790;
color: #000000 !important;
}


nav.main ul.sitemap .item a:focus {
    background-color: #023B06
    
}

#navigation > div > ul > li > ul > li > ul > li > div  {
background-color: #c9d790;
}

#navigation > div > ul > li > ul > li > ul > li.current > div > a {
background-color: #e8b51c;
}

.banner > h1.toplevel {
visibility: hidden;
} 

nav.main ul.sitemap a:link, nav.main ul.sitemap a:visited, nav.main ul.sitemap a {
color: #ffffff;
}
nav.main ul.sitemap ul .item a:first-child {
    color: #000;
}
nav.main li.inpath> .item > a:first-child {
    color: #000;
}

.front-page-question {
font-weight: bold;
color: #C23432;
}

.front-page-answer {
    margin-left: 1rem;
    font-style: italic;
}


h1 > a, h3 {
color: #C23432 !important;
}

.carousel-container {
    margin-top: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 8px;
}
.carousel-container img {
  width: 300px; /* Example size */
  height: 200px;
  object-fit: cover;
}

ul li::marker {
      color: #C23432;
    font-size: 1.5rem;
}


.julkaisut {
display: flex;
flex-direction: column;
gap: 1rem;
}

.julkaisu > span.left.small {
    margin-right: 1.5rem;
}
.julkaisu > h2 {
 color: #C23432;
}
.teema-ja-tekija {
display: flex;
}

.teema-ja-tekija-teema {
flex: 3;
}


.teema-ja-tekija-tekija {
flex: 1;
max-width: 300px;
text-align: center;
}

.teema-ja-tekija-tekija > span.center.small {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}


article.module > header {
background: #c9d790 !important;
 border: none !important;
}

.vokes-front-page {
display: flex;
gap: 1rem;
}
.vokes-front-text {
flex: 5;
}
.vokes-front-info{
flex: 1.5;

    padding: .5rem;
}
.vokes-front-info > p {
 color: #C23432;
}