/* 
Theme Name: Emerald Wave Digital
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Emerald Wave Digital is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: emerald-wave-digital
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.orange {
	color:#DF7C2B !important ;
}

/* Calendly Buttons */

.calendly {
font-family:Inter, sans-serif ;
font-size:15px ;
font-weight:900 ;
text-transform:uppercase ;
letter-spacing: 0.04em;
fill: var(--e-global-color-555d472);
color: var(--e-global-color-555d472);
border-style: solid;
border-width: 2px 1px 1px 1px;
border-color: #DF7C2B;
border-radius: 100px 100px 100px 100px;
padding: 16px 26px 14px 26px;
}


/* Pre-Heading */
.pre-heading .elementor-heading-title:before {
    content:'';
    background-image:url("https://ewd.designingdeland.com/wp-content/uploads/2025/12/star.png");
    background-size:cover ;
    position:absolute ;
    top:calc(50% - 7.5px) ;
    left:16px ;
    height:15px !important ;
    width:15px !important ;
}


/* Glowing Divider */
.glow-div .elementor-divider {
position: relative;
max-width: 1120px;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent);
}

.glow-div .elementor-divider span {
position: absolute;
inset: -6px 0;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
filter: blur(6px);
opacity: .65;
}


/* 4 Steps */
.steps .elementor-icon-wrapper {
    height:44px ;
}

.steps .step-item {
    position:relative ;
}

.steps .step-item:nth-child(-n+3)::after {
    content:url("https://ewd.designingdeland.com/wp-content/uploads/2025/12/svgexport-10.svg");
    z-index:150 ;
    position:absolute ;
    top:calc(50% - 20px) ;
    right:-34px ;
    background: linear-gradient(135deg, rgba(45, 44, 47, 1), rgba(33, 34, 36, 1)) ;
    padding:8px 8px 10px 8px ;
    height:40px !important ;
    height:40px !important ;
    border-radius:10px ;
    border: 1px solid rgba(255, 255, 255, .22) ;
}

@media only screen and (max-width:1024px) {

.steps .step-item:nth-child(-n+3)::after {
    display:none !important ;
}
    
}


/* Buttons */

.elementor-button:hover {
transform: translateY(-2px) ;
}

.hero-btn a {
background:#FFFFFF !important ;
}

.hero-btn a:hover {
background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.09)) !important ;
}

.hero-btn-ghost a {
background:#FFFFFF !important ;
}

.hero-btn-ghost a:hover {
background: rgba(255,255,255,.06) !important ;
}

/* Content Cards */

.card {
border: 1px solid rgba(17, 17, 17, .08) ;
}

		/* Reviews */

		#reviews .card {
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02), 0 15px 30px -10px rgba(0, 0, 0, 0.05) ; 
		border: 1px solid rgba(17, 17, 17, .08) ;
		}

		#reviews .card:hover{
		  transform:translateY(-10px);
		  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.08) ;
		}

		#reviews .card .elementor-widget-text-editor::before {
		content:'"' ;
		font-family:Inter, sans-serif ;
		font-size:120px ;
		position:absolute ;
		left:0px ;
		top:24px ;
		}

		#reviews .card .elementor-widget-text-editor {
		position:relative ;
		}

		/* Case Studies Archive */

		#case-archive .card {
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02), 0 15px 30px -10px rgba(0, 0, 0, 0.05) ; 
		border: 1px solid rgba(17, 17, 17, .08) ;
		}

		#case-archive .card:hover{
		  transform:translateY(-10px);
		  box-shadow: 0 16px 48px rgba(0,0,0,0.12) ;
		} 

		#case-archive .card .img-bg {
	      overflow:hidden ;
		  transition:transform 0.3s ease ;	
		}

		#case-archive .card:hover .img-bg {
		transform: scale(1.10) !important ;	
		}

		/* Case Studies */

		#case .card { 
		box-shadow: 0 3px 12px rgba(0, 0, 0, .06) ;
		}

		/* Local Brands */

		#brands .card {
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02), 0 15px 30px -10px rgba(0, 0, 0, 0.05) ; 
		border: 1px solid rgba(17, 17, 17, .08) ;
		}

		#brands .card:hover{
		  transform:translateY(-10px);
		  box-shadow: 0 16px 48px rgba(0,0,0,0.12) ;
		} 

		#brands .card h2 strong { font-weight:800 }


/* Case Studies */

.results-item {
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.25);
}

.results-item:hover {
transform:translateY(-10px);	
}