/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
/* Body text: https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=320&minRatio=1.125&maxFontSize=18&maxWidth=1280&maxRatio=1.2&steps=xs%2Cs%2Cm%2Cl%2Cxl&baseStep=m&prefix=text&decimals=2&includeFallbacks=on&useRems=on&remValue=16&previewFont=Noto+Sans&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1920 */
	/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --text-xs: clamp(0.89rem, -0.03vw + 0.9rem, 0.87rem);
		--text-s: clamp(1rem, 0.07vw + 0.99rem, 1.04rem);
		--text-m: clamp(1.13rem, 0.21vw + 1.08rem, 1.25rem);
		--text-l: clamp(1.27rem, 0.39vw + 1.19rem, 1.5rem);
		--text-xl: clamp(1.42rem, 0.63vw + 1.3rem, 1.8rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --text-xs: 0.89rem;
		--text-s: 1rem;
		--text-m: 1.13rem;
		--text-l: 1.27rem;
		--text-xl: 1.42rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
      --text-xs: 0.87rem;
			--text-s: 1.04rem;
			--text-m: 1.25rem;
			--text-l: 1.5rem;
			--text-xl: 1.8rem;
    }
  }
}
	
/* Heading sizes: https://www.fluid-type-scale.com/calculate?minFontSize=18&minWidth=320&minRatio=1.25&maxFontSize=20&maxWidth=1280&maxRatio=1.333&steps=h6%2Ch5%2Ch4%2Ch3%2Ch2%2Ch1%2Ctitle&baseStep=h4&prefix=heading&decimals=2&includeFallbacks=on&useRems=on&remValue=16&previewFont=Noto+Sans&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=0 */
	/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
:root {
   	--heading-h6: clamp(0.72rem, -0.03vw + 0.73rem, 0.7rem);
	--heading-h5: clamp(0.9rem, 0.06vw + 0.89rem, 0.94rem);
	--heading-h4: clamp(1.13rem, 0.21vw + 1.08rem, 1.25rem);
	--heading-h3: clamp(1.41rem, 0.43vw + 1.32rem, 1.67rem);
	--heading-h2: clamp(1.76rem, 0.77vw + 1.6rem, 2.22rem);
	--heading-h1: clamp(2.2rem, 1.27vw + 1.94rem, 2.96rem);
	--heading-title: clamp(2.75rem, 2vw + 2.35rem, 3.95rem);
  }
}
	/* Fallback variables for browsers that don't support clamp */
	@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  	:root {
    --heading-h6: 0.72rem;
	--heading-h5: 0.9rem;
	--heading-h4: 1.13rem;
	--heading-h3: 1.41rem;
	--heading-h2: 1.76rem;
	--heading-h1: 2.2rem;
	--heading-title: 2.75rem;
  }
@media screen and (min-width: 1280px) {
:root {
    --heading-h6: 0.7rem;
	--heading-h5: 0.94rem;
    --heading-h4: 1.25rem;
	--heading-h3: 1.67rem;
	--heading-h2: 2.22rem;
	--heading-h1: 2.96rem;
	--heading-title: 3.95rem;
    }
  }
}
:root { /* main root */
	
	--margin-0: 0!important;
	--margin-1: 1em!important;
	--margin-0-5: 0.5em!important;
	--margin-1-1: 1.1em!important;
	--margin-1-2: 1.2em!important;
	--margin-2: 2em!important;
	
	--padding-0: 0!important;
	--padding-1: 1em!important;
	--padding-1-1: 1.1em!important;
	--padding-1-2: 1.2em!important;
	
	--height-0: 0!important;
	--height-0-5: 0.5em!important;
	--height-1: 1em!important;
	--height-1-1: 1.1em!important;
	--height-1-2: 1.2em!important;
	--height-2: 2em!important;
	--height-2-1: 2.1em!important;
	--height-2-2: 2.2em!important;
	--width-3: 3em!important;
	--width-100: 100%!important;
	--height-auto: auto!important;
	
	--size-3: 3em!important;
	
	--v-height-5: 5vh!important;
	--v-height-7: 7vh!important;
	--v-height-10: 10vh!important;
	--v-height-20: 20vh!important;
	--v-height-20: 20vh!important;
	--v-height-40: 40vh!important;
	--v-height-60: 60vh!important;
	--v-height-80: 80vh!important;
	--v-height-100: 100vh!important;
	
	--color-yellow-green: #a2cd3a!important;
	--color-french-blue: #0073bb!important;
	--color-asparagus: #83a046!important;
	--color-lapis-lazuli: #02588d!important;
	--color-selective-yellow: #fdb723!important;
	--color-white: #ffffff!important;
	
	--font-weight-light: 300!important;
	--font-weight-regular: 400!important;
	--font-weight-bold: 700!important;
	--font-weight-black: 900!important;
} /* end of main root */

#my-main-section .vc_row {height: calc(var(--v-height-100) - 20vh)!important;}

.responsive {width: 100%; height: auto;}
.responsive_round {width: 100%; height: auto; border-radius: 15px !important;}

.chaty-cta-button button {background-color: #83A046!important;}


/* Padel Rules */

h2.padel_rules_heading {margin-bottom: var(--margin-0-5); text-align: center;}
h3.padel_rules_heading {margin-top: var(--margin-1-1); margin-bottom: var(--margin-1-1); text-align: center;}
.tablepress .row-hover tr:hover td {background: var(--color-content-bg-alt-grad); color: var(--color-header-middle-text)!important;}
table.my_padel_rules {border-top: 1px solid; text-align: center;}

/* Padel Rules */

h2.padel_venues {margin-top: var(--margin-1-1); margin-bottom: var(--margin-1-1);}
h3.padel_venues {margin-top: var(--margin-1-1); margin-bottom: var(--margin-1-1);}
h4.padel_venues {margin-top: var(--margin-1); margin-bottom: var(--margin-1);}

/* Contact Page and footer */
#my_footer_contact {color: var(--color-header-middle-text)!important; font-weight: 500;}
#my_footer_contact ul {list-style-type: none;}
#my_footer_contact a {color: var(--color-header-middle-text)!important; font-weight: 500;}
#my_footer_contact a:hover {color: var(--color-french-blue)!important; font-weight: 500;}
#myspecialulcontact {color: var(--color-header-middle-text)!important; font-weight: 500;}
#myspecialulcontact ul {list-style-type: none;}
#myspecialulcontact a {color: var(--color-header-middle-text)!important; font-weight: 500;}
li.phone::before {content: "\f87b"; font-family: "fontawesome"; font-weight: 900; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
li.whatsapp::before {content: "\f40c"; margin-left: -1.3em; padding-right: 0.5em; font-family: "Font Awesome 5 Brands"; font-size: 18px;}
li.email::before {content: "\f199"; font-family: "fontawesome"; font-weight: 900; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
li.websitelink::before, p.address::before {content: "\f0c1"; font-family: "fontawesome"; font-weight: 900; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
li.openinghours::before {content: "\f017"; font-family: "fontawesome"; font-weight: 400; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
li.address::before, p.address::before {content: "\f3c5"; font-family: "fontawesome"; font-weight: 900; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
li.coordinates::before, p.address::before {content: "\f279"; font-family: "fontawesome"; font-weight: 900; margin-left: -1.3em; padding-right: 0.5em; font-size: 18px;}
div.myconnect i {font-size: 18px!important;}
div.myconnect ul {}
div.myconnect li {height: 28px; vertical-align: middle;}
div.myconnect li a {margin-bottom: auto; margin-top: auto;}
a.address {color: var(--color-header-middle-text)!important;}
p.address {margin-left: 23px;}

/* contact form */
.gform_required_legend {color: #FFFFFF!important; padding-bottom: 0.6rem; font-size: 14px!important;}
.ginput_container_textarea .gfield_description {color: #FFFFFF!important; padding-bottom: 0.6rem; font-size: 14px!important;}
.my_recaptcha_text {color: #FFFFFF!important; font-size: 14px!important;}
.my_recaptcha_text a {color: #FFFFFF!important; text-decoration: underline!important; font-size: 14px!important;}
#gform_submit_button_1 {background-color: var(--color-content-secondary)!important;}
#gform_submit_button_1:hover {background-color: var(--color-alt-content-heading)!important;}
#gform_confirmation_message_1 {color: #FFFFFF!important;}