/*
Theme Name: child-LuxLKV
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: uudetkotisivut Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1750149793
Updated: 2025-06-17 08:43:13

*/
@import url('../hello-elementor/style.css');


.iconChange a.elementor-button:hover .elementor-button-icon{filter: invert(1);}

/*checkbox*/
.elementor-field-option input[type="checkbox"] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none !important;
  cursor: pointer;
}
.elementor-field-option [type="checkbox"]{
  position: absolute;
  opacity: 0;
	height:0px
}
.elementor-field-option [type="checkbox"] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
	padding-left: 35px;
/*display: flex !important;*/
	display:inline-block !important;
	line-height: 25px;
  font-size: 15px !important;
font-weight: 400 !important;
	margin-bottom:20px;
}
.elementor-field-option [type="checkbox"] + label:before {
  content: "";
 margin-right: 0px;
display: inline-block;
width: 20px;
height: 20px;
background: #fff;
  border: 1px solid #000;
margin-top: 0px;
position: absolute !important;
left: 0px;
top: 2px;
  border-radius: 4px;
}
.elementor-field-option [type="checkbox"]:checked + label:before {
  background: #000; border-color:#000
}
.elementor-field-option [type="checkbox"]:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.elementor-field-option [type="checkbox"]:disabled + label:before {
  box-shadow: none;
  background: #fff;
}
.elementor-field-option [type="checkbox"]:checked + label:after {
  content: "";
   content: "";
  display: block;
  position: absolute;
top: 5px;
  left: 7px;
  width: 6px;
  height: 11px;
border: solid #fff;
border-width: 0 2px 2px 0;
  transform: rotate(45deg); 
}

/*Radio*/
.elementor-field-option [type="radio"]:checked,
.elementor-field-option [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.elementor-field-option [type="radio"]:checked + label,
.elementor-field-option [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 32px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block !important;
  color: #000; 
  padding-top: 4px;
  margin-right: 0px;
  padding-bottom: 15px;
}
.elementor-field-option [type="radio"]:checked + label:before,
.elementor-field-option [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
    border-radius:100%;
	background:#fff;
}
.elementor-field-option [type="radio"]:checked + label:after {
    content: '';
	 display: block;
	position:absolute;
   top: 8px;
  left: 7px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.elementor-field-option [type="radio"]:checked + label:before{  background: #000; border-color:#000}


/*FADEIN ANIMATION CHANGE*/
.fadeInUp {
  animation-name: fadeInUpCustom !important;
}
@keyframes fadeInUpCustom {
	from {
		opacity:0;
		transform:translate3d(0,30%,0) 
	}
	to {opacity:1;transform:none}
}

.fadeInDown {
  animation-name: fadeInDownCustom;
}
@keyframes fadeInDownCustom 
	{from {
		opacity:0;
		transform:translate3d(0,-100%,0)
	}
	to {
		opacity:1;transform:none
		}
}
.circular-reveal-Img{overflow: hidden;}
.circular-reveal-Img img{ display: block;
  clip-path: circle(0% at 50% 50%);
  transition: clip-path 0.5s ease;}

.circular-reveal-wrapper {
  overflow: hidden;
  display: inline-block;

}

.circular-reveal-wrapper img {
  width: 100%;
  display: block;
	clip-path: inset(0 54% 0 54% round 180px 180px 0 0); /* side clip + top rounded */
  /*clip-path: inset(0 50% 0 50% round 100% 100% 0 0); */
  transition: clip-path 0.3s ease;
}


/*BUTTON ANIMATION*/
.customBg .elementor-button{ overflow:hidden; position:relative}
.customBg .elementor-button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 0;
  height: 0;
  background: #D8D2C1;
  z-index: -1;
  transition: width 0.3s ease, height 0.3s ease;
  transform-origin: top left;
	display:inline-block; border-radius:100px; z-index: 0
}
.customBg .elementor-button:hover::before {
  width: 120%;
  height: 120%;
}
.customBg .elementor-button .elementor-button-content-wrapper{ z-index:1; position:relative}


/*BUTTON ANIMATION Image*/
.customImgBg .elementor-button{ overflow:hidden; position:relative; background: url("https://luxlkv.fi/wp-content/uploads/2025/06/btn-img.jpg") no-repeat center; background-size:cover}
.customImgBg .elementor-button::after{ content:''; position:absolute; background:rgba(0, 0, 0, 0.6); left:0px; top:0px; border-radius:100px; width:100%; height:100% }
.customImgBg .elementor-button::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: -5px;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
  transition: width 0.3s ease, height 0.3s ease;
  transform-origin: bottom left;
	display:inline-block; border-radius:100px; z-index: 0
}
.customImgBg .elementor-button:hover::before {
  width: 120%;
  height: 120%;
}
.customImgBg .elementor-button .elementor-button-content-wrapper{ z-index:1; position:relative}


/*BUTTON ANIMATION white*/
.customwhBg .elementor-button{ overflow:hidden; position:relative}
.customwhBg .elementor-button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 0;
  height: 0;
  background: #fff;
  z-index: -1;
  transition: width 0.3s ease, height 0.3s ease;
  transform-origin: top left;
	display:inline-block; border-radius:100%; z-index: 0
}
.customwhBg .elementor-button:hover::before {
  width: 120%;
  height: 120%;
}
.customwhBg .elementor-button .elementor-button-content-wrapper{ z-index:1; position:relative}

.ftLogo img{filter: invert(1);}
.ftBox .elementor-image-box-description a{ color:#fff !important; transition: all 0.3s ease;}
.ftBox .elementor-image-box-description a:hover{ opacity:0.8; }

/*Marque animation*/
.ue_marq_text_wrap strong{ font-weight:700 !important}
#uc_list_marquee_elementor_7b81528::before {
	/*background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.40) 100%);*/
	background-image: linear-gradient(to right,#000,#fff0);
  content: "";
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
}
#uc_list_marquee_elementor_7b81528::after {
  background-image: linear-gradient(270deg,#000,#fff0);
  content: "";
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  width: 25%;
  height: 100%;
}

/*Marque animation*/
.lineCenter{ position:relative}
.lineCenter:after{ content:''; position:absolute; left:0px; top:0px; width:2px; height:100%; background:#DBD8C8; right: 0px;
  margin: auto;
  z-index: 0; transition: all 0.3s ease;}

.elementor-price-list li.elementor-price-list-item{border-bottom: 1px solid #DADBDC !important; padding-bottom:5px !important;}
.elementor-price-list .elementor-price-list-price{ text-align:right}


@media screen and (min-width: 992px) {
.topNav nav ul li a:hover, .topNav nav ul li.current-menu-item a{ font-weight:700 !important}
.topNav nav ul li.focused-out a{  opacity: 0.4;}
.topNav nav ul li.focused-out.focused a{  opacity: 1;}
.iconChange a.elementor-button:hover .elementor-button-icon {}
.iconChange a.elementor-button .elementor-button-icon, .iconChange a.elementor-button{ transition: all 0.5s ease; transition: width 0.3s;}
.iconChange a.elementor-button .elementor-button-text:after{ content:''; background: url("https://luxlkv.fi/wp-content/uploads/2025/06/right-arrow.svg") no-repeat center; width:18px; height:16px; display:inline-block; margin-left:8px; vertical-align:middle; filter: invert(1); opacity: 0;
 width:0px;
  transition: all 0.5s ease;}
.iconChange a.elementor-button:hover .elementor-button-text:after{ opacity:1; width:18px;}
.iconChange a.elementor-button:hover .elementor-button-icon{   width:0px}
.iconChange a.elementor-button .elementor-button-text{ transition: all 0.5s ease;}
.iconChange a.elementor-button:hover .elementor-button-text{ margin-left:-10px;}

.ftNav nav ul li{transition: all .2s ease-in-out !important;}
.ftNav nav ul li a:hover, .ftNav nav ul li.current-menu-item a{ font-weight:500 !important}
.ftNav nav ul li.focused-out a{  opacity: 0.4; }
.ftNav nav ul li.focused-out.focused a{  opacity: 1;}
}

@media screen and (max-width: 991px) {
	.topNav .elementor-menu-toggle{ padding:10px; transition: all 0.5s ease;}
}