/*
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:*/

:root {
  --system-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  	--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-1-5: 1.5em!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;
	--height-3: 3em!important;
	--height-3-2: 3.2em!important;
	--height-4: 4em!important;
	
	--width-3: 3em!important;
	--width-100: 100%!important;
	--height-auto: auto!important;
	
	--size-3: 3em!important;
	
	--v-height-2: 2vh!important;
	--v-height-3: 3vh!important;
	--v-height-5: 5vh!important;
	--v-height-6: 6vh!important;
	--v-height-8: 8vh!important;
	--v-height-10: 10vh!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-navajo-white: #ffdda6;
	--color-vermilion: #f24139;
	--color-van-dyke: #3a312e;
	--color-papaya-whip: #ffebcc;
	--color-white: #ffffff;
	--color-penn-red: #99110A;
	
  	--font-weight-normal: 400;
  	--font-weight-bold: 700;
	
	--font-size-smaller-80: 80%!important;
}

/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--text-xs: clamp(0.79rem, -0.09vi + 0.81rem, 0.74rem);
		--text-s: clamp(0.89rem, -0.01vi + 0.89rem, 0.89rem);
		--text-m: clamp(1rem, 0.1vi + 0.98rem, 1.06rem);
		--text-l: clamp(1.13rem, 0.25vi + 1.07rem, 1.27rem);
		--text-xl: clamp(1.27rem, 0.44vi + 1.18rem, 1.53rem);
  }
}
/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--text-xs: 0.79rem;
		--text-s: 0.89rem;
		--text-m: 1rem;
		--text-l: 1.13rem;
		--text-xl: 1.27rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
			--text-xs: 0.74rem;
			--text-s: 0.89rem;
			--text-m: 1.06rem;
			--text-l: 1.27rem;
			--text-xl: 1.53rem;
    }
  }
}

/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --heading-h6: clamp(0.89rem, -0.03vw + 0.9rem, 0.87rem);
		--heading-h5: clamp(1rem, 0.07vw + 0.99rem, 1.04rem);
		--heading-h4: clamp(1.13rem, 0.21vw + 1.08rem, 1.25rem);
		--heading-h3: clamp(1.27rem, 0.39vw + 1.19rem, 1.5rem);
		--heading-h2: clamp(1.42rem, 0.63vw + 1.3rem, 1.8rem);
		--heading-h1: clamp(1.6rem, 0.93vw + 1.42rem, 2.16rem);
		--heading-title: clamp(1.8rem, 1.32vw + 1.54rem, 2.59rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --heading-h6: 0.89rem;
		--heading-h5: 1rem;
		--heading-h4: 1.13rem;
		--heading-h3: 1.27rem;
		--heading-h2: 1.42rem;
		--heading-h1: 1.6rem;
		--heading-title: 1.8rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
      --heading-h6: 0.87rem;
	  --heading-h5: 1.04rem;
	  --heading-h4: 1.25rem;
	  --heading-h3: 1.5rem;
	  --heading-h2: 1.8rem;
	  --heading-h1: 2.16rem;
	  --heading-title: 2.59rem;
    }
  }
}


/* here starts the css */
body, p, h1, h2, h2, h3, h4, h5, h6 {font-family: var(--system-ui)!important;}
/*ul.my_own_ul li {text-align: left !important;}
ul.my_own_ul {margin-left: 1.5rem !important;}*/

.grecaptcha-badge {visibility: hidden !important;}
div.my_wrapper {text-align: center;}
ul.my_own_ul {display: inline-block; text-align: left; margin-left: 1.5em!important;}

.my_product_showcase_box .post_image {border-top-left-radius: 10px!important; border-top-right-radius: 10px!important;}
.my_privacy h2, h3, h4, h5, h6 {margin-bottom: var(--margin-0-5)!important;}
.my_privacy li {margin-bottom: var(--margin-2)!important;}

span.smaller-text, p.gform_required_legend {font-size: var(--text-xs) !important; margin-bottom: var(--margin-1-1)!important;}
.gform_confirmation_message, .form_saved_message_sent
span.my_own_confirmation {font-size: var(--text-m)!important; color: var(--color-content-primary)!important; font-weight: var(--font-weight-bold)!important;}

/* Contact Page */
#mycontact {color: var(--color-content-text)!important; font-weight: 500;}
#mycontact ul {list-style-type: none;}
#mycontact a {color: var(--color-content-text);!important; font-weight: 500;}
#mycontact a:hover {color: var(--color-content-primary)!important; font-weight: 500;}
#myspecialulcontact {color: #FFFFFF!important; font-weight: 500;}
#myspecialulcontact ul {list-style-type: none;}
#myspecialulcontact a {color: var(--color-content-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;}