.elementor-kit-19{--e-global-color-primary:#013742;--e-global-color-secondary:#B3D6C6;--e-global-color-text:#013742;--e-global-color-accent:#013742;--e-global-color-401ee69:#FFFFFF;--e-global-color-9f22d84:#80ECFF;--e-global-color-3e0fe3c:#00C2FF;--e-global-color-bf03899:#F2FAFF;--e-global-color-a6cd202:#FFCC00;--e-global-color-852d9f6:#D1D1D1;--e-global-color-b6362dc:#8EA59B;--e-global-typography-primary-font-family:"Gilroy-Normal-600sb-800b-900heavy";--e-global-typography-primary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Gilroy-Normal-600sb-800b-900heavy";--e-global-typography-accent-font-weight:600;color:var( --e-global-color-text );font-weight:400;}.elementor-kit-19 button,.elementor-kit-19 input[type="button"],.elementor-kit-19 input[type="submit"],.elementor-kit-19 .elementor-button{background-color:var( --e-global-color-primary );font-size:18px;color:var( --e-global-color-401ee69 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px 100px 100px 100px;}.elementor-kit-19 button:hover,.elementor-kit-19 button:focus,.elementor-kit-19 input[type="button"]:hover,.elementor-kit-19 input[type="button"]:focus,.elementor-kit-19 input[type="submit"]:hover,.elementor-kit-19 input[type="submit"]:focus,.elementor-kit-19 .elementor-button:hover,.elementor-kit-19 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-primary );background-image:linear-gradient(180deg, var( --e-global-color-401ee69 ) 0%, var( --e-global-color-401ee69 ) 100%);}.elementor-kit-19 e-page-transition{background-color:#FFBC7D;}.elementor-kit-19 p{margin-block-end:15px;}.elementor-kit-19 a{color:var( --e-global-color-3e0fe3c );}.elementor-kit-19 a:hover{color:var( --e-global-color-text );}.elementor-kit-19 h1{color:var( --e-global-color-primary );font-size:50px;font-weight:800;}.elementor-kit-19 h2{color:var( --e-global-color-primary );font-size:40px;font-weight:800;}.elementor-kit-19 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-19 h4{font-size:27px;font-weight:700;}.elementor-kit-19 h5{color:var( --e-global-color-primary );font-size:25px;font-weight:600;}.elementor-kit-19 h6{color:var( --e-global-color-primary );font-size:20px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-branding .site-logo img{width:229px;max-width:229px;}.site-header .site-navigation ul.menu li a{color:var( --e-global-color-primary );}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* piilotetaan yrikyksen linkki*/

/* Hide on desktop */
.hidedesk {
  display: none !important;
}

/* Show in mobile menu */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .hidedesk {
    display: block !important;
  }
}






.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,5px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,5px));
    display: inline-block;
    border-radius: 0px !important;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: 30px !important;
    margin: 1px !important;
    height: 6px !important;
}






h3, h4, h5   {
    font-family: "Gilroy-Normal-600sb-800b-900heavy" !important;
    font-weight: 600 !important;
}



/* header ota yhteyttä */
/* header ota yhteyttä */
.dropdown-wrapper {
  position: relative;
  display: inline-block;
  z-index: 9999;
}

/* Nappi */
.dropdown-button {
  background-color: #013742; /* tumma tausta */
  color: white;              /* valkoinen teksti & nuoli */
  padding: 6px 11px 6px 15px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.3s ease, color 0.3s ease;
  outline: none; /* poista oletusfokuskehys */
}

/* Nuoli */
.dropdown-button .chevron-icon {
  transition: transform 0.3s ease, color 0.3s ease;
  color: currentColor; /* seuraa tekstin väriä */
}

/* Hover ja focus kun ei aktiivinen */
.dropdown-wrapper:not(.active) .dropdown-button:hover,
.dropdown-wrapper:not(.active) .dropdown-button:focus {
  background-color: #e0f7f8; /* vaalea tausta */
  color: #013742;           /* tumma teksti & nuoli */
}

/* Aktiivinen tila (auki) */
.dropdown-wrapper.active .dropdown-button {
  background-color: #013742; /* tumma tausta */
  color: white;              /* valkoinen teksti & nuoli */
}

/* Aktiivinen + hover/focus */
.dropdown-wrapper.active .dropdown-button:hover,
.dropdown-wrapper.active .dropdown-button:focus {
  background-color: #e0f7f8; /* vaalea tausta */
  color: #013742;           /* tumma teksti & nuoli */
}

/* Nuoli kääntyy ylös kun aktiivinen */
.dropdown-wrapper.active .chevron-icon {
  transform: rotate(180deg);
}

/* Dropdown-ikkuna */
.dropdown-content.custom-content {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: white;
  border: 2px solid #007f80;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: none;
  width: 350px;
  max-width: 350px;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

/* Sisällön kuvat ja tekstit */
.dropdown-image {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 12px;
}

.dropdown-text {
  color: #013742;
  font-size: 16px;
  font-weight: 500;
}

.dropdown-text h5 {
  line-height: 18px;
  margin: 12px 0 10px 0;
}

.dropdown-text h6 {
  line-height: 18px;
  margin: 20px 0 0 0;
}

.dropdown-text p {
  line-height: 20px;
  margin: 0px;
  color: #013742;
}

.dropdown-text a {
  color: #013742;
  text-decoration: none;
}

.dropdown-text a:hover {
  color: #00C2FF;
}

.dropdown-text a:hover::after {
  font-weight: 900;
  content:" ➔";
  margin-left: 5px;
  color: #00C2FF;
}

/* Aktiivinen tila näyttää dropdownin */
.dropdown-wrapper.active .dropdown-content {
  display: block;
}

/* Mobiiliversio */
@media (max-width: 600px) {
  .dropdown-wrapper.active .dropdown-content.custom-content {
    position: fixed;
    top: 90px;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    overflow-y: auto;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    padding: 20px;
    max-width: none;
  }
}





/* header ota yhteyttä  end */



/* korostus - start  */

.ilman_korostusta {
  border: 2px solid #ddd !important;
  border-radius: 20px !important;
  padding: 1rem;
}  


.korostus {
  border: 2px solid #ffcc00 !important;
  border-radius: 20px !important;
  padding: 1rem;
}

/* korostus - end  */

/* sininen elemntti - st  */
.sin_grid p {
    font-size: 16px;
}

/* sininen elemntti - end  */

.teksti-blokki  p {
    font-size: 17px;
}


/* kysymykset ja vastaukset start */

  .faq-wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem 1rem;
  
  }

  .faq-item {
    border: 2px solid #e5e7eb ;
    border-radius: 1.5rem;
    background-color: white;
    margin-bottom: 1.2rem;
    padding: 0.rem;
    transition: border-color 0.3s ease;
  }

  .faq-item[data-expanded="true"] {
    border-color: var( --e-global-color-primary );
  }

  .faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 20px;
    border-radius: 20px 20px 0 0 ; 
  }
  
    .faq-header:hover {
 background-color: #F5F9FA;
     border-radius: 20px 20px 20px 20px ; 
  }


  .faq-header h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin: 0;

  
  }




  .faq-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    transition: transform 0.3s ease;
  }

  .faq-toggle svg {
    width: 24px;
    height: 24px;
    stroke: #6b7280;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
  }

  .faq-item[data-expanded="true"] .faq-toggle svg {
    transform: rotate(180deg);
  }

  .faq-content {
    margin-top: 1rem;
    color: #374151;
    font-size: 1.2rem;
    font-weight:400 !important;
    display: none;
    padding: 20px;
  }
  
  .faq-item.hidden-faq {
  display: none;
}
 
  

  .faq-item[data-expanded="true"] .faq-content {
    display: block;
 
  }

  .faq-content ul {
    margin-top: 0.75rem;
    padding-left: 1.25rem;
    color: #4b5563;
  }

  .load-more-container {
    text-align: center;
    margin-top: 2rem;
  }

  .load-more-container .load-more-btn {
    background: none;
    border: none;
    color: var( --e-global-color-primary );
    font-size: 1.525rem;
    font-weight: 700;
    cursor: pointer;
  }
/* kysymykset ja vastaukset end *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy-Normal-600sb-800b-900heavy';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Regular.eot');
	src: url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Regular.woff2') format('woff2'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Regular.woff') format('woff'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Regular.ttf') format('truetype'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Regular.svg#Gilroy-Normal-600sb-800b-900heavy') format('svg');
}
@font-face {
	font-family: 'Gilroy-Normal-600sb-800b-900heavy';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Semibold.eot');
	src: url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Semibold.woff2') format('woff2'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Semibold.woff') format('woff'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Semibold.ttf') format('truetype'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Semibold.svg#Gilroy-Normal-600sb-800b-900heavy') format('svg');
}
@font-face {
	font-family: 'Gilroy-Normal-600sb-800b-900heavy';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Bold.eot');
	src: url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Bold.woff2') format('woff2'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Bold.woff') format('woff'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Bold.ttf') format('truetype'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Bold.svg#Gilroy-Normal-600sb-800b-900heavy') format('svg');
}
@font-face {
	font-family: 'Gilroy-Normal-600sb-800b-900heavy';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Heavy.eot');
	src: url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Heavy.woff2') format('woff2'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Heavy.woff') format('woff'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Heavy.ttf') format('truetype'),
		url('https://aaltoenergia.com/wp-content/uploads/2025/06/Gilroy-Heavy.svg#Gilroy-Normal-600sb-800b-900heavy') format('svg');
}
/* End Custom Fonts CSS */