/*
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{
	--color-platinum: #E5E5E5!important;
	--color-night: #111111!important;
	--color-verdigris: #36b4b6!important;
	--color-night: #111111!important;
	--color-seasalt: #f6f6f6!important;
	--color-white: #ffffff!important;
	
	--space-0: 0px!important;
	--space-5: 5px!important;
	--space-8: 8px!important;
	--space-10: 10px!important;
	--space-20: 20px!important;
	--space-30: 30px!important;
	--space-35: 35px!important;
	--space-40: 40px!important;
	
	--gap-0: 0px!important;
	--gap-5: 5px!important;
	--gap-10: 10px!important;
	--gap-15: 15px!important;
	--gap-20: 20px!important;
	--gap-40: 40px!important;
	
	--text-center: center!important;
	--text-left: left!important;
	--text-right: right!important;
	
	--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-1-8: 1.8em!important;
	--margin-2: 2em!important;
	--margin-4: 4em!important;
	
	--padding-0: 0!important;
	--padding-1: 1em!important;
	--padding-1-1: 1.1em!important;
	--padding-1-2: 1.2em!important;
	--padding-1-5: 1.5em!important;
	--padding-2: 2em!important;
	--padding-2-5: 2.5em!important;
	--padding-3: 3em!important;
	--padding-4: 4em!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-2-5: 2.5em!important;
	--height-3: 3em!important;
	--height-3-5: 3.5em!important;
	--height-4: 4em!important;
	--height-5: 5em!important;
	--height-6: 6em!important;

	/* special img variables */

	--width-3: 3em!important;
	--width-100: 100%!important;
	--height-auto: auto!important;
	
	--size-3: 3em!important;
	
	--v-height-5: 5vh!important;
	--v-height-10: 10vh!important;
	--v-height-20: 20vh!important;
	--v-height-40: 40vh!important;
	--v-height-60: 60vh!important;
	--v-height-65: 65vh!important;
	--v-height-80: 80vh!important;
	--v-height-100: 100vh!important;
	
	--light-300: 300!important;
	--regular-400: 400!important;
	--medium-500: 500!important;
	--bold-700: 700!important;
	
}

/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--text-xs: clamp(0.69rem, 0.09vi + 0.67rem, 0.74rem);
		--text-s: clamp(0.78rem, 0.21vi + 0.74rem, 0.89rem);
		--text-m: clamp(0.88rem, 0.37vi + 0.8rem, 1.06rem);
		--text-l: clamp(0.98rem, 0.57vi + 0.87rem, 1.27rem);
		--text-xl: clamp(1.11rem, 0.82vi + 0.94rem, 1.53rem);
  }
}
/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--text-xs: 0.69rem;
		--text-s: 0.78rem;
		--text-m: 0.88rem;
		--text-l: 0.98rem;
		--text-xl: 1.11rem;
  }
  @media screen and (min-width: 1140px) {
    :root {
		--text-xs: 0.74rem;
		--text-s: 0.89rem;
		--text-m: 1.06rem;
		--text-l: 1.27rem;
		--text-xl: 1.53rem;
    }
  }
}

/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--heading-h6: clamp(0.89rem, 0.19vi + 0.85rem, 0.99rem);
		--heading-h5: clamp(1rem, 0.22vi + 0.96rem, 1.11rem);
		--heading-h4: clamp(1.13rem, 0.24vi + 1.08rem, 1.25rem);
		--heading-h3: clamp(1.27rem, 0.27vi + 1.21rem, 1.41rem);
		--heading-h2: clamp(1.42rem, 0.31vi + 1.36rem, 1.58rem);
		--heading-h1: clamp(1.6rem, 0.35vi + 1.53rem, 1.78rem);
		--heading-title: clamp(1.8rem, 0.39vi + 1.72rem, 2rem);
  }
}
/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 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: 1140px) {
    :root {
			--heading-h6: 0.99rem;
			--heading-h5: 1.11rem;
			--heading-h4: 1.25rem;
			--heading-h3: 1.41rem;
			--heading-h2: 1.58rem;
			--heading-h1: 1.78rem;
			--heading-title: 2rem;
    }
  }
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {opacity: 0.6; text-decoration: none;}
.responsive {width: 100%; height: auto;}
.grecaptcha-badge { visibility: hidden; }

div.my_team_social_link {
    color: #C0C0C0 !important;
    text-align: center !important;
    font-size: 18px !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    padding: 16px !important;
    background: var(--color-content-bg) !important;
}
div.my_team_social_link a {color: #C0C0C0 !important;}
.my_team_social_link a:hover, .my_team_social_link:hover, .my_team_social_link:hover a {
    color: #FFFFFF!important;
    background: var(--color-verdigris) !important;
}
div.my_outer_main_box, div.my_outer_main_box_green {
	margin-top: 0.6rem!important; margin-bottom: 0.6rem!important;
}

div.my_outer_main_box div.vc_column-inner {margin-left: 1.2rem !important; margin-right: 1.2rem !important; padding-top: var(--height-2-5) !important; padding-bottom: var(--height-5) !important;}
div.my_outer_main_box_green div.vc_column-inner {margin-left: 1.2rem !important; margin-right: 1.2rem !important; padding-top: var(--height-2-5) !important; padding-bottom: var(--height-5) !important;}
div.my_outer_main_box div.my_main_box div.w-iconbox-title {color: var(--color-content-heading)!important;}
div.my_outer_main_box_green div.my_main_box div.w-iconbox-title {color: var(--color-seasalt)!important;}
div.my_main_box { }
.icon-box-heading div.w-iconbox-title {font-size: var(--heading-h6)!important; text-transform: uppercase!important; font-weight: var(--bold-700)!important; font-family: var(--h2-font-family)!important;}
div.my_main_box a.w-iconbox-link div.w-iconbox-icon, div.my_main_box a.w-iconbox-link:hover div.w-iconbox-icon {background-color: #FFFFFF!important;}
div.my_main_box a.w-iconbox-link div.w-iconbox-icon {line-height: 90px!important; height: 90px!important; width: 90px!important;}
div.my_main_box a.w-iconbox-link div.w-iconbox-icon {color: #FFFFFF!important;}
div.my_main_box div.w-iconbox-title {padding-top: var(--height-1)!important; padding-bottom: var(--height-0-5)!important; text-transform: uppercase; font-family: var(--h2-font-family)!important;
	font-weight: var(--h2-font-weight)!important;}
div.my_main_box div.w-iconbox-text {padding-bottom: var(--height-1)!important; padding-top: var(--height-0-5)!important;}

.service_list_btn {
    -webkit-transform: translate(-50%, -70%);
    -moz-transform: translate(-50%, -70%);
    -ms-transform: translate(-50%, -70%);
    -o-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
}

ul.my_ul {margin-left: 1.5rem!important;}
ul.my_ul li {text-align: left!important;}
ul.my_ul li::marker {content: "\f058  "; color: #36B4B6; font-family: "fontawesome"; font-weight: var(--light-300); font-size: var(--text-m)!important;}

li span.content {position: relative; left: 0.5rem;}
div.my_special_container {text-align: center;}
div.my_special_container ul.my_ul_white {display: table; text-align: left; margin-left: auto; margin-right: auto;}
ul.my_ul_white {margin-left: 2.5rem!important;}
ul.my_ul_white li::marker {content: "\f058"; color: #FFFFFF; font-family: "fontawesome"; var(--light-300);}

ul.my_ul_2_col {margin-left: 1.5rem!important;}
ul.my_ul_2_col li {margin-right: 2.5rem!important;}
ul.my_ul_2_col li::marker {content: "\f058  "; color: #36B4B6; font-family: "fontawesome"; font-weight: var(--light-300);}
ul.my_ul_2_col {columns: 2; -webkit-columns: 2; -moz-columns: 2;}


.my_special_link_one:hover {background-color: var(--color-seasalt)!important; color: var(--color-verdigris)!important;}
.my_special_link_two:hover {background-color: var(--color-verdigris)!important; color: var(--color-white)!important;}
div.my-bread-crump {font-size: var(--text-s)!important;}
a.my-home-bc {font-weight: 700; text-decoration: none; color: var(--color-verdigris)!important;}
.my_single_post_content h2, .my_single_post_content h3, .my_single_post_content h4, .my_single_post_content h5, .my_single_post_content h6 {padding-top: 0!important; padding-bottom: 1.5rem!important;}
.my_single_post_content p {font-size: var(--text-s)!important;}
.my_single_post_content ul, .my_single_post_content li  {font-size: var(--text-s)!important;}

div.small-icon-box {margin-bottom: 1.2rem!important;}
/*div.small-icon-box svg path.cls-1 {stroke: #FFFFFF!important;}*/

section.my_zero_margin_row div.vc_column_container {margin-bottom: 0!important; margin-bottom: 0!important;}
section.my_zero_margin_row .g-cols.via_flex.type_default>div[class*="vc_col-md-"], .g-cols.via_flex.type_default>div[class*="vc_col-lg-"] {margin-bottom: 0!important; margin-bottom: 0!important;}

div.my_footer_links a {color: var(--color-white)!important;}
div.my_footer_links a:hover span {border-bottom: 1px solid!important;}

div.my_recent_posts h2 {padding-bottom: var(--height-2-2)!important;}

.my_side_bar .w-iconbox-text {margin-left: var(--margin-1-5)!important; margin-right: var(--margin-1-5)!important;}
.my_green_box i {position: absolute!important; right: var(--padding-1)!important;}
.my_gray_box i {position: absolute!important; right: var(--padding-1)!important;}
@media (max-width: 600px) {
    .my_green_box i {position: absolute!important; right: var(--padding-3)!important;}
	.my_gray_box i {position: absolute!important; right: var(--padding-3)!important;}
}
.my_green_box:hover {background: var(--color-verdigris)!important; color: var(--color-white)!important; }
.my_gray_box:hover {background: var(--color-seasalt)!important; color: var(--color-verdigris)!important;}

.my_social_footer a.w-socials-item-link {line-height: 3rem!important; width: 3rem!important;}
div.my_social_footer .w-socials-item-link {
    background-color: #40484A!important;
    color: #FFFFFF!important;
}

div.my_social_footer .w-socials-item-link:hover {
    background-color: #36B4B6!important;
    color: #FFFFFF!important;
}

div.my_social_footer .w-socials-item.instagram .w-socials-item-link-hover,
div.my_social_footer .w-socials-item.facebook .w-socials-item-link-hover {
    background: var(--color-verdigris)!important;
}

.my_whatsapp {
    float: none;
    margin-right: 0;
    margin-left: 0;
}
span.message_whatsapp {font-size: 80%;}

.gform_confirmation_message, .form_saved_message_sent {font-size: var(--text-m)!important; color: var(--color-verdigris)!important;}
.gform_required_legend {font-size: var(--text-s) !important; padding-bottom: var(--padding-1) !important;}