.elementor-kit-6{--e-global-color-primary:#003366;--e-global-color-secondary:#0055a4;--e-global-color-text:#333333;--e-global-color-accent:#ef4135;--e-global-color-background:#FFFFFF;--e-global-color-backgroundAccent:#F0F4F8;--e-global-color-transparent:#00000000;--e-global-color-193ce8e:#E60F00;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading_xl-font-family:"Poppins";--e-global-typography-heading_xl-font-size:56px;--e-global-typography-heading_xl-font-weight:600;--e-global-typography-heading_xl-line-height:1.2em;--e-global-typography-heading_l-font-family:"Poppins";--e-global-typography-heading_l-font-size:48px;--e-global-typography-heading_l-font-weight:600;--e-global-typography-heading_l-line-height:1.2em;--e-global-typography-heading_m-font-family:"Poppins";--e-global-typography-heading_m-font-size:40px;--e-global-typography-heading_m-font-weight:600;--e-global-typography-heading_m-line-height:1.2em;--e-global-typography-heading_s-font-family:"Poppins";--e-global-typography-heading_s-font-size:18px;--e-global-typography-heading_s-font-weight:500;--e-global-typography-body_s-font-family:"Figtree";--e-global-typography-body_s-font-size:14px;--e-global-typography-body_s-font-weight:400;--e-global-typography-body_s-line-height:1.5em;background-color:var( --e-global-color-background );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.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-6{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading_xl-font-size:48px;--e-global-typography-heading_l-font-size:40px;--e-global-typography-heading_m-font-size:32px;--e-global-typography-heading_s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading_xl-font-size:40px;--e-global-typography-heading_l-font-size:32px;--e-global-typography-heading_m-font-size:32px;--e-global-typography-heading_s-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Kohdistetaan itse valikkokohtaan ja pakotetaan sisältö riville */
.yritys-ikoni, 
.yritys-ikoni a,
.yritys-ikoni .elementor-item {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* Tehdään tilaa ikonille tekstin perään */
.yritys-ikoni a {
    position: relative !important;
    padding-right: 25px !important; /* Tekee 28px tyhjää tilaa tekstin loppuun ikonille */
}

/* Ikoni asetetaan tarkasti tekstin perään tehtyyn tyhjään tilaan */
.yritys-ikoni a::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important; /* Lukitsee ikonin linkin oikeaan reunaan (tekstin perään) */
    top: 50% !important;
    transform: translateY(-50%) !important; /* Keskittää ikonin pystysuunnassa tekstin tasolle */
    
    width: 20px !important;  
    height: 20px !important;
    flex-shrink: 0 !important;
    
    opacity: 1 !important;
    visibility: visible !important;
    
    /* SVG-maski */
    -webkit-mask-image: url('https://kokkofrost.fi/wp-content/uploads/2026/05/yritysasiakkaat-ikoni.svg') !important;
    mask-image: url('https://kokkofrost.fi/wp-content/uploads/2026/05/yritysasiakkaat-ikoni.svg') !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    
    background-color: currentColor !important;
}

/* Varmistetaan, että hover-tilassa mikään ei muutu */
.yritys-ikoni a:hover::after {
    background-color: currentColor !important;
}

YKSITYSASIAKKAAT

/* Kohdistetaan yksityisasiakkaiden valikkokohtaan ja pakotetaan sisältö riville */
.yksityis-ikoni, 
.yksityis-ikoni a,
.yksityis-ikoni .elementor-item {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* Tehdään tilaa yksityis-ikonille tekstin perään */
.yksityis-ikoni a {
    position: relative !important;
    padding-right: 25px !important; /* Tyhjä tila tekstin loppuun ikonia varten */
}

/* Yksityis-ikoni asetetaan tarkasti tekstin perään tehtyyn tyhjään tilaan */
.yksityis-ikoni a::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important; /* Lukitsee ikonin linkin oikeaan reunaan */
    top: 50% !important;
    transform: translateY(-50%) !important; /* Keskittää ikonin pystysuunnassa */
    
    width: 20px !important;  
    height: 20px !important;
    flex-shrink: 0 !important;
    
    opacity: 1 !important;
    visibility: visible !important;
    
    /* UUSI SVG-MASKI YKSITYISASIAKKAILLE */
    -webkit-mask-image: url('https://kokkofrost.fi/wp-content/uploads/2026/05/yksityisasiakkaat-ikoni.svg') !important;
    mask-image: url('https://kokkofrost.fi/wp-content/uploads/2026/05/yksityisasiakkaat-ikoni.svg') !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    
    background-color: currentColor !important;
}

/* Varmistetaan, että hover-tilassa mikään ei muutu */
.yksityis-ikoni a:hover::after {
    background-color: currentColor !important;
}/* End custom CSS */