/*
Theme Name: Smartonauts
Description: DOmotic, connect houses simple yet elegant home automation theme
Author: Clement Brule
Author URI: bannero.net
Author Email: clement.brule7@gmail.com
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/
/*
Add your custom styles here
*/

/* .elementor-kit-7{
    background-image: radial-gradient(circle at 50% 47%, #ffffff 77%, #F2EEF4 77%, #5884c000 100%), url(http://188.245.185.56:81/wp-content/uploads/2025/04/iStock-494635982-2048x790.jpg);
} */

body {

background: rgb(255, 255, 255);
    background-image: linear-gradient(to top, #ffc985 300px, transparent 500px), radial-gradient(circle at 50% 2357px, #ffffff 2080px, #F2EEF4 2080px, #5884c000 2400px), url(https://www.smartonauts.com/wp-content/uploads/2025/04/iStock-494635982-2048x790.jpg);
    background-repeat: repeat, no-repeat;
    background-position: top;
    background-size: 100%, auto, 100%;
}

header {
    background-image: radial-gradient(white, rgba(255, 255, 255, .2) 2px, transparent 40px), radial-gradient(white, rgba(255, 255, 255, .15) 1px, transparent 30px), radial-gradient(white, rgba(255, 255, 255, .1) 2px, transparent 40px), radial-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .1) 2px, transparent 30px);
    background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
    background-position: 0 0, -75px 8px, 145px 200px, 30px 50px;

}
span.shooting-star {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1), 0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 20px rgba(255, 255, 255, 0.1);
    animation: animate 20s linear infinite;
}

span.shooting-star::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, #fff, transparent);
}

    blockquote {
      position: relative;
      font-size: 1.2rem;
      line-height: 1.6;
      color: #333;
      background: #ffffff;
      padding: 2rem 2.5rem;
      border-left: 5px solid #777;
      border-radius: 8px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
      margin: 2rem 0;
    }

    blockquote::before {
      content: "“";
      font-size: 5rem;
      color: #777;
      position: absolute;
      top: -20px;
      left: 10px;
      font-family: Georgia, serif;
      line-height: 1;
    }

blockquote::after {
	content: "”";
	font-size: 5rem;
	color: #777;
	position: absolute;
	bottom: -40px;
	right: 10px;
	font-family: Georgia, serif;
	line-height: 1;
}

cite {
	display: block;
	margin-top: 1rem;
	font-style: normal;
	color: #6b7280;
	font-size: 0.95rem;
	text-align: right;
}
img[src^="https://s.w.org/images/core/emoji/"] {
	height: 1em;
	max-height: 1em;
}
.fancy-radius img{
	border-radius: 65% 35% 70% 30% / 55% 59% 41% 45%;
}
.fancy-radius-alt img{
	border-radius: 34% 66% 41% 59% / 65% 41% 59% 35% ;
}

/*---------FOOTER---------------------------------------  */

#footer-main p{
	 color:#f9f9f9;/*var(--e-global-color-secondary);*/
	    text-transform: uppercase;
}
#footer-main a{
	font-size:20px;
} 
#footer-main a:hover{
	color:var(--e-global-color-primary);
} 
#footer-main .strip a{
	font-size:1rem;
	font-weight:300;
} 
#footer-main .strip{
	width:100%;
	position:relative;
	top:9vh;
}
/*------ANIMATIONS------------------------------------------  */

@keyframes animate {
    0% {
        transform: rotate(120deg) translateX(400px);
        opacity: 1;
    }

    20%,
    100% {
        transform: rotate(120deg) translateX(-500px);
        opacity: 0;
    }

}

span.shooting-star:nth-child(1) {
    top: 0;
    left: 25%;
    animation-delay: 0s;
    animation-duration: 7s;
}
.header{
    backdrop-filter: blur(2px);
    border-bottom: 1px solid #575b6e7d!important;
    box-shadow: rgb(0 0 0 / 20%) 0px 8px 32px 0px;

}
#stickyheader {

    -webkit-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#stickyheader.lift {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
/* -------------------------------------Body parts */
.panel-light {
    background-image: linear-gradient(0deg, #fff, #ffffffc9);
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    border-top: 1px solid white;
    padding: 1em 3em;
    box-shadow: 6px 4px 70px 0px rgba(0,0,0,0.091);
    -webkit-box-shadow: 6px 4px 70px 0px rgba(0,0,0,0.091);
    -moz-box-shadow: 6px 4px 70px 0px rgba(0,0,0,0.091);

}
.e-hotspot__tooltip{
    /* linear-gradient(139deg, rgb(249 246 255) 0%, rgb(248 236 236) 100%) */
    border: 1px solid #c4c4c4;
    background: #fff5f5; /* fallback solid color */
    background: -webkit-linear-gradient(139deg, rgba(255, 245, 245, 1) 0%, rgba(246, 232, 255, 1) 100%);
    background: -moz-linear-gradient(139deg, rgba(255, 245, 245, 1) 0%, rgba(246, 232, 255, 1) 100%);
    background: -o-linear-gradient(139deg, rgba(255, 245, 245, 1) 0%, rgba(246, 232, 255, 1) 100%);
    background: linear-gradient(139deg, rgba(255, 245, 245, 1) 0%, rgba(246, 232, 255, 1) 100%);
}
.e-n-accordion>.e-n-accordion-item>.e-n-accordion-item-title:hover {
    /* background-image: linear-gradient(#333, #aaa);*/
    transition: translate .1s ease-in-out;
    translate: -3px;
}
/* -------------------------------------Responsive  */
@media (max-width:1024px) {
    #stickyheader.lift {
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%);
    }
	body{
		background-image: linear-gradient(to top, #ffc985 600px, transparent 800px), radial-gradient(circle at 50% 2457px, #ffffff 2100px, #F2EEF4 1940px, #5884c000 2200px), 			      	     	url(https://www.smartonauts.com/wp-content/uploads/2025/04/iStock-494635982-2048x790.jpg);
    background-repeat: repeat, no-repeat;
    background-position: top;
    background-size: 100%, auto, 200%;
	}
	.panel-light {
    background-image: linear-gradient(0deg, #fff, #ffffffeb);
	padding: 2em;
	}
}
/* ---------mobile------------- */
@media (max-width:767px) {
    #stickyheader.lift {
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%);
    }
	.panel-light:padding: 1em 1.2em;
}
    @body {
        overflow: hidden;
    }

    /* -------------------------------------Animations  */

    /* section {

        animation: animateBg 15s linear infinite;
    }

    @keyframes animateBg {

        0%,
        100% {
            transform: scale(1);
        }

        50% {
            transform: scale(3);
        }
    } */

    /* ------------------------------------------- footer ------------------------------------*/
    
    /*-------------------------------------------- carousel -----------------------------------*/
    selector{
    --radius: 25px;
    --height: 550px;
    --overlay: 0.75;
}
selector .swiper-slide{
    display: flex;
    align-items: flex-end;
    border-radius: var(--radius);
    height: var(--height);
}
selector .swiper-slide:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(20deg, rgba(0,0,0,var(--overlay)) 0%, rgba(0,0,0,0) 100%);
    height: 100%;
    width: 100%;
    z-index: 1;
    
}
selector .elementor-testimonial__footer{
    display: block;
}
selector img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
}
selector .elementor-testimonial__cite{
    z-index: 2;
    position: relative;
}
selector .elementor-testimonial__name{
    margin-bottom: 10px;
}
selector .elementor-swiper-button-prev,
selector .elementor-swiper-button-next{
    display: none;
}
@media (max-width: 1024px){
selector{
    --height: 370px;
}
}
@media (max-width: 767px){
selector .elementor-main-swiper{
    width: 100% !important;
}
}