/*
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:*/
/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--text-xs: clamp(0.64rem, -0.01cqi + 0.64rem, 0.63rem);
		--text-s: clamp(0.8rem, 0.07cqi + 0.79rem, 0.84rem);
		--text-m: clamp(1rem, 0.2cqi + 0.96rem, 1.13rem);
		--text-l: clamp(1.25rem, 0.4cqi + 1.17rem, 1.5rem);
		--text-xl: clamp(1.56rem, 0.7cqi + 1.42rem, 2rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--text-xs: 0.64rem;
		--text-s: 0.8rem;
		--text-m: 1rem;
		--text-l: 1.25rem;
		--text-xl: 1.56rem;
  }
  @media screen and (min-width: 1320px) {
    :root {
			--text-xs: 0.63rem;
			--text-s: 0.84rem;
			--text-m: 1.13rem;
			--text-l: 1.5rem;
			--text-xl: 2rem;
    }
  }
}

/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--heading-h6: clamp(0.78rem, 0.03cqi + 0.78rem, 0.8rem);
		--heading-h5: clamp(0.94rem, 0.1cqi + 0.92rem, 1rem);
		--heading-h4: clamp(1.13rem, 0.2cqi + 1.08rem, 1.25rem);
		--heading-h3: clamp(1.35rem, 0.34cqi + 1.28rem, 1.56rem);
		--heading-h2: clamp(1.62rem, 0.53cqi + 1.51rem, 1.95rem);
		--heading-h1: clamp(1.94rem, 0.8cqi + 1.78rem, 2.44rem);
		--heading-title: clamp(2.33rem, 1.15cqi + 2.1rem, 3.05rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--heading-h6: 0.78rem;
		--heading-h5: 0.94rem;
		--heading-h4: 1.13rem;
		--heading-h3: 1.35rem;
		--heading-h2: 1.62rem;
		--heading-h1: 1.94rem;
		--heading-title: 2.33rem;
  }
  @media screen and (min-width: 1320px) {
    :root {
			--heading-h6: 0.8rem;
			--heading-h5: 1rem;
			--heading-h4: 1.25rem;
			--heading-h3: 1.56rem;
			--heading-h2: 1.95rem;
			--heading-h1: 2.44rem;
			--heading-title: 3.05rem;
    }
  }
}

/* css misc */
img.responsive {width: 100%; height: auto;}
.my_own_separator i {color: var(--color-selective-yellow)!important;}
.my_own_separator span {color: var(--color-eerie-black)!important; font-weight: 700;}
.my_own_separator_dark i {color: var(--color-eerie-black)!important;}
.my_own_separator_dark span {color: var(--color-eerie-black)!important; font-weight: 700;}
.my_own_separator_light span {color: var(--color-white)!important; font-weight: 700;}
.my_own_separator_light i {color: var(--color-selective-yellow)!important;}
.my_own_row {padding-top: 1rem!important; padding-bottom: 4rem!important;}
.my_own_timeline .w-tabs-item.active, .my_own_timeline .w-tabs-item {
	line-height: 1.5rem!important;
    height: 5%!important;
    width: 0!important;
    min-width: 18%!important;
    padding: 0.3rem!important;
	border-radius: 0!important;
}
.my_counting_number span.w-counter-value-part {font-size: var(--heading-h1)!important; font-weight: 700;}
.my_rotated {transform: rotate(342deg);}

.my_blog_content h2, h3, h4, h5, h6 {font-size: var(--heading-h3)!important; padding-top: 0.5rem!important; padding-bottom: 1.2rem!important; margin-bottom: unset!important;}

footer .my_footer_contact ul {
    list-style-type: none;
    margin-left: 0!important;
}

footer .my_footer_contact a {color: var(--color-selective-yellow)!important;}
footer .my_footer_contact a:hover {color: var(--color-white)!important;}
footer img.alignleft {margin: unset!important;}

/* css faq */

.my_accordion .w-tabs-section {margin-top: 0.4rem; margin-bottom: 0.4rem; border-style: unset !important;}

.w-tabs-section button {background-color: rgba(0,0,0,0.10) !important;}
button.active .w-tabs-section-title {color: var(--color-eerie-black)!important; font-weight: 400!important;}
button.active .w-tabs-section-control:before {color: var(--color-selective-yellow)!important;}
button.active  .w-tabs-section-control:after {background-color: var(--color-selective-yellow)!important;}
.w-tabs-section-header {padding-right: 0.5em!important; padding-left: 0.5em!important;}

div.general_questions .w-tabs-section button {background-color: var(--color-silver) !important;}
div.general_questions button.active .w-tabs-section-title {color: var(--color-eerie-black)!important; font-weight: 400!important;}
div.general_questions button.active .w-tabs-section-control:before {color: var(--color-eerie-black)!important;}
div.general_questions button.active  .w-tabs-section-control:after {background-color: var(--color-eerie-black)!important;}
/*.w-tabs-section-header {padding-right: 0.5em!important; padding-left: 0.5em!important;}*/

div.questions_on_blog .w-tabs-section button {background-color: var(--color-silver)!important;}
div.questions_on_blog button.active .w-tabs-section-title {color: var(--color-eerie-black)!important; font-weight: 400!important;}
div.questions_on_blog button.active .w-tabs-section-control:before {color: var(--color-eerie-black)!important;}
div.questions_on_blog button.active  .w-tabs-section-control:after {background-color: var(--color-eerie-black)!important;}
/*.w-tabs-section-content-h p {text-align: justify!important;}*/

@media (min-width: 769px) {#multi-step-form .fw-step-part {border-color: var(--color-selective-yellow)!important; }}
#multi-step-form .fw-step-part {background-color: var(--color-silver)!important;}
.fw-button-previous, .fw-button-next, .fw-button-fileupload {background: var(--color-selective-yellow)!important;}

ul.my_yellow_arrows {
  list-style: none; /* Remove default bullets */
  padding-left: 0; /* Remove default padding */
  margin-left: 1rem!important;
}

ul.my_yellow_arrows li::before {
  font-family: "fontawesome"; /* Use Font Awesome */
  content: "\f0a9"; /* Unicode for arrow-circle-right */
  display: inline-block;
  margin-right: 10px; /* Space between the icon and text */
  font-weight: 900; /* Ensure the icon is solid */
  color: var(--color-selective-yellow); /* Use the custom variable color */
}

ul.my_yellow_arrows li {
  margin-bottom: 10px; /* Optional: Add some spacing between list items */
}

/* Gravity Forms General CSS */
.gfield_label {display: none!important;}
.gform_confirmation_message, .form_saved_message_sent {font-size: var(--text-m)!important; color: var(--color-international-klein-blue)!important;}

/* start gform_1 */
#gform_1 #input_1_1 {display: flex; justify-content: center; align-items: center;}
@media (max-width: 600px) {#gform_1 #input_1_1 {flex-direction: column !important; text-align: center !important;}}
#gform_1 #input_1_1 span {width: 100% !important; padding: .3rem !important;}
#gform_1 #gform_fields_1 fieldset {margin: 0 !important;}
#gform_1 #field_1_3 {padding: .3rem !important;}
#gform_1 #field_1_4 {padding: .3rem !important;}
#gform_1 input[type=submit]:not(.w-btn) {margin: .3rem !important;}
#gform_1 #field_1_6 {padding: .3rem !important; font-size: var(--text-s)!important;}
/* end gform_1 */

/* start gform_2 */
#gform_2 #input_2_1 {display: flex; justify-content: center; align-items: center;}
@media (max-width: 600px) {#gform_2 #input_2_1 {flex-direction: column !important; text-align: center !important;}}
#gform_2 #input_2_1 span {width: 100% !important; padding: .3rem !important;}
#gform_2 #gform_fields_2 fieldset {margin: 0 !important;}
#gform_2 #field_2_3 {padding: .3rem !important;}
#gform_2 #field_2_4 {padding: .3rem !important;}
#gform_2 #field_2_5 {padding: .3rem !important;}
#gform_2 #field_2_6 {padding: .3rem !important;}
#gform_2 #field_2_7 {padding: .3rem !important;}
#gform_2 #field_2_8 {padding: .3rem !important;}
#gform_2 #field_2_9 {padding: .3rem !important;}
#gform_2 input[type=submit]:not(.w-btn) {margin: .3rem !important;}
#gform_2 #field_2_10 {font-size: var(--text-s)!important; padding: 0.3em!important;}
/* end gform_2 */

/* start gform_3 */
#gform_3 #input_3_1 {display: flex; justify-content: center; align-items: center;}
@media (max-width: 600px) {#gform_3 #input_3_1 {flex-direction: column !important; text-align: center !important;}}
#gform_3 #input_3_1 span {width: 100% !important; padding: .3rem !important;}
#gform_3 #gform_fields_3 fieldset {margin: 0 !important;}
#gform_3 #field_3_3 {padding: .3rem !important;}
#gform_3 input[type=submit]:not(.w-btn) {margin: .3rem !important; background: var(--color-zomp)!important; border-radius: 0.3em!important;}
#gform_3 input[type=submit]:not(.w-btn):hover {background: var(--color-hookers-green)!important;}
#gform_3 input:not([type=submit]) {border-color: var(--color-zomp)!important; border-radius: 0.3em!important;}
/* end gform_3 */

/* history */
.my_timeline .w-tabs-item {
    line-height: 8rem!important;
    height: 8rem!important;
    width: 8rem!important;
    min-width: 8rem!important;
}