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


.kodit_buttons {
    display:flex;
    gap:16px;
    margin-bottom:32px;
}
.kodit_buttons button {
    background-color: var(--global-palette4);
    border:1px solid var(--global-palette4);
    display: inline-block;
    padding: 10px 15px 8px 15px;
    border-radius: 30px;
    border:1px solid var(--global-palette4);
    color: white;
    text-decoration: none;
    transition: 0.3s;
    line-height: 18px;
    font-size: 15px;
    box-shadow: none;
}
.kodit_buttons button.active {
    background-color: var(--global-palette1);
    border:1px solid var(--global-palette1);
}
#kodit_haku {
    margin-left:auto;
    background-color: white;
    color:black;
    display: inline-block;
    padding: 10px 15px 8px 39px;
    border-radius: 30px;
    border:1px solid white;
    text-decoration: none;
    transition: 0.3s;
    font-size: 15px;
    background-image:url('/wp-content/uploads/suurennuslasi.svg');
    background-position: left center;
    background-position-x: 6px;
    background-repeat: no-repeat;
}
#kodit_haku::placeholder {
    color:#282828;
    opacity:60%;

}


#kodit_listaus {
    column-count: 4;
    position:relative;
    margin-bottom: 60px;
}
#kodit_listaus.filtered {
    column-count:2;
}
#kodit_listaus.filtered .kodit_listaus_avattava, #kodit_listaus.filtered .kodit_listaus_avattava + a {
    display:none;
}
#kodit_listaus .hide{
    display:none;
}
#kodit_listaus, #kodit_listaus ul{
    list-style:none;
}
#kodit_listaus > li {
    margin-bottom:5px;
    page-break-inside: avoid;
}
#kodit_listaus.filtered > li {
    margin-bottom:5;
    page-break-inside:auto;
}#kodit_listaus.filtered  li {
    margin-bottom:5px;
}
#kodit_listaus .kodit_listaus_nuoli {
    position:relative;
    display:inline-block;
    height:8px;
    width:8px;
    left:-18px;
    top:-3px;
    border-right:1px solid #282828;
    border-bottom:1px solid #282828;
    transform: rotate(45deg);
    margin-right:-8px;
}
#kodit_listaus:not(.filtered) > li > ul {
    display: none;
    background-color: var(--global-palette4);
    padding: 6px 24px 15px 30px;
    z-index: 9;
    position: absolute;
    margin-left: -30px;
    margin-top: -38px;
    border-radius: 10px 10px 10px 10px;
    padding-top: 42px;
}
#kodit_listaus:not(.filtered) > li > ul  a {
    color: white;
    font-size: 14px;
    padding-bottom: 3px;
    display: block;
}
#kodit_listaus.filtered > li > ul {
    display:block;
    margin-left:0;
}

#kodit_listaus a {
    text-decoration:none;
    color:#282828;
    line-height:22px;
    padding-left:18px;
    margin-left:-18px;
    transition:none;
}
#kodit_listaus.filtered a {
    padding-left:0;
}
#kodit_listaus:not(.filtered) .kodit_listaus_avattava.open {
    background-color:var(--global-palette4);
    color:var(--global-palette5);
    position: relative;
    z-index: 10;
}
#kodit_listaus:not(.filtered) .kodit_listaus_avattava.open ~ ul {
    display:block;
}
#kodit_listaus:not(.filtered) .kodit_listaus_avattava.open span {
    border-right:1px solid var(--global-palette5);
    border-bottom:1px solid var(--global-palette5);
    transform: rotate(225deg);
    top:1px;
}
@media screen and (max-width: 1023px) {
    #kodit_listaus {
        column-count: 3;
    }
    
}
@media screen and (max-width: 767px) {
    #kodit_listaus {
        column-count: 2;
    }
    .kodit_buttons {
        flex-wrap:wrap;
    }
    #kodit_haku {
        margin-left:0;
    }
}
@media screen and (max-width: 520px) {
    #kodit_listaus, #kodit_listaus.filtered {
        column-count: 1;
    }
}



#esperi-google-map {
    height: 567px;
    width: 100%;
    margin-bottom: 24px;
    display:none;
}   

.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-palette4);
    border-right: 7px solid transparent;

    display: block;
}
.koti_sivuvalikko ul li a.active{
    font-weight: bold;
    border-right: 7px solid var(--global-palette4);
}
.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:var(--global-palette4)
    }
    .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;
        color:white;
    }
    .koti_sivuvalikko ul li a.active{
        border:0;
    }
    .koti_sivuvalikko ul li a:not(.active){
        display:none;
    }
    .koti_sivuvalikko_menu_button {
        position:absolute;
        width:48px;
        height:23px;
        display:block;
        top:16px;
        right:34px;
        z-index: 999999;
        border:0;
        background-color:transparent;
    }
    .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 white;
        border-bottom:2px solid white;
        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;
    }
}

.page-id-8587 .sticky-cta {
    display:none;
}

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