html {
  /*I want it to be really clear if white or black is used it's not because it wasn't replaced with the appropriate var, it was intentionally set to white/black and should NOT change*/
  --division-color-000: #000000;
  --division-color-fff: #ffffff;
}

body {margin: 0px;}

body:not(:is(.hicrm_frontend_branchized, .hicrm_frontend_companized):is(.hicrm_page_branchized, .hicrm_page_companized)),
div:has(> img[src*="rs6_logo_2x.png"]) {display: none;}

*:not(i) {font-family: sans-serif;}

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

.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;
  
  font-weight: bold !important;  
}

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

/*headers*/
.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;}












/**********#notes_wrapper**********/
.woocommerce-page #notes_wrapper {display: none !important; }

.woocommerce-page #notes_wrapper {   
  padding-top: 2rem;
    
  border-top: 4px solid var(--division-color-1);  
}

.woocommerce-page #notes_wrapper h3 {
  margin: 0px 0px .5rem;

  font-size: 2.5rem;
  text-align: center;  
}

.woocommerce-page #notes_wrapper #notes {
  width: 100%;
  max-width: 100%;
  min-height: 10rem;
  padding: 1rem;
  
  font-size: 1.5rem;
  color: var(--division-color-1);  
  font-weight: bold; 
  
  border: 2px solid var(--division-color-1);
  border-radius: .5rem .5rem 0px .5rem;
  background-color: var(--division-color-1-contrast);  
}

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

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










/**********#not_allowed**********/
#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; 
  margin-bottom: .5em;
  
  text-align: center;  
}

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

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

  color: var(--division-color-1-contrast);
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  cursor: alias;  
  
  background-color: var(--division-color-1);
  border: 2px solid var(--division-color-1);
  border-radius: .5rem;  
}
#not_allowed .button:is(:hover, :focus) {
  color: var(--division-color-1);

  background-color: var(--division-color-1-contrast);  
}

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














/*****#hicrm_wc_nav*****/
#hicrm_wc_nav {
  --modal-width: 15rem;
  --modal-right: 1rem;
  --modal-side-padding: 1rem;
  --ham-width: 4px;  
  
  display: flex;
  padding: .5rem var(--modal-side-padding) 1rem;  
  flex-direction: row;
  flex-wrap: wrap;  
  width: 80%;
  height: 4.5rem;
  box-sizing: border-box;
  position: fixed;
  left: 10%;
  bottom: 0px;
  z-index: 999;   
  
  background-color: var(--division-color-1);
  border-radius: 1rem 1rem 0px 0px;
  transition: .5s right;
  border: .25rem solid var(--division-color-1-contrast);
  border-bottom: 0px !important;    
}

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

/**.hicrm_wc_nav_cta**/
body:not(.in_iframe) #hicrm_wc_nav > #refresh,
body.in_iframe #hicrm_wc_nav > #exit {display: none;}

#hicrm_wc_nav > .hicrm_wc_nav_cta {
  height: 2.75rem;  
  padding: 0px 1rem;  
  display: flex;    
  flex-direction: column;
  align-items: center;
  justify-content: center; 
  
  font-size: 1.5rem; 
  font-weight: bold;
  color: var(--division-color-1);
  text-decoration: none;  
  
  border-radius: 2rem;
  background-color: var(--division-color-1-contrast);
  border: 2px solid var(--division-color-1-contrast);  
}
#hicrm_wc_nav > .hicrm_wc_nav_cta:is(:hover, :focus) {
  color: var(--division-color-1-contrast);
  
  background-color: var(--division-color-1);
}

/*refresh*/
body.in_iframe #hicrm_wc_nav > #refresh svg {
  width: 1em;
  height: 1em;
  fill: var(--division-color-1);
}
body.in_iframe #hicrm_wc_nav > #refresh:is(:hover, :focus) svg {fill: var(--division-color-1-contrast);}


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

/*li*/
#hicrm_wc_nav ol li {
  color: var(--division-color-1-contrast);
  font-size: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}

body.post-type-archive-product.color_scheme_preview #hicrm_wc_nav li,
#hicrm_wc_nav[has_cart_step_vars="false"] li,
body:not(.hicrm_skip_proposal) #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;}

body.hicrm_skip_proposal #hicrm_wc_nav #proposal_step {display: none;}

/*a*/
#hicrm_wc_nav ol li a {
  color: var(--division-color-1-contrast) !important;
  text-decoration: none;
}
body.post-type-archive-product.color_scheme_preview #hicrm_wc_nav li > a,
#hicrm_wc_nav[has_cart_step_vars="false"] li > a,
body:not(.hicrm_skip_proposal) #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_wc_nav ol li a.current {font-weight: bold;}

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





















/**********.hicrm_before_after_slider**********/
.hicrm_before_after_slider {
  width: 100%;  
  position: relative;
  --thumb-size: 2rem;
}
.hicrm_before_after_slider.fullscreen {padding: 50vh 0px;}
sr7-module[style*="--hicrm-revslider-static-menu-height"] .hicrm_before_after_slider.fullscreen {padding: calc((100vh - var(--hicrm-revslider-static-menu-height)) / 2) 0px;}
@media all and (orientation: landscape) {.hicrm_before_after_slider.normal {padding: 40vh 0px;}}
@media all and (orientation: portrait) {.hicrm_before_after_slider.normal {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_after_slide::after {
  content: "";
  position: absolute;
  height: calc(100% - 4rem);
  width: 2px;
  top: 2rem;
  
  background-color: var(--division-color-000);
  box-shadow: 0px 0px .5rem 0px var(--division-color-fff);    
}
.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_slide {
  left: 0px; 
  z-index: 99;
  
  overflow: hidden;  
}
.hicrm_before_after_slider .hicrm_after_slide {
  right: 0px; 
  z-index: 9;
}

.hicrm_before_after_slider .hicrm_before_after_slide_inner {
  height: 100%;

  background: no-repeat center / cover; 
  border-radius: 1rem !important;
  overflow: hidden;  
}

.hicrm_before_after_slider .hicrm_before_slide .hicrm_before_after_slide_inner {float: left;}
.hicrm_before_after_slider .hicrm_after_slide .hicrm_before_after_slide_inner {float: right;}

.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;}


/**thumb and slide**/
.hicrm_before_after_slider .hicrm_before_after_slide_range_input {
  -webkit-appearance: none;   
  z-index: 999;
  width: calc(100% + var(--thumb-size));
  position: absolute;
  left: calc(-.5 * var(--thumb-size));
  padding: 0px !important;
  
  border: 0px none transparent;
  outline: 0px none transparent;  
}

.hicrm_before_after_slider .hicrm_before_after_slide_range_input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;   
  height: var(--thumb-size) !important;
  width: var(--thumb-size) !important;  
  
  background-color: var(--division-color-000) !important;
  border-radius: var(--thumb-size) !important;
  box-shadow: 0px 0px .5rem 0px var(--division-color-fff);  
}

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