/*
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 */
/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--text-xs: clamp(0.79rem, 0.13cqi + 0.76rem, 0.87rem);
		--text-s: clamp(0.89rem, 0.25cqi + 0.84rem, 1.04rem);
		--text-m: clamp(1.1rem, 0.42cqi + 0.92rem, 1.25rem);
		--text-l: clamp(1.13rem, 0.63cqi + 1rem, 1.5rem);
		--text-xl: clamp(1.27rem, 0.89cqi + 1.09rem, 1.8rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--text-xs: 0.79rem;
		--text-s: 0.89rem;
		--text-m: 1.1rem;
		--text-l: 1.13rem;
		--text-xl: 1.27rem;
  }
  @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;
    }
  }
}

/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--headings-h6: clamp(0.99rem, 0cqi + 0.99rem, 0.99rem);
		--headings-h5: clamp(1.11rem, 0cqi + 1.11rem, 1.11rem);
		--headings-h4: clamp(1.25rem, 0cqi + 1.25rem, 1.25rem);
		--headings-h3: clamp(1.41rem, 0cqi + 1.41rem, 1.41rem);
		--headings-h2: clamp(1.58rem, 0cqi + 1.58rem, 1.58rem);
		--headings-h1: clamp(1.78rem, 0cqi + 1.78rem, 1.78rem);
		--headings-title: clamp(2rem, 0cqi + 2rem, 2rem);
	    --bullet-point: clamp(2.4rem, 0cqi + 2.2rem, 2.2rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--headings-h6: 0.99rem;
		--headings-h5: 1.11rem;
		--headings-h4: 1.25rem;
		--headings-h3: 1.41rem;
		--headings-h2: 1.58rem;
		--headings-h1: 1.78rem;
		--headings-title: 2rem;
	    --bullet-point: 2.4rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
			--headings-h6: 0.99rem;
			--headings-h5: 1.11rem;
			--headings-h4: 1.25rem;
			--headings-h3: 1.41rem;
			--headings-h2: 1.58rem;
			--headings-h1: 1.78rem;
			--headings-title: 2rem;
		    --bullet-point: 2.4rem;
    }
  }
}
/* general css */
.grecaptcha-badge { visibility: hidden; }

/* misc text css */
* {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

h1,h2,h3,h4,h5,h6 {
    text-wrap: balance!important
}

p,li,figcaption {
    text-wrap: pretty!important
}

span.my_bigger_text {
	font-size: var(--headings-h3)!important;
	font-weight: 300;
}

/* navigation menu */

.wpml-ls-item a {
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.wpml-ls-item-en a::after {
    content: "|";
    padding-left: 8px;
    padding-right: 8px;
}

/* Base style for text animation */
.text-animate {
    opacity: 0;
    transform: translateY(70px); /* Optional: Adds a subtle movement */
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Class to be added when element is in view */
.text-animate.show {
    opacity: 1;
    transform: translateY(0);
}

header {backdrop-filter: blur(5px);}

/* Gravity Forms CSS */

.gfield_label {display: none!important;}
/* Hide the default radio buttons */
.gfield-choice-input {
  display: none;
}

.my_radio_buttons {
	
}

/* Style the label as a button */
.my_radio_buttons .gform-field-label {
  display: inline-block;
  padding: 0.8rem 1.4rem;
  border: 1px solid transparent;
  border-radius: unset;
  background-color: #BBB79E;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 5px;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
}

/* Hover effect for the labels */
.my_radio_buttons .gform-field-label:hover {
  background-color: #FFFFFF;
  border-color: #BBB79E;
  color: #BBB79E;
  box-shadow: unset;
}

/* Style for the selected radio button */
.my_radio_buttons .gfield-choice-input:checked + .gform-field-label {
  background-color: #FFFFFF;
  border-color: #BBB79E;
  color: #BBB79E;
  box-shadow: unset;
}

#gform_1 #field_1_8 {
	margin-bottom: 1.2em!important;
}

#gform_1 #field_1_27 {
	margin-top: 1.2em!important;
}

#gform_1 fieldset#field_1_7, #gform_1 fieldset#field_1_33 {
	margin: 0!important;
}

#gform_1 #input_1_1 {
	display: flex;
	justify-content: center;
	align-items: center;
}

#gform_1 #input_1_1 span {
    width: 100% !important;
    padding: .3rem !important;
}

#gform_1 #input_1_7, #gform_1 #input_1_33 {
	display: flex;
	margin-left: -0.3rem;
}

@media (max-width: 1024px) {
  #gform_1 #input_1_7, #gform_1 #input_1_33 {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.3rem;
}
	#gform_1 #input_1_7 .gchoice , #gform_1 #input_1_33 .gchoice {
	width: 50%!important;
	padding-top: 0.15rem!important;
	padding-bottom: 0.15rem!important;
	padding-left: 0.15rem!important;
	padding-right: 0.15rem!important;
}

	#gform_1 #input_1_7 .gchoice label, #gform_1 #input_1_33 .gchoice label {
	width: 100%;
}
}

#gform_1 #input_1_7 .gchoice, #gform_1 #input_1_33 .gchoice {
	width: 25%;
	padding: 0.3rem;
}

#gform_1 #input_1_7 .gchoice label, #gform_1 #input_1_33 .gchoice label {
	width: 100%;
}

#gform_1 fieldset#field_1_1 {
	margin: 0!important;
}

.gfmc-field {
    flex-direction: row!important;
}


#gform_1 #field_1_24 {
	width: 50%!important;
    padding: 0.3rem!important;
}

#gform_1 #field_1_25 {
	width: 50%!important;
    padding: 0.3rem!important;
}

#gform_1 #field_1_21 {
	width: 50%!important;
    padding: 0.3rem!important;
}

#gform_1 #field_1_10 {
	width: 50%!important;
    padding: 0.3rem!important;
}

#gform_1 #field_1_11 {
	width: 50%!important;
    padding: 0.3rem!important;
}

#gform_1 #field_1_12 {
	width: 50%!important;
    padding: 0.3rem!important;
}

#gform_1 #field_1_13 {
	width: 50%!important;
    padding: 0.3rem!important;
}

#gform_1 #field_1_14 {
	width: 50%!important;
    padding: 0.3rem!important;
}

#gform_1 #field_1_29 {
	width: 50%!important;
    padding: 0.3rem!important;
}

#gform_1 #input_1_29 {
	width: 100%!important;
}

#gform_1 #field_1_31 {
	width: 50%!important;
    padding: 0.3rem!important;
}

.gfmc-field div:not(.gchoice) {
    padding-bottom: 0!important;
}

#gform_1 #field_1_35 {
	width: 100%!important;
    padding: 0.3rem!important;
	font-size: 80%!important;
	font-weight: 300;
}

#gform_1 #field_1_35 a {
	color: var(--color-chinese-violet)!important;
}

#gform_1 #field_1_35 a:hover {
	font-weight: 700!important;
}

#gform_1 #field_1_34 {
	width: 100%!important;
    padding: 0.3rem!important;
	font-size: 80%!important;
	font-weight: 300;
}

#gform_1 #field_1_34 a {
	color: var(--color-chinese-violet)!important;
}

#gform_1 #field_1_34 a:hover {
	font-weight: 700!important;
}

#gform_1 .my_additional_text {
	padding: 0.3rem!important;
	font-weight: 300;
	font-size: var(--text-s);
}

#gform_1 .gform_footer {
	display: flex;
	align-items: center;
	margin-top: 4em!important;
	justify-content: center;
}

#gform_1 #gform_submit_button_1 {
	background-color: var(--color-chinese-violet)!important;
	color: var(--color-white)!important;
}

#gform_1 #gform_submit_button_1:hover {
	background-color: var(--color-white)!important;
	color: var(--color-chinese-violet)!important;
	border-color: var(--color-chinese-violet)!important;
}

div#gform_confirmation_message_1 {
	color: var(--color-black)!important;
	font-weight: var(--bold-font-weight, bold)!important;
	text-align: center!important;
}

.gform_confirmation_message, .form_saved_message_sent {
	color: var(--color-black)!important;
	font-weight: var(--bold-font-weight, bold)!important;
	text-align: center!important;
}

p.gform_required_legend {
	font-weight: 300!important;
	padding: 0.3rem!important;
}

/* General Table Styling */

table.my_main_table .table-scroll {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-color: #888 #e0e0e0; /* Custom colors for the scrollbar */
    scrollbar-width: thin; /* Thin scrollbar */
}

table.my_main_table .table-scroll::-webkit-scrollbar {
    height: 10px; /* Height for horizontal scrollbar */
}

table.my_main_table .table-scroll::-webkit-scrollbar-track {
    background: #e0e0e0; /* Track background */
}

table.my_main_table .table-scroll::-webkit-scrollbar-thumb {
    background-color: #888; /* Scrollbar thumb color */
    border-radius: 10px; /* Rounded scrollbar thumb */
}

table.my_main_table .table-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Hover color for scrollbar */
}

/* Optional: Add a scroll bar at the top as well */
table.my_main_table .table-scroll-top {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    direction: rtl; /* This reverses scroll direction for top scrollbar */
}

table.my_main_table .table-scroll-top::-webkit-scrollbar {
    height: 10px;
}

table.my_main_table .table-scroll-top::-webkit-scrollbar-track {
    background: #e0e0e0;
}

table.my_main_table .table-scroll-top::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.table-scroll {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

table.my_main_table {
    width: 100%;
    border-collapse: collapse;
}

@media (max-width: 600px){
.my_main_table {
    font-size: var(--text-xs)!important;
	}}

.my_main_table th, .my_main_table td {
    border: unset;
    padding: 8px;
    text-align: left;
}

@media (max-width: 600px){
	.my_main_table th, .my_main_table td {
    border: unset;
    padding: 2px;
	font-size: var(--text-xs)!important;
}
}

table.my_main_table thead th:nth-child(2), table.my_main_table thead th:nth-child(3), table.my_main_table thead th:nth-child(4), table.my_main_table thead th:nth-child(5) {
    text-align: center;
    font-weight: 700;
}

table.my_main_table tbody td:first-child {
    width: 40%;
	text-wrap: balance!important;
}

table.my_main_table tbody td:nth-child(2), table.my_main_table tbody td:nth-child(3), table.my_main_table tbody td:nth-child(4) {
    width: 15%;
    text-align: center;
}

table.my_main_table tbody td:last-child {
    width: 15%;
    vertical-align: top;
}

table.my_main_table tr.my_bottom_border_bold {
    border-bottom: solid 0.2rem;
}

table.my_main_table tr.my_bottom_border_medium {
    border-bottom: solid 0.1rem;
}

table.my_main_table td.my_last_column {
    background-color: rgba(126, 134, 181, 0.40);
    color: white;
	position: relative;
}

table.my_main_table tbody td:nth-child(2) {background-color: #906a76;}
table.my_main_table tbody td:nth-child(3) {background-color: var(--color-white-40);}
table.my_main_table tbody td:nth-child(4) {background-color: unset;}

table.my_main_table td.my_last_column span.my_individual_text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    /*transform: rotate(180deg);*/
	display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    position: absolute;
}

.my_x_dot_image {
    display: flex;
    margin: auto !important;
    justify-content: center;
    align-items: center;
    align-content: space-around;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-top: 4px;
}

@media (min-width: 601px) {
	span.my_desktop {display: unset!important;}
	span.my_mobile {display: none!important;}
}
	
	
@media (max-width: 600px) {
	span.my_desktop {display: none!important;}
	span.my_mobile {display: unset!important;}
}

/* pricing table */

table.my_pricing_table {
	color: #FFFFFF!important;	
}

table.my_pricing_table tbody td:first-child {
    width:4%;
    text-wrap: balance !important;
}


table.my_pricing_table tbody td:last-child {
	width: 15%!important;
	text-wrap: balance !important;
}

table.my_pricing_table tbody td:nth-child(2) {
	width: 81%!important;
}

table.my_pricing_table .my_first_background, table.my_pricing_table_mobile .my_first_background {
background-color: #906a76!important;
}

table.my_pricing_table .my_second_background, table.my_pricing_table_mobile .my_second_background {
background-color: var(--color-white-40)!important;
}

table.my_pricing_table .my_third_background, table.my_pricing_table_mobile .my_third_background {
background-color: unset!important;
}

table.my_pricing_table .my_fourth_background, table.my_pricing_table_mobile .my_fourth_background {
background-color: rgba(126, 134, 181, 0.40)!important;
}

table.my_pricing_table td.my_first_column {
    color: white;
    position: relative;
}

table.my_pricing_table td.my_first_column span.my_individual_text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    /* transform: rotate(180deg); */
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    position: absolute;
}

table.my_pricing_table td.my_textcell_aligned {
	text-align: center;
	vertical-align: middle;
}

table.my_pricing_table td.my_textcell_aligned_vertical {
	vertical-align: middle;
}

table.my_pricing_table td.my_bold_table_text {
	font-weight: 700;
}

table.my_pricing_table th, table.my_pricing_table td {
    border: unset;
}

table.my_pricing_table td.my_thin_table_border {
	border-left: 1px solid;
	border-right: 1px solid;
}

table.my_pricing_table tr.my_bold_table_border {
	border-top: 2px solid;
	border-bottom: 2px solid;
}

/* table css mobile */

table.my_pricing_table_mobile td.my_bold_text {
	font-weight: 700;
	text-align: center;
}

table.my_pricing_table_mobile td.my_bold_table_border_top {
	border-top: 2px solid;
	border-bottom: unset;
}

table.my_pricing_table_mobile td.my_bold_table_border_bottom {
	border-top: 1px solid;
	border-bottom: 2px solid;
}



/* member card css */

div.my_member_image {
	filter: brightness(80%);
}

div.my_member_title {
    position: absolute !important;
    bottom: 2rem !important;
    left: 50%;
    transform: translate(-50%, 0px);
	width: 86%;
}

.my_member_card {display: flex;}

/* ul css 

ul.mysolution li {
	margin-bottom: 0!important;
}

ul.mysolution li::marker {
    font-size: var(--bullet-point);
	line-height: 1!important;
}

ul.mysolution span.myli {
    font-size: var(--text-m);
    position: relative;
    top: -0.3em;
}

@media (max-width: 600px) {
	ul.mysolution span.myli {
    	font-size: var(--text-m);
    	position: relative!important;
    	top: -0.4em!important;
	}	
} */

/* bullet text container */

.bullet-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--color-white)!important;
}

.bullet-item {
    display: flex!important;
    align-items: flex-start!important;
}

.bullet-point {
    font-size: 600%!important;
    margin-right: 0.8rem!important;
    display: inline-block!important;
    line-height: 0.14!important;
    color: var(--color-white)!important;
}

@media (max-width: 600px) {
	.bullet-point {
		line-height: 0.1!important;
	}
}

.text {
    font-size: var(--text-m);
}

.text strong {
    font-weight: bold;
}


/* section backgrounds */

section.additional-bg-one {
	
    background-image: url("https://max3.ch/wp-content/uploads/2024/11/Logo-Transparent-Opacity-0-4-01.svg"), url("https://max3.ch/wp-content/uploads/2024/10/Main-Image-02.jpg");
    background-position: -80px -80px, 50%;
    background-repeat: no-repeat, no-repeat;
	background-attachment: scroll, fixed;
	background-size: 500px, cover;
	overflow: hidden;	
}

@media (max-width: 600px) {
	section.additional-bg-one {
    	background-image: url("https://max3.ch/wp-content/uploads/2024/11/Logo-Transparent-Opacity-0-4-01.svg"), url("https://max3.ch/wp-content/uploads/2024/10/Main-Image-02.jpg");
    	background-position: -80px -80px, 50%;
    	background-repeat: no-repeat, no-repeat;
		background-attachment: scroll, fixed;
		background-size: 300px, cover!important;
		overflow: hidden;	
	}	
}

section.additional-bg-two {
    background-image: url("https://max3.ch/wp-content/uploads/2024/11/Logo-Transparent-Opacity-0-4-01.svg"), url("https://max3.ch/wp-content/uploads/2024/10/General-Background-01.jpg");
    background-position: calc(100% + 50px) calc(100% + 80px), 50%;
    background-repeat: no-repeat, no-repeat;
	background-attachment: scroll, fixed;
	background-size: 500px, cover;
	overflow: hidden;
}
@media (max-width: 600px) {
	section.additional-bg-two {
    	background-image: url("https://max3.ch/wp-content/uploads/2024/11/Logo-Transparent-Opacity-0-4-01.svg"), url("https://max3.ch/wp-content/uploads/2024/10/General-Background-01.jpg");
    	background-position: calc(100% + 50px) calc(100% + 80px), 50%;
    	background-repeat: no-repeat, no-repeat;
		background-attachment: scroll, fixed;
		background-size: 300px, cover!important;
		overflow: hidden;
	}
}

section.additional-bg-three {
    background-image: url("https://max3.ch/wp-content/uploads/2024/11/Logo-Transparent-Opacity-0-4-01.svg"), url("https://max3.ch/wp-content/uploads/2024/10/General-Background-01.jpg");
    background-position: calc(100% + 20px) 20px, 50%;
    background-repeat: no-repeat, no-repeat;
	background-attachment: scroll, fixed;
	background-size: 660px, cover;
	overflow: hidden;
}

@media (max-width: 600px) {
	section.additional-bg-three {
    	background-image: url("https://max3.ch/wp-content/uploads/2024/11/Logo-Transparent-Opacity-0-4-01.svg"), url("https://max3.ch/wp-content/uploads/2024/10/General-Background-01.jpg");
    	background-position: calc(100% + 20px) 20px, 50%;
    	background-repeat: no-repeat, no-repeat;
		background-attachment: scroll, fixed;
		background-size: 360px, cover!important;
		overflow: hidden;
	}
}

/* cookie notice */
.cmplz-cookiebanner {
    border-radius: unset!important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    background-color: var(--color-chinese-violet)!important;
    border: 1px solid var(--color-chinese-violet)!important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
    background-color: var(--color-alabaster)!important;
    border: 1px solid var(--color-alabaster)!important;
    color: var(--color-black)!important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
    background-color: var(--color-sage)!important;
    border: 1px solid var(--color-sage)!important;
    color: var(--color-black)!important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
    background-color: var(--color-sage)!important;
    border: 1px solid var(--color-sage)!important;
    color: var(--color-black)!important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    border-radius: unset!important;
    font-size: var(--text-s)!important;
	font-weight: 300!important;
}

.cmplz-cookiebanner .cmplz-title {
    font-size: var(--text-xs)!important;
    color: var(--color-black)!important;
    font-weight: 700!important;
}

.cmplz-cookiebanner .cmplz-message {
    font-size: var(--text-xs)!important;
    color: var(--color-black)!important;
	font-weight: 300!important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
    font-weight: 300!important;
    font-size: var(--text-xs)!important;
    color: var(--color-black)!important;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link {
    color: var(--color-chinese-violet)!important;
    font-weight: 300!important;
}

#cmplz-manage-consent .cmplz-manage-consent {
    margin: unset;
    color: var(--color-black)!important;
    border-radius: unset!important;  
    padding: 12px!important;
}

section.my_cookie a {
	color: var(--color-chinese-violet)!important;
}

section.my_cookie a:hover {
	color: var(--color-chinese-violet)!important;
	text-decoration: underline!important;
}