/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
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
*/


.h1 h1{
	line-height:1!important;
}

.h1 small{
	font-size:78%;
	display: inline-block;
}

.service-card .elementor-image-box-description a{
	color:var(--e-global-color-text);
	display:inline-block;
	padding-bottom:2px;
	border-bottom:1px solid var(--e-global-color-8ecb158);
	transition:color 0.3s ease;

}
.service-card .elementor-image-box-description a:hover{
	color:var(--e-global-color-8ecb158);
}

.cover-img{
	position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 0;
    width: 50vw;
}

.elementor-widget-text-editor ul + p,
.elementor-widget-text-editor ol + p{
	margin-top:15px;
}

/* Player controls */

.player .mejs-container{
	zoom: 1.2;
}
.player .mejs-container, 
.player .mejs-container .mejs-controls,
.player .mejs-embed, 
.player .mejs-embed body{
    background: transparent;
}
.player p + .mejs-offscreen + .mejs-container{
    margin-top:-15px;
}
.player .wp-audio-shortcode{
    margin-left: -20px;
}
.player .mejs-controls .mejs-button{
	position:relative;
}
.player .mejs-controls .mejs-button:before{
	content:'';
	display:block;
    height: 30px;
    width: 30px;
	border-radius: 50%;
	background:transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	position:absolute;
}
.player .mejs-controls .mejs-button:hover:before,
.player .mejs-controls .mejs-button:focus:before{
	background:rgba(255,255,255,0.3);
}
.player .mejs-controls button:hover,
.player .mejs-controls button:focus{
	background-color:transparent!important;
}


/* Responsive */
@media screen and (max-width: 1024px) {
	.cover-img{width: 100%;}
}

@media screen and (max-width: 768px){
	.h1 h1{
		line-height:1.2!important;
		font-size:clamp(38px, 9vw, 80px)!important;
	}
	.h1 h1 small{
		font-size:90%!important;
	}
	.h1 h1 small br{
		display:none;
	}
	.footer-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu{
		flex-direction:column;
	}
	.footer-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{
		 align-self: center;
	}
}