/**********CLASS Hicrm_WC_Nav**********/
/**********#hicrm_wc_nav**********/
body {--hicrm-wc-nav-height: 4.5rem;}

#hicrm_wc_nav {   
	width: var(--hicrm-wc-nav-width);	
	left: calc((100% - var(--hicrm-wc-nav-width)) / 2);
	
  display: flex;
  flex-direction: row;
  height: var(--hicrm-wc-nav-height);
  box-sizing: border-box;
  position: fixed;
  bottom: 0px;
  z-index: 999;   
  
  background-color: var(--division-color-1);
  transition: .5s right; 
}

@media all and (min-width: 1024px) {#hicrm_wc_nav {--hicrm-wc-nav-width: 80%;}}
@media all and (max-width: 1023px) and (min-width: 481px) {#hicrm_wc_nav {--hicrm-wc-nav-width: 90%;}}
@media all and (min-width: 481px) {
	#hicrm_wc_nav {
		--hicrm-wc-nav-side-padding: 1rem;
  	padding: .5rem var(--hicrm-wc-nav-side-padding) 1rem;  		

		border-radius: 1rem 1rem 0px 0px;
		border: .25rem solid var(--division-color-1-contrast);
		border-bottom: 0px !important;    	
	}
}
@media all and (max-width: 480px) {
	#hicrm_wc_nav {
		--hicrm-wc-nav-width: 100%;		
		--hicrm-wc-nav-side-padding: .75rem;		
		left: 0px;
  	padding: .5rem var(--hicrm-wc-nav-side-padding);
		align-items: center;

		border-radius: 0px;
		border: .25rem solid var(--division-color-1-contrast);
		border-width: .25rem 0px 0px !important;   
	}
}

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

/**.hicrm_wc_nav_cta**/
html:not(:is(.in_iframe, .hicrm_logged_out_branch)) #hicrm_wc_nav > #hicrm_wc_nav_refresh,
html:is(.in_iframe, .hicrm_logged_out_branch) #hicrm_wc_nav > #hicrm_wc_nav_exit {display: none;}

#hicrm_wc_nav > .hicrm_wc_nav_cta {
  height: 2.75rem;      
  display: flex;    
  flex-direction: column;
  align-items: center;
  justify-content: center; 
     
  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);  
}
@media all and (min-width: 481px){#hicrm_wc_nav > .hicrm_wc_nav_cta {padding: 0px 1rem; font-size: 1.5rem;}}
@media all and (max-width: 480px){#hicrm_wc_nav > .hicrm_wc_nav_cta {padding: 0px .5rem; font-size: 1.25rem;}}
#hicrm_wc_nav > .hicrm_wc_nav_cta:is(:hover, :focus) {
  color: var(--division-color-1-contrast);
  
  background-color: var(--division-color-1);
}

/*refresh*/
html:is(.in_iframe, .hicrm_logged_out_branch) #hicrm_wc_nav > #hicrm_wc_nav_refresh svg {
  min-width: 1em;
  max-width: 1em;
  min-height: 1em;	
  max-height: 1em;
  fill: var(--division-color-1);
	pointer-events: none;
}
html:is(.in_iframe, .hicrm_logged_out_branch) #hicrm_wc_nav > #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-between;  
  flex-grow: 1;
}
@media all and (min-width: 481px) {#hicrm_wc_nav ol {margin-bottom: 0px !important;}}
@media all and (max-width: 480px) {#hicrm_wc_nav ol {margin: 0px !important;}}

@media all and (max-width: 1023px) and (min-width: 768px) {#hicrm_wc_nav ol {padding-left: 30px !important;}}
@media all and (max-width: 767px) and (min-width: 481px) {#hicrm_wc_nav ol {padding-left: 25px !important;}}
@media all and (max-width: 480px) and (min-width: 376px) {#hicrm_wc_nav ol {padding-left: 20px !important;}}
@media all and (max-width: 375px) {#hicrm_wc_nav ol {padding-left: 10px !important;}}

/*li*/
#hicrm_wc_nav ol li {  
  display: flex;
  flex-direction: row;
  align-items: center;
	
  color: var(--division-color-1-contrast);	
}
@media all and (max-width: 767px) {
	#hicrm_wc_nav .hicrm_wc_nav_step:is(#hicrm_wc_nav_cart_step, #hicrm_wc_nav_project_details_step) {
		width: 3em; 
		text-align: center; 
		line-height: 1;
	}	
}

@media all and (min-width: 768px){#hicrm_wc_nav ol li {font-size: 1.25rem;}}
@media all and (max-width: 767px) and (min-width: 481px){#hicrm_wc_nav ol li {font-size: 1.1rem; letter-spacing: -.01em;}}
@media all and (max-width: 480px){#hicrm_wc_nav ol li {font-size: 1rem; letter-spacing: -.015em;}}

html.color_scheme_preview body.post-type-archive-product #hicrm_wc_nav li,
#hicrm_wc_nav[hicrm_has_scope_step_vars="false"] li,
#hicrm_wc_nav[hicrm_has_project_details_step_vars="false"] #hicrm_wc_nav_project_details_step:not(.hicrm_wc_nav_skipping_step) ~ li,
#hicrm_wc_nav[hicrm_has_proposal_step_vars="false"] #hicrm_wc_nav_proposal_step:not(.hicrm_wc_nav_skipping_step) ~ li,
#hicrm_wc_nav[hicrm_has_investment_step_vars="false"] #hicrm_wc_nav_investment_step:not(.hicrm_wc_nav_skipping_step) ~ li {opacity: .25; cursor: not-allowed;}

#hicrm_wc_nav li.hicrm_wc_nav_skipping_step {display: none;}

/*a*/
#hicrm_wc_nav ol li a {
  color: var(--division-color-1-contrast) !important;
  text-decoration: none;
	text-align: center;
}
html.color_scheme_preview body.post-type-archive-product #hicrm_wc_nav li > a,
#hicrm_wc_nav[hicrm_has_scope_step_vars="false"] li > a,
#hicrm_wc_nav[hicrm_has_project_details_step_vars="false"] #hicrm_wc_nav_project_details_step:not(.hicrm_wc_nav_skipping_step) ~ li > a,
#hicrm_wc_nav[hicrm_has_proposal_step_vars="false"] #hicrm_wc_nav_proposal_step:not(.hicrm_wc_nav_skipping_step) ~ li > a,
#hicrm_wc_nav[hicrm_has_investment_step_vars="false"] #hicrm_wc_nav_investment_step:not(.hicrm_wc_nav_skipping_step) ~ li > a {pointer-events: none;}

#hicrm_wc_nav ol li a.hicrm_current_wc_nav_step {font-weight: bold;}

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

#hicrm_wc_nav ol li a .hicrm_wc_nav_tablet_text {pointer-events: none !important;}
@media all and (max-width: 480px) {#hicrm_wc_nav ol li a .hicrm_wc_nav_tablet_text {display: none;}}
