/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all theme stylesheets.
 */


#saga-google-map {
    min-height:570px;
}
@media all and (max-width:630px) {
    #saga-google-map {
        min-height:360px;
    }
}

.koti_sivuvalikko ul {
    list-style: none;  
    text-align: right;
    border-right: 7px solid white;
}
.koti_sivuvalikko ul li a {
    padding:9px 24px 7px 16px;
    margin-right:-7px;
    text-decoration:none;
    color: var(--global-palette3);
    border-right: 7px solid transparent;
    font-size: 19px;
    display: block;
}
.koti_sivuvalikko ul li a.active{
    font-weight: bold;
    border-right: 7px solid var(--global-palette8);
}
.koti_sivuvalikko_menu_button {
    display:none;
}

@media all and (max-width:1023px) {
    .koti_sivuvalikko ul {
        padding:0;
    }
    .koti_sivuvalikko ul li a{
        padding-left:0;
    }
}
@media all and (max-width:850px) {
    .koti_sivuvalikko ul li a{
        font-size:13px;
    }
}
@media all and (max-width:767px) {
    .koti_sivupalkki{
        position:sticky;
        top:0;
        z-index:9999;
        width:calc(100% + 48px);
        margin-left:-24px;
        padding-left:24px;
        margin-right:-24px;
        background-color:white;
    }
    .koti_sivupalkki > div {
        padding: 10px 0 !important;
    }
    .koti_sivuvalikko ul {
        text-align:left;
        position:relative;
        border:0;
        width:100%;
    }
    .koti_sivuvalikko ul li a{
        font-size:18px;
        border:0;
        padding-left:16px;
        border:0;
    }
    .koti_sivuvalikko ul li a.active{
        border:0;
    }
    .koti_sivuvalikko ul li a:not(.active){
        display:none;
    }
    .koti_sivuvalikko_menu_button {
        background-color: unset;
        position:absolute;
        width:48px;
        height:23px;
        display:block;
        top:16px;
        right:34px;
        z-index: 999999;
        border:0;
    }
    .koti_sivuvalikko_menu_button:focus, .koti_sivuvalikko_menu_button:hover {
        border:0;
        background:none;
    }
    .koti_sivuvalikko_menu_button .button_arrow{
        height:16px;
        width:16px;
        display:block;
        border-right:2px solid var(--global-palette8);
        border-bottom:2px solid var(--global-palette8);
        transform:rotate(45deg);
        margin-top:-7px;
        transition: all 0.3s ease-in-out;
    }
    .koti_sivuvalikko.open .koti_sivuvalikko_menu_button .button_arrow{
        transform:rotate(225deg);
        margin-top:-2px;
    }
    .koti_sivuvalikko.open ul li a{
        font-weight:bold;
        padding:9px 0 7px 16px;
        display:block;
    }
}

/* Piilotetaan tyhjät sectiot koti-sivuilta */
.kuulumiset-section:not(:has(.some-img-container)) {
    display:none;
}
.asiakastyytyvaisyys-section:not(:has(p)) {
    display:none;
}
.kokemukset-section:not(:has(p)) {
    display:none;
}