/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * 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.
 */


@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap');

body , html{
	overflow-x:hidden !important;
}

h1 , h2 , h4 , .elementor-counter-number , .elementor-counter-number-suffix{
    font-family: "Cal Sans", sans-serif !important;
}

.orange{
	color:#EB9036 !important;
}

.hero-area video.elementor-video {
    width: 600px !important;
    max-width: 600px !important;
    height:350px !important;
    object-fit:fill !important;
    background-color:#ffffff00 !important;
    background-size:100% 100% !important;
    margin-top:-20px !important;
    
}

.hero-area .elementor-container.elementor-column-gap-default {
    overflow: visible !important;
}

.elementor-container.elementor-column-gap-default {}

.hero-area .elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-b1847f7 {
    overflow: visible !important;
}

.hero-area .elementor-widget-wrap.elementor-element-populated {
    overflow: visible !important;
}

.elementor-widget-wrap.elementor-element-populated {}

.elementor-element.elementor-element-b6a130d.elementor-widget.elementor-widget-video {
    overflow: visible !important;
}

.serv-col .elementor-widget-wrap.elementor-element-populated {
    background-size: 100% 100% !important;
}

.testi .swiper-slide {
    background: #F2F2F2;
    border-radius: 15px;
    padding: 25px !important;
    
}

.testi .elementor-testimonial {
    display: flex;
    flex-wrap: wrap;
    min-height: 350px;
    align-content: space-between;
}

.testi .elementor-testimonial__content {
    padding-top:70px
}

.testi .elementor-testimonial__footer {
    width: 100% !important;
    border-top: 1px solid #000;
    padding-top: 20px;
}


.btn-primary a.elementor-button{
    position:relative;
    overflow:hidden;
    border-radius:30px !important;
    background:#031C30 !important;
    color:#fff !important;
}

.btn-secondary a.elementor-button{
    position:relative;
    overflow:hidden;
    border-radius:30px !important;
    background:#EB9036 !important;
    color:#fff !important;
}

.btn-primary a.elementor-button .elementor-button-content-wrapper , .btn-secondary a.elementor-button .elementor-button-content-wrapper{
    position:relative;
    z-index:3;
}

.btn-primary a.elementor-button:before{
    content:"";
    position:absolute;
    left:-25%;
    width:150%;
    height:250%;
    bottom:-250%;
    background:#EB9036;
    border-radius:45%;
    transition:bottom .6s ease;
    animation:shore-wave 8s linear infinite;
}

.btn-secondary a.elementor-button:before{
    content:"";
    position:absolute;
    left:-25%;
    width:150%;
    height:250%;
    bottom:-250%;
    background:#031C30;
    border-radius:45%;
    transition:bottom .6s ease;
    animation:shore-wave 8s linear infinite;
}

.btn-primary a.elementor-button:hover:before , .btn-secondary a.elementor-button:hover:before{
    bottom:-60%;
}

.btn-primary svg , .btn-secondary svg {width: 25px !important;}

.btn-primary span.elementor-button-content-wrapper , .btn-secondary span.elementor-button-content-wrapper {align-items: center !important;}

.btn-primary a.elementor-button.elementor-button-link.elementor-size-sm , .btn-secondary a.elementor-button.elementor-button-link.elementor-size-sm {
    padding-left: 15px;
    padding-right: 15px;
}

@keyframes shore-wave{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}



.testi .elementor-testimonial__content::before {
    content: '';
    background: url(https://shorelinehandymanfl.com/wp-content/uploads/2026/06/2.png);
    position: absolute;
    width: 50%;
    height: 38%;
    background-repeat: no-repeat;
    z-index: -1;
    top: 20px;
    background-size: 29%;
}

.swiper-slide.swiper-slide-active {
    background: #EB9036;
}

.swiper-slide.swiper-slide-active *{
    color:#fff !important;
    border-color:#fff;
    
}

.swiper-slide.swiper-slide-active .elementor-testimonial__content::after{
	  content: '';
    background: url(https://shorelinehandymanfl.com/wp-content/uploads/2026/06/3.png);
    position: absolute;
    width: 50%;
    height: 38%;
    background-repeat: no-repeat;
    z-index: -1;
    top: 20px;
    background-size: 29%;
}

.testi .elementor-swiper-button.elementor-swiper-button-prev {
    left: -35px !important;
    border: 1px solid #8F8F8F !important;
    border-radius: 50px;
    padding: 15px;
}

.testi .elementor-swiper-button.elementor-swiper-button-next {
    right: -35px !important;
    border: 1px solid #8F8F8F !important;
    border-radius: 50px;
    padding: 15px;
    
}

.testi .elementor-swiper-button.elementor-swiper-button-next svg , .testi .elementor-swiper-button.elementor-swiper-button-prev svg{
    fill:#8F8F8F !important;
}

.testi .elementor-swiper-button:hover{
    background:#031C30;
   
}

.testi .elementor-swiper-button:hover svg{
    fill:#fff !important;
}

.about-area::before {
    content: '';
    position: absolute;
    background: url(https://shorelinehandymanfl.com/wp-content/uploads/2026/06/Ellipse-6.png);
    width: 70%;
    height: 113%;
    z-index: -1;
    background-size: 100% 100%;
    right: 300px !important;
    top: 200px;
}

.story::before {
    content: '';
    position: absolute;
    background: url(https://shorelinehandymanfl.com/wp-content/uploads/2026/06/Ellipse-6.png);
    width: 70%;
    height: 113%;
    z-index: -1;
    background-size: 100% 100%;
    right: 300px !important;
    top: 150px;
}


.hero-area::before {
    content: '';
    background: url(https://shorelinehandymanfl.com/wp-content/uploads/2026/06/Vector-1.png);
    width: 25%;
    height: 39%;
    background-size: 100% 100%;
    position: absolute;
    background-repeat: no-repeat;
    top: 300px;
    left: -160px;
	 transform-origin: bottom center;
    animation: treeWind 4.5s ease-in-out infinite;
	
}

@keyframes treeWind {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(2deg); }
    20%  { transform: rotate(-2deg); }
    30%  { transform: rotate(1.5deg); }
    40%  { transform: rotate(-1.5deg); }
    50%  { transform: rotate(1deg); }
    60%  { transform: rotate(-1deg); }
    70%  { transform: rotate(0.5deg); }
    80%  { transform: rotate(-0.5deg); }
    100% { transform: rotate(0deg); }
}




.serv-col .elementor-widget-wrap {
    border-radius: 12px !important;
}

.serv-col .elementor-background-overlay {
    border-radius: 12px !important;
}


img.attachment-full.size-full.wp-image-27 {
    width: 110% !important;
    max-width: 110% !important;
    margin-left: -50px;
}


.page-id-153 .elementor-widget-theme-post-featured-image.elementor-widget-image img {
    max-height: 250px;
    height: 220px;
    object-fit: cover !important;
}



@media(max-width:767px){
	
	img.attachment-full.size-full.wp-image-27 {
    width: 80% !important;
    max-width: 80% !important;
    margin-left: 0px !important;
		
	
    position: relative;
}
	
	
	.hero-area video.elementor-video {
    width: 400px !important;
    height: 229px !important;
    margin-top: -500px !important;
	}
	
	.hero-inner{
		background-size:200% !important;
	}
	
	.hero-area video.elementor-video{
		
		display:none !important;
	}
	
	.hero-inner .elementor-container {
    min-height: 300px !important;
}

.hero-inner h2{
    font-size:38px !important;
	padding-top:30px !important;
}
	
	.hero-area::before{
		width:25% !important;
		height:14% !important;
		left:-25px !important;
		bottom:140px !important;
		top:auto !important;
	}
	
}