.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Bricolage Grotesque";--e-global-typography-primary-font-size:150px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Bricolage Grotesque";--e-global-typography-secondary-font-size:50px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Bricolage Grotesque";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Bricolage Grotesque";--e-global-typography-accent-font-size:22px;--e-global-typography-accent-font-weight:600;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-text );}.elementor-kit-7 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-7 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:"Bricolage Grotesque", Sans-serif;font-size:35px;font-weight:600;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.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{padding-inline-end:20px;padding-inline-start:20px;}.site-header .site-navigation ul.menu li a{color:var( --e-global-color-text );}.site-header .site-navigation .menu li{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.site-footer{padding-inline-end:10px;padding-inline-start:10px;}.site-footer .copyright p{font-size:14px;}@media(max-width:1024px){.elementor-kit-7{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-kit-7{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-accent-font-size );}}
/* Start custom CSS *//*LAYOUT*/
.header-inner {
    width: 100%;
    max-height:25px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.site-navigation {
    flex: 1;
}

.site-navigation ul.menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
}


/*HOVER EFFECT*/
.site-navigation ul.menu a {
  position: relative;
  display: inline-block;
}

.site-navigation ul.menu a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 140%;
  height: 140%;

  background: url("http://leevirauhalahti.com/wp-content/uploads/2026/06/Vector-3-2.svg") no-repeat center;
  background-size: contain;

  opacity: 0;

  pointer-events: none;
  z-index: 2;
}

.site-navigation ul.menu a:hover::after {
  opacity: 1;
}


/*ACTIVE PAGE*/
.site-navigation ul.menu .current-menu-item a::after {
  content: "";
  position: absolute;
  top: 55%;
  left: 50%;
  width: 140%;
  height: 140%;
  transform: translate(-50%, -50%) rotate(6deg) scaleX(-1);
  background: url("http://leevirauhalahti.com/wp-content/uploads/2026/06/Vector-3-2.svg") no-repeat center;
  background-size: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 3;
}

/*TOGGLE MENU*/

.site-navigation-toggle{
    width: 40px;
    height: 40px;
}

.site-navigation-toggle-icon::before,
.site-navigation-toggle-icon::after {
  display: none !important;
}

.site-navigation-toggle-icon {
  width: 40px;
  height: 40px;
  display: block;
  background: url("http://leevirauhalahti.com/wp-content/uploads/2026/08/Frame-15.svg") no-repeat center;
  background-size: 100%;
}

.site-navigation-toggle.elementor-menu-toggle--active .site-navigation-toggle-icon {
  background: url("http://leevirauhalahti.com/wp-content/uploads/2026/08/Frame-16-2.svg") no-repeat center;
  background-size: contain;
}




.cvButton:hover{
    background: url("http://leevirauhalahti.com/wp-content/uploads/2026/06/Vector-3-2.svg") no-repeat center;
  background-size: contain;
  transition: none;
}

.arrowL, .arrowR{
    background: url("http://leevirauhalahti.com/wp-content/uploads/2026/07/Vector-9.svg") no-repeat center;
  background-size: contain;
}

@media (max-width: 600px) {
 .pageNav{
     display: none !important;
 }   
 
 .portfolioItem h3{
    font-size: 18px !important;
 }
 
  .productItem h3{
    font-size: 18px !important;
 }
 
  .portfolioItem p{
    font-size: 12px !important;
 }
 
   .productItem p{
    font-size: 12px !important;
 }
 
  .portfolioItem .readMore{
    font-size: 14px !important;
 }
}

  .productItem .readMore{
    font-size: 14px !important;
 }

.readMore{
    opacity: 75%;
}

.readMore:hover{
    opacity: 100%;
}

/*HOVER EFFECT*/
.portfolioItem {
    position: relative;
    padding: 10px !important;
}

.portfolioItem::after {
  content: "";
  position: absolute;
  inset: 0; /* shorthand for top/right/bottom/left: 0 */
  
  border: 2px solid black; 
  border-top-left-radius: 255px 15px;
      border-top-right-radius: 15px 225px;
      border-bottom-right-radius: 225px 15px;
      border-bottom-left-radius:15px 255px;
  
  opacity: 0;
  transition: opacity 0.25s ease;

  pointer-events: none; 
}

.portfolioItem:hover::after {
  opacity: 1;
}

/*HOVER EFFECT*/
.contactItem a {
  position: relative;
  display: inline-block;
  width: 100px;
}

.contactItem a::after {
  content: "";
  position: absolute;
  top: 95%;
  left: 40%;
  transform: translate(-50%, -55%);
  
  width: 140%;
  height: 140%;

  background: url("http://leevirauhalahti.com/wp-content/uploads/2026/08/Group-1-1.svg") no-repeat center;
  background-size: 300px;
  overflow: visible;

  opacity: 0;

  pointer-events: none;
  z-index: 2;
}

.contactItem a:hover::after {
  opacity: 1;
}


p a{
    font-weight: bold;
}/* End custom CSS */