/**********CLASS Hicrm_Before_And_After_Slider**********/
/**********.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_slide*****/
.hicrm_before_after_slider .hicrm_before_after_slide {
  position: absolute;
  top: 0px;
  height: 100%;
}

.hicrm_before_after_slider .hicrm_before_after_slide::after {
  content: "";
  position: absolute;
  height: calc(100% - 4rem);
  width: 3px;
  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: -1px;}
.hicrm_before_after_slider .hicrm_after_slide::after {left: -1px;}

.hicrm_before_after_slider .hicrm_before_slide {
	width: calc(100% * var(--hicrm-before-after-slider-divider-pos));
  left: 0px; 
  z-index: 99;
  
  overflow: hidden;  
}
.hicrm_before_after_slider .hicrm_after_slide {
	width: calc(100% * (1 - var(--hicrm-before-after-slider-divider-pos)));	
  right: 0px; 
  z-index: 9;
}

/***.hicrm_before_after_slide_inner***/
.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 {
	width: calc(100% / var(--hicrm-before-after-slider-divider-pos));	
	float: left;
}
.hicrm_before_after_slider .hicrm_after_slide .hicrm_before_after_slide_inner {
	width: calc(100% / (1 - var(--hicrm-before-after-slider-divider-pos)));	
	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)) - 2px);
  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;  
}