/**********.woocommerce-page**********/
/*****Layout*****/
.woocommerce-page {margin: 0px !important;}

.woocommerce-page .ada_hide {
  position: fixed !important;
  left: -1000vw !important;
  top: -1000vh !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/*.button*/
.woocommerce-page .button {padding: .5rem 1rem !important;}

/*input[type="number, text, etc"]*/
.woocommerce-page input:is([type="number" i], [type="text" i], [type="date" i]) {padding: .25rem;}


/*****Typography*****/
html:has(body.woocommerce-page) {font-size: 16px !important;}

.woocommerce-page *:is(h1,h2,h3,h4,header,p,ul,li,a,button,input,textarea,label,option,span,dl,dt,dd,div) {font-family: sans-serif;}

.woocommerce-page *:is(h1, h2, h3, h4) {font-weight: bold;}

/*.button*/
.woocommerce-page .button {font-weight: bold !important;}

/*input[type="number, text, etc"]*/
.woocommerce-page input:is([type="number" i], [type="text" i], [type="date" i]) {
  font-size: 1rem; 
  line-height: 1em;
}

/*****Aesthetics*****/












/**********#notes_wrapper**********/
.woocommerce-page #notes_wrapper {
  display: none !important;
}
/*****Layout*****/
.woocommerce-page #notes_wrapper {padding-top: 2rem;}

.woocommerce-page #notes_wrapper h3 {margin: 0px 0px .5rem;}
.woocommerce-page #notes_wrapper #notes {
  width: 100%;
  max-width: 100%;
  min-height: 10rem;
  padding: 1rem;
}

/*****Typography*****/
.woocommerce-page #notes_wrapper * {color: var(--brand-color-1);}

.woocommerce-page #notes_wrapper h3 {
  font-size: 2.5rem;
  text-align: center;
}

.woocommerce-page #notes_wrapper #notes {
  font-size: 1.5rem;
  color: var(--brand-color-1);  
  font-weight: bold;
}

/*****Aesthetics*****/
.woocommerce-page #notes_wrapper {border-top: 4px solid var(--brand-color-1);}

.woocommerce-page #notes_wrapper #notes {
  border: 2px solid var(--brand-color-1);
  border-radius: .5rem .5rem 0px .5rem;
  background-color: white;
}


.woocommerce-page #notes_wrapper #save_notes_button.no_change {
  opacity: .5;
  cursor: not-allowed;
}







/*****#not_allowed*****/
/***Layout***/
#not_allowed {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  box-sizing: border-box;
}

#not_allowed *:is(h2, p) {margin-top: 0px;}
#not_allowed *:is(h2, p) {margin-bottom: .5em;}

#not_allowed .button {padding: .5rem 1rem;}

#not_allowed .button::before {content: "←"; margin-right: .25em;}

/***Typography***/

#not_allowed h2 {font-size: 3rem;}

#not_allowed *:is(h2, p) {text-align: center;}

#not_allowed .button {
  color: var(--brand-inverse-color-1);
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  cursor: alias;
}
#not_allowed .button:is(:hover, :focus) {color: var(--brand-color-1);}

/***Aesthetics***/
#not_allowed .button {
  background-color: var(--brand-color-1);
  border: 2px solid var(--brand-color-1);
  border-radius: .5rem;
}

#not_allowed .button:is(:hover, :focus) {
  background-color: var(--brand-inverse-color-1);
}









/*****#hicrm_wc_nav*****/
#hicrm_wc_nav #hicrm_wc_nav_button {display: none !important;}
/***Layout***/
#hicrm_wc_nav {
  display: block;  
  width: 80%;
  height: 4.5rem;
  position: fixed;
  left: 10%;
  bottom: 0px;
  z-index: 999;  
  --modal-width: 15rem;
  --modal-right: 1rem;
  --modal-side-padding: 1rem;
  --ham-width: 4px;  
}

/*#hicrm_wc_nav[has_cart_step_vars="false"] {display: none;}*/

#hicrm_wc_nav * {box-sizing: border-box;}

#hicrm_wc_nav > * {  
  position: absolute;
  top: 0px;
}

/*
#hicrm_wc_nav #hicrm_wc_nav_button {
  width: 2.5rem;
  height: 2.5rem;
  padding: 1.25rem;
  position: absolute;
  top: 1rem;
  right: calc(var(--modal-right) + var(--modal-side-padding));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
*/

#hicrm_wc_nav #hicrm_wc_nav_modal {
  width: 100%;
  padding: .5rem var(--modal-side-padding) 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/*
#hicrm_wc_nav.open_modal #hicrm_wc_nav_modal {right: var(--modal-right);}
#hicrm_wc_nav:not(.open_modal) #hicrm_wc_nav_modal {right: calc(-1.1 * var(--modal-width));}
*/

#hicrm_wc_nav #hicrm_wc_nav_button .hicrm_wc_nav_button_ham_part {
  margin: 0px;
  position: absolute;
}

/*
#hicrm_wc_nav:not(.open_modal) #hicrm_wc_nav_button #ham1 {top: calc(50% - (var(--ham-width) / 2) - .5rem);}
#hicrm_wc_nav.open_modal #hicrm_wc_nav_button .hicrm_wc_nav_button_ham_part,
#hicrm_wc_nav:not(.open_modal) #hicrm_wc_nav_button #ham2 {top: calc(50% - (var(--ham-width) / 2));}
#hicrm_wc_nav:not(.open_modal) #hicrm_wc_nav_button #ham3 {top: calc(50% - (var(--ham-width) / 2) + .5rem);}
*/

#hicrm_wc_nav #hicrm_wc_nav_modal ol {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 0px !important;
  flex-grow: 1;
}

#hicrm_wc_nav #hicrm_wc_nav_modal > #exit {padding: 0px 1rem;}
body.in_iframe #hicrm_wc_nav #hicrm_wc_nav_modal > #exit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
}
body.in_iframe #hicrm_wc_nav #hicrm_wc_nav_modal > #exit svg {
  width: 1em;
  height: 1em;
  fill: var(--brand-color-1);
}
body.in_iframe #hicrm_wc_nav #hicrm_wc_nav_modal > #exit:is(:hover, :focus) svg {fill: var(--brand-inverse-color-1);}


/***Typography***/
#hicrm_wc_nav #hicrm_wc_nav_modal ol li {
  color: white;
  font-size: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/*
#hicrm_wc_nav #hicrm_wc_nav_modal ol li:nth-child(1) > a::before {content: "01 - ";}
#hicrm_wc_nav #hicrm_wc_nav_modal ol li:nth-child(2) > a::before {content: "02 - ";}
#hicrm_wc_nav #hicrm_wc_nav_modal ol li:nth-child(3) > a::before {content: "03 - ";}
#hicrm_wc_nav #hicrm_wc_nav_modal ol li:nth-child(4) > a::before {content: "04 - ";}
#hicrm_wc_nav #hicrm_wc_nav_modal ol li:nth-child(5) > a::before {content: "05 - ";}
*/

#hicrm_wc_nav #hicrm_wc_nav_modal ol li a {
  color: var(--brand-inverse-color-1) !important;
  text-decoration: none;
}
#hicrm_wc_nav #hicrm_wc_nav_modal ol li a.current {font-weight: bold;}

#hicrm_wc_nav #hicrm_wc_nav_modal ol li a:is(:hover, :focus) {text-decoration: underline;}

#hicrm_wc_nav #hicrm_wc_nav_modal > #exit {
  font-size: 1.5rem; 
  font-weight: bold;
  color: var(--brand-color-1);
  text-decoration: none;
}
#hicrm_wc_nav #hicrm_wc_nav_modal > #exit:is(:hover, :focus) {color: var(--brand-inverse-color-1);}

/***Aesthetics***/
#hicrm_wc_nav #hicrm_wc_nav_modal {
  background-color: var(--brand-color-1);
  border-radius: 1rem 1rem 0px 0px;
  transition: .5s right;
  border: .25rem solid white;
  border-bottom: 0px !important;
}


#hicrm_wc_nav #hicrm_wc_nav_button {
  background-color: var(--brand-color-1);
  border-radius: 2rem;
  border: 2px solid var(--brand-inverse-color-1);
}

#hicrm_wc_nav #hicrm_wc_nav_button:is(:hover, :focus) {
  background-color: var(--brand-inverse-color-1);
  border-color: var(--brand-color-1);
}

#hicrm_wc_nav #hicrm_wc_nav_button .hicrm_wc_nav_button_ham_part {
  width: 1.5rem;
  height: 0px;
  border: calc(var(--ham-width) / 2) solid white;
  border-radius: 1rem;
  transform: rotate(0deg);
  opacity: 1;
  background-color: white;
  transition: .5s;
}

#hicrm_wc_nav #hicrm_wc_nav_button:is(:hover, :focus) .hicrm_wc_nav_button_ham_part {
  border-color: var(--brand-color-1);
  background-color: var(--brand-color-1);  
}

/*
#hicrm_wc_nav.open_modal #hicrm_wc_nav_button #ham1 {transform: rotate(-45deg);}
#hicrm_wc_nav.open_modal #hicrm_wc_nav_button #ham2 {opacity: 0;}
#hicrm_wc_nav.open_modal #hicrm_wc_nav_button #ham3 {transform: rotate(45deg);}
*/

#hicrm_wc_nav[has_cart_step_vars="false"] li,
#hicrm_wc_nav[has_project_details_step_vars="false"] #project_details_step ~ li,
#hicrm_wc_nav[has_proposal_step_vars="false"] #proposal_step ~ li,
#hicrm_wc_nav[has_investment_step_vars="false"] #investment_step ~ li {opacity: .25; cursor: not-allowed;}


#hicrm_wc_nav #hicrm_wc_nav_modal > #exit {
  border-radius: 2rem;
  background-color: var(--brand-inverse-color-1);
  border: 2px solid var(--brand-inverse-color-1);
}
#hicrm_wc_nav #hicrm_wc_nav_modal > #exit:is(:hover, :focus) {background-color: var(--brand--color-1);}


/*****Programmatic*****/
#hicrm_wc_nav[has_cart_step_vars="false"] li > a,
#hicrm_wc_nav[has_project_details_step_vars="false"] #project_details_step ~ li > a,
#hicrm_wc_nav[has_proposal_step_vars="false"] #proposal_step ~ li > a,
#hicrm_wc_nav[has_investment_step_vars="false"] #investment_step ~ li > a {pointer-events: none;}

















/**********.hicrm_before_after_slider**********/
/*****Layout*****/
.hicrm_before_after_slider {
  width: 100%;  
  position: relative;
  --thumb-size: 2rem;
}
@media all and (orientation: landscape) {.hicrm_before_after_slider {padding: 40vh 0px;}}
@media all and (orientation: portrait) {.hicrm_before_after_slider {padding: 40vw 0px;}}


.hicrm_before_after_slider .hicrm_before_after_slide {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  width: 50%;
}


.hicrm_before_after_slider .hicrm_before_slide {
  left: 0px; 
  z-index: 99;
}
.hicrm_before_after_slider .hicrm_before_after_slide::after {
  content: "";
  position: absolute;
  height: calc(100% - 4rem);
  width: 2px;
  top: 2rem;
}
.hicrm_before_after_slider .hicrm_before_slide::after {right: 0px;}
.hicrm_before_after_slider .hicrm_after_slide::after {left: 0px;}

.hicrm_before_after_slider .hicrm_before_after_slide_inner {height: 100%;}
.hicrm_before_after_slider .hicrm_before_slide .hicrm_before_after_slide_inner {float: left;}

.hicrm_before_after_slider .hicrm_after_slide {
  right: 0px; 
  z-index: 9;
}
.hicrm_before_after_slider .hicrm_after_slide .hicrm_before_after_slide_inner {float: right;}


/**thumb and slide**/
.hicrm_before_after_slider input[type="range"] {
  -webkit-appearance: none;   
  z-index: 999;
  width: calc(100% + var(--thumb-size));
  position: absolute;
  left: calc(-.5 * var(--thumb-size));
  padding: 0px !important;
}

.hicrm_before_after_slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;   
  height: var(--thumb-size) !important;
  width: var(--thumb-size) !important;  
}

.hicrm_before_after_slider input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;   
  height: 0px !important;
}


/*****Typography*****/

/*****Aesthetics*****/
.hicrm_before_after_slider .hicrm_before_after_slide {overflow: hidden;}

.hicrm_before_after_slider .hicrm_before_after_slide_inner {
  background: no-repeat center / cover; 
  border-radius: 1rem !important;
  overflow: hidden;
}
.hicrm_before_after_slider.square_corners .hicrm_before_after_slide_inner {border-radius: 0px !important;}
.hicrm_before_after_slider.rounded_corners .hicrm_before_after_slide_inner {border-radius: 1rem !important;}


.hicrm_before_after_slider *:is(.hicrm_before_slide, .hicrm_after_slide)::after{
  background-color: white;
  box-shadow: 0px 0px .5rem 0px black;  
}


/**thumb and slide**/
.hicrm_before_after_slider .hicrm_before_after_slide_range_input {
  border: 0px none transparent;
  outline: 0px none transparent;
}

.hicrm_before_after_slider .hicrm_before_after_slide_range_input[type="range"]::-webkit-slider-thumb {
  background-color: white !important;
  border-radius: var(--thumb-size) !important;
  box-shadow: 0px 0px .5rem 0px black;
}

.hicrm_before_after_slider .hicrm_before_after_slide_range_input[type="range"]::-webkit-slider-runnable-track {background-color: transparent !important;}