.elementor-6069 .elementor-element.elementor-element-5afc6e4c:not(.elementor-motion-effects-element-type-background), .elementor-6069 .elementor-element.elementor-element-5afc6e4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2f866d7 );}.elementor-6069 .elementor-element.elementor-element-5afc6e4c > .elementor-container{min-height:300px;}.elementor-6069 .elementor-element.elementor-element-5afc6e4c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6069 .elementor-element.elementor-element-5afc6e4c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6069 .elementor-element.elementor-element-5afc6e4c > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-secondary );}.elementor-6069 .elementor-element.elementor-element-5afc6e4c > .elementor-shape-bottom svg{height:282px;}.elementor-6069 .elementor-element.elementor-element-2c63956 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-6069 .elementor-element.elementor-element-54d23da1{text-align:center;}.elementor-6069 .elementor-element.elementor-element-54d23da1 img{width:90px;}.elementor-6069 .elementor-element.elementor-element-4c15b6a7{text-align:center;}.elementor-6069 .elementor-element.elementor-element-4c15b6a7 .elementor-heading-title{font-size:3.1em;}.elementor-6069 .elementor-element.elementor-element-fd1e6c9 .elementor-widget-container{text-align:center;font-size:1.4em;color:var( --e-global-color-primary );}/* Start custom CSS for shortcode, class: .elementor-element-447a0ffd */.rinnakkaissivut-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
    margin: 0 auto;
}

.rinnakkaissivut-item {
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    border: 3px solid #7FC3E0; /* Borderin paksuus kasvatettu */
    border-radius: 10px; /* Pyöristetyt kulmat */
    padding: 25px;
    transition: border-color 0.3s ease; /* Siirtymä border-väriin */
    overflow: hidden; /* Varmistaa, ettei sisältö ylitä rajauksia */
    background-color: #dbeef5;
}

.rinnakkaissivut-item:hover {
   border-color: #005f80; /* Tumma sävy hoverissa */
   text-decoration: none !important; 
   font-weight: normal !important;
}

.rinnakkaissivut-thumbnail-container {
    flex: 0 0 15%; /* Kuvan leveys */
    max-width: 8%;
    margin-right: 30px; /* Kuvan ja tekstin väli */
    padding: 5px; /* Kuvan ympärille marginaali */
    background-color: transparent; /* Varmistaa neutraalin taustan */
    border-radius: 10px; /* Kuvan ympärille pyöristetyt kulmat */
    overflow: hidden; /* Leikkaa ylimääräisen sisällön */
}

.rinnakkaissivut-thumbnail {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.rinnakkaissivut-content {
    flex: 1;
    padding-left: 10px;
}

.rinnakkaissivut-content h3 {
    margin: 0 0 10px;
    color: #333;
    font-size: 1.7rem; /* Palautettu alkuperäinen fonttikoko */
    font-weight: bold;
}

.rinnakkaissivut-content p {
    margin: 0;
    color: #555;
    font-size: 1.1rem; /* Palautettu alkuperäinen fonttikoko */
}

.rinnakkaissivut-item h3:hover,
.rinnakkaissivut-item p:hover {
    text-decoration: none !important; /* Ei alleviivauksia hoverissa */

}/* End custom CSS */