/**
Theme Name: Astra Child
Author: SideWwalk
Author URI: https://side-walk.dk/
Description: Childtheme for Astra - modified by Side-Walk.dk
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


footer .elementor-widget-container p > a{
	color: var(--e-global-color-secondary);
}

.elementor-widget-container p > a,
footer .elementor-widget-container p > a:hover{
	color: var(--e-global-color-accent);
}


/* Home */
.homepage-gradient{
	--gradient-start: 300px;
	--gradient-end: 90%;
    background: linear-gradient(180deg, 
		var(--e-global-color-56d838b) 0%, 
		var(--e-global-color-56d838b) var(--gradient-start), 
		var(--e-global-color-accent) var(--gradient-start), 
		var(--e-global-color-accent) var(--gradient-end), 
		var(--e-global-color-56d838b) var(--gradient-end), 
		var(--e-global-color-56d838b) 100%);

}

.homepage-gradient:before{
    background-size: auto 100%;
    	-webkit-mask-image: linear-gradient(to bottom, 
		transparent 0%, 
		transparent var(--gradient-start), 
        black var(--gradient-start), 
        black var(--gradient-end), 
        transparent var(--gradient-end),
        transparent 100%)
}

.service-cta a.elementor-cta{
	height: 100%;
	min-height: clamp(150px, 40vh, 250px);
	text-decoration: none!important;
}

.service-cta:hover *{
	color: #fff!important;
	transition: color .2s ease!important;
}


.service-cta .elementor-cta__content{
	background-color: #fff!important;
	transition: background-color .5s ease!important;
}

.service-cta:hover .elementor-cta__content{
	background-color: transparent!important;
}


/* Sidebar CTA */
.cta-sticky{
	position: sticky;
	top: 3rem;
}


/* Footer */

footer .footer-gradient:before{
	    background-image: linear-gradient(160deg, #222222 5%, #222222cc, #ffc10754 100%)!important
}

.footer-contact{
    display: flex;
	align-items: flex-end;
	gap: 1rem;
}

.footer-contact__text{
	font-size: 1.1rem;
	line-height: 1.2;
	font-weight: 900; 
}

.footer-contact__phone-number{
	font-size: 2rem;
	font-weight: 900;
	color: var(--e-global-color-accent);
}

.footer-logo{
	width: 100%;
    position: absolute;
    top: calc(50% + 24px);
    left: auto;
}



/* Responsive section spacing */

@media(max-width:1024px){
	.elementor[data-elementor-type="wp-page"] > .elementor-element:not(:first-child){
		--margin-top: 8rem;
		--margin-bottom: 8rem;
	}	
	
}

@media(max-width:767px){
	.elementor[data-elementor-type="wp-page"] > .elementor-element:not(:first-child){
		--margin-top: 5rem;
		--margin-bottom: 5rem;
	}	
	
}