.elementor-kit-4{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#1E1C1F;--e-global-color-accent:#015325;--e-global-color-c08a9f0:#003316;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-size:1em;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:1em;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:1em;--e-global-typography-accent-font-weight:500;--e-global-typography-b4c6042-font-family:"Roboto";--e-global-typography-b4c6042-font-size:1rem;--e-global-typography-231d600-font-family:"Roboto Slab";--e-global-typography-231d600-font-size:1.5rem;--e-global-typography-23d4f77-font-family:"Roboto Slab";--e-global-typography-23d4f77-font-size:2.8rem;--e-global-typography-0887b12-font-family:"Roboto Slab";--e-global-typography-0887b12-font-size:2.4rem;--e-global-typography-7710447-font-family:"Roboto Slab";--e-global-typography-7710447-font-size:2rem;--e-global-typography-dacf820-font-family:"Roboto Slab";--e-global-typography-dacf820-font-size:1.8rem;--e-global-typography-4e273d4-font-family:"Roboto Slab";--e-global-typography-4e273d4-font-size:1.4rem;--e-global-typography-9ee1979-font-family:"Roboto Slab";--e-global-typography-9ee1979-font-size:1.2rem;--e-global-typography-32ed52c-font-family:"Roboto Slab";font-family:var( --e-global-typography-b4c6042-font-family ), Sans-serif;font-size:var( --e-global-typography-b4c6042-font-size );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-accent );font-weight:700;color:var( --e-global-color-v4-text-alt );border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:0.85rem 1.5rem 0.85rem 1.5rem;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-v4-highlight-alt );color:var( --e-global-color-v4-text-alt );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-accent );}.elementor-kit-4 h1{font-family:var( --e-global-typography-231d600-font-family ), Sans-serif;font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h2{font-family:var( --e-global-typography-231d600-font-family ), Sans-serif;font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h3{font-family:var( --e-global-typography-231d600-font-family ), Sans-serif;font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h4{font-family:var( --e-global-typography-231d600-font-family ), Sans-serif;font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h5{font-family:var( --e-global-typography-231d600-font-family ), Sans-serif;font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h6{font-family:var( --e-global-typography-231d600-font-family ), Sans-serif;font-size:var( --e-global-typography-231d600-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-4{font-size:var( --e-global-typography-b4c6042-font-size );}.elementor-kit-4 h1{font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h2{font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h3{font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h4{font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h5{font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h6{font-size:var( --e-global-typography-231d600-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{font-size:var( --e-global-typography-b4c6042-font-size );}.elementor-kit-4 h1{font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h2{font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h3{font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h4{font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h5{font-size:var( --e-global-typography-231d600-font-size );}.elementor-kit-4 h6{font-size:var( --e-global-typography-231d600-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --primary:#000000; --secondary:#54595F; --text:#1E1C1F; --highlight:#015325; --highlight-alt:#003316; --text-alt:#ffffff; --bg-primary:#ffffff; --bg-secondary:#F7F7F7; --bg-highlight:#E7ECEA; --gray:#F4F5F4; --bg-footer:#015325; --bg-top:#ffffff; --otsikko1:3.2rem; --otsikko2:2.8rem; --otsikko3:2.2rem; --otsikko4:1.8rem; --otsikko5:1.5rem; --otsikko6:1.2rem; }
/* Start custom CSS *//* --- Fontti koko pohja HTML ja BODY --- */
html{font-size:calc(15px + 0.1vw)}
body{font-size:1rem;}
/* --- Yleiset välitykset P ja H1 - H6 ---*/
p,.elementor p.e-paragraph-base{margin-bottom:0.65rem;}

h1,h2,h3,h4,h5,h6,
.elementor h1.e-heading-base,
.elementor h2.e-heading-base,
.elementor h3.e-heading-base,
.elementor h4.e-heading-base,
.elementor h5.e-heading-base,
.elementor h6.e-heading-base {margin-bottom:1rem;}

/* --- Elementor vanhan tuoteosaston ulkoasu ---*/
/* Lisättävä ID #product-catalog */
#product-catalog .product-category {
    position: relative;
    overflow: hidden;
}

#product-catalog .product-category a {
    position: relative;
    display: block;
}

#product-catalog .product-category img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#product-catalog .product-category a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.65) 45%,
        rgba(0, 0, 0, 0) 100%
    );
    pointer-events: none;
}

#product-catalog .woocommerce-loop-category__title {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    bottom: 15px;
    margin: 0 !important;
    color: var(--text-alt) !important;
}

#product-catalog.front .count {
    display: none !important;
}


#product-catalog.front .products {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr);
    gap: 6px;
}

#product-catalog.front .product-category {
    width: 100% !important;
    margin: 0 !important;
    position: relative;
    overflow: hidden;
}

/* Ylärivin 4 korttia */
#product-catalog.front .product-category:nth-child(-n+4) {
    grid-column: span 3;
}

/* Alarivin 3 korttia */
#product-catalog.front .product-category:nth-child(n+5) {
    grid-column: span 4;
}

/* Kaikille korteille sama kuvakorkeus */
#product-catalog.front .product-category a {
    position: relative;
    display: block;
    height: 300px;
    overflow: hidden;
}

#product-catalog.front .product-category img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}


@media (max-width: 767px) {
    #product-catalog.front .products {
        grid-template-columns: 1fr;
    }

    #product-catalog.front .product-category:nth-child(n) {
        grid-column: span 1;
    }

}
/* --- Tuoteosasto valikko oletus --- */
.woocommerce.widget_product_categories .product-categories{
    list-style-type: none;
    padding-inline-start: 0px;
}
.woocommerce.widget_product_categories .product-categories .children{
    list-style-type: none;
    padding-inline-start: 1rem;
}

/* --- Tuoteosasto sivuvalikko --- */
#product-catalog-list .woocommerce.widget_product_categories .product-categories{
    list-style-type: none;
    padding-inline-start: 0px;
}
#product-catalog-list .woocommerce.widget_product_categories .product-categories .children{
    list-style-type: none;
    padding-inline-start: 1rem;
}

#product-catalog-list .woocommerce.widget_product_categories .product-categories li > a{
    display: block;
    padding-top: 1rem;
    padding-bottom:1rem;
    padding-left:0.5rem;
    padding-right: 0.5rem;
    margin-bottom:0.6rem;
    font-weight: bold;
     color:var(--secondary);
    background-color: var(--bg-secondary);
    transition:.5s all;
}
#product-catalog-list .woocommerce.widget_product_categories .product-categories .children li > a{
 padding-top: .6rem;
    padding-bottom:.6rem;
    margin-bottom:0.3rem;
}
/*Hover*/
#product-catalog-list .woocommerce.widget_product_categories .product-categories li > a:hover{
    display: block;
    background-color: var(--bg-highlight);
}
/*Active / current category*/
#product-catalog-list .woocommerce.widget_product_categories .product-categories li.current-cat > a{
    color: var(--text-alt);
    background-color: var(--highlight);
}

/* --- Atomic haitari (collapse) --- */
.e-atomic-element.e-accordion-base .e-accordion-item-base{
    margin-bottom:0.25rem;
    border-radius:0.5rem;
    
    background-color:var(--bg-secondary);
}

.e-atomic-element.e-accordion-base .e-accordion-item-header-base{
    font-weight:bold;
}

.e-atomic-element.e-accordion-base .e-accordion-item-content-base{
     /*background-color:var(--bg-secondary);*/
     border-top: 1px solid var(--bg-highlight);
}/* End custom CSS */