/*
Theme Name: GAVAMEDIA®
Author: GAVAMEDIA®
Author URI: https://gavamedia.com/
Description: Created by GAVAMEDIA®
Version: 2025
GAVAMEDIA WordPress Theme © 2025 GAVAMEDIA®
*/


/* 1rem = 14px (mobile) */
/* (14/360) * 100 */
html{
	font-size: 3.8888888889vw;
}

body{
	text-rendering: optimizeLegibility;
	margin: 0;
	font-family:var(--e-global-typography-text-font-family);
	font-size:var(--e-global-typography-text-font-size);
	font-weight:var(--e-global-typography-text-font-weight);
}
.elementor .body{
	font-size: 1rem!important;
}

html,body{
	overflow-x:clip;
}


p{
	line-height:1.5em;
	margin:0;
}
.elementor-widget-text-editor p,
.single-post p,
.elementor-widget-theme-post-content p{
	margin:0 0 1.25em 0;
}
.elementor-widget-text-editor p:last-of-type{
	margin-bottom:0!important;
}


li{
	margin:1em 0;
}

/* Elementor fixes */
.elementor-nav-menu--dropdown[aria-hidden="true"]{
	display:none;
}

/* Button hacks */
.elementor-button{
	cursor:pointer;
}
.elementor-widget-button .elementor-button-wrapper a,
.elementor-widget-button a.elementor-button
{
	width:100%!important;
}
.elementor-button-text{
	flex-grow:0!important;
}
.elementor-button .elementor-align-icon-right,
.elementor-button .elementor-align-icon-left
{
	display: inline-flex;
	align-items: center;
}

/* Form hacks */
.elementor-field-subgroup{
	align-items: center;
}
.elementor-field-option input,
.elementor-field-option label
{
	cursor:pointer;
}

/* Text hacks */
.elementor-widget-text-editor a,
.elementor-posts a,
.elementor-widget-theme-post-content a{
	font-weight:bold;
}
.elementor-widget-text-editor a:hover,
.elementor-posts a:hover,
.elementor-widget-theme-post-content a:hover{
	text-decoration:underline;
}

/* Testimonials hacks */
.elementor-testimonial__footer cite, .elementor-testimonial__header cite{
	font-size:1em!important;
}



/*.elementor-location-header{
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
}
.header-scrolled,
header.elementor-location-header:has(.elementor-menu-toggle[aria-expanded="true"])
{
	top:0!important;
	box-shadow:0 0 1em rgba(0,0,0,.25)!important;
}*/

.grecaptcha-badge {
	display: none;
}


/* Make fields grow to height of button */
.elementor-field-group input{
	height:100%;
}

.swiper-slide-inner{
	cursor:default;
}

.boxed{
	max-width:var(--content-width)!important;
	margin-left:auto!important;
	margin-right:auto!important;
}

/* Elementor SVG fixes */
.elementor-icon-list-icon svg path{
    fill:inherit;
}
.elementor-icon-list-icon svg g{
    clip-path:initial;
}

/* New Elementor button fixes */
.elementor .e-button-base{
	font-size: inherit;
	padding:0!important;
}
button{
	border:none;
}
button.e-svg-base{
	padding:0!important;
}

/* New Elementor link fixes */
.elementor .e-heading-link-base{
	display:inline-block;
}
/*
.e-svg-base {
  overflow: hidden!important;
}

.e-svg-base > svg {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}*/






/* NOTE WE DON'T WANT THIS ON MOBILE */
/* hide the inline SVG defs widget but keep it in the DOM */
#gm-inline-stripe-svg,
.e-svg-base #gm-inline-stripe-svg {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* apply the mask to anything marked with animated_stripes */
.animated_stripes {
  -webkit-mask-image: url(#gmStripeMask);
  mask-image: url(#gmStripeMask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  overflow: hidden;
}





/*
======================================================================================
  TABLETS / DESKTOP
======================================================================================
*/
@media screen and (min-width:768px) and (max-width:1024px) {
	
	/* 1rem = 14px */
	/* (14/768) * 100 */
	html{
		/*font-size:1.111111vw;*/
		font-size:1.8229166667vw;
	}
	
	/*.header-scrolled{
		box-shadow:0 0 2em rgba(0,0,0,.5)!important;
	}*/
	
}



/*
======================================================================================
  MIDSIZED
======================================================================================
*/
@media screen and (min-width:1025px) {
	
	html{
		font-size:1.111111vw;
	}
	
}


/*
======================================================================================
  BIG DESKTOP (Widescreen)
======================================================================================
*/
@media screen and (min-width:1440px) {
	
	/* Lock in at 16px */
	html{
		font-size:16px;
	}
	
}
