/* HP4u BASIC BOXEN */
:root{
	--hp4u-boxes-align=left;
	--hp4u-boxes-bg-color:transparent;
	--hp4u-boxes-title-color:var(--hp4u-ink-dark);
	--hp4u-boxes-content-color:var(--hp4u-ink-dark);
	--hp4u-boxes-textlink-color:var(--hp4u-ink-dark);

	--hp4u-boxes-box-shadow: rgba(0,0,0,0.15) 0px 5px 10px;
	--hp4u-boxes-content-border:0px;
	--hp4u-boxes-hover-color:rgba(var(--hp4u-accent-rgb),0.5);
	--hp4u-boxes-hover-icon-color:var(--hp4u-surface-1);
	--hp4u-boxes-hover-icon-bg-color:transparent;
	
	--hp4u-boxes-bg-color-animated-icon:var(--hp4u-ink-dark);
	--hp4u-boxes-title-color-animated-icon:var(--hp4u-surface-1);
	--hp4u-boxes-content-color-animated-icon:var(--hp4u-surface-1);
	--hp4u-boxes-textlink-color-animated-icon:var(--hp4u-surface-1);
	
	--hp4u-boxes-hover-icon-color-animated-icon:var(--hp4u-surface-1);
	--hp4u-boxes-hover-icon-bg-color-animated-icon:transparent;
	
	--hp4u-vc_icon_element-size-bg-xs:2.5rem;
	--hp4u-vc_icon_element-size-xs:1.2rem;
	--hp4u-vc_icon_element-size-bg-sm:3.15rem; 
	--hp4u-vc_icon_element-size-sm:1.6rem;
	--hp4u-vc_icon_element-size-bg-md:4rem;
	--hp4u-vc_icon_element-size-md:2.15rem;
	--hp4u-vc_icon_element-size-bg-lg:5rem;
	--hp4u-vc_icon_element-size-lg:2.85rem;
	--hp4u-vc_icon_element-size-bg-xl:7.15rem;
	--hp4u-vc_icon_element-size-xl:5rem;
	--hp4u-animated-icon-box-icon-font-size:4.5rem;	
	--hp4u-animated-icon-box-icon-bg-size:6.5rem;
	
	--hp4u-margin-default-wpb: 32px;
	
	--hp4u-margin-default: 10px;
	--hp4u-margin-default-xs: 8px;
	--hp4u-margin-default-sm: 17px;
	--hp4u-margin-default-sm-dopple: 32px;
	--hp4u-margin-default-sm-tripple: 51px;	
	--hp4u-margin-default-sm-tripple-b-vv2:3.188rem;	
	--hp4u-margin-default-sm-tripple-vv2: 4rem;	
	--hp4u-margin-default-md: 1.5rem;
	--hp4u-margin-default-lg: 2.5rem;
	
	--hp4u-boxes-content-padding:10px 0 0 0;
	--hp4u-boxes-content-padding-dopple:32px;
	
	--hp4u-default-border-radius:0;
}
.hp4u-element{font-weight: var(--hp4u-main-fontweight)!important; margin-bottom:var(--hp4u-margin-default-wpb);}



.hp4u-element a {text-decoration:none!important;
	box-sizing: border-box;
    position: relative;
    display: block;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;

}
.hp4u-element__heading, .hp4u-element__heading p, .hp4u-element__heading h3, .hp4u-element__heading h2{
font-size: var(--hp4u-step-0)!important;
  line-height: var(--hp4u-lh-base)!important;
  letter-spacing: var(--hp4u-trk-normal)!important;
	font-weight:var(--hp4u-font-weight-title)!important;

}
.hp4u-element__heading, .hp4u-element__heading p, .hp4u-element__heading h3, .hp4u-element__heading h2 {color: var(--hp4u-ink-dark);}
.hp4u-element__content-wrap {
    position: relative;
}
p.hp4u-element__content-text{
    margin-bottom: 5px;
font-size: var(--hp4u-step-0);
  line-height: var(--hp4u-lh-base);
  letter-spacing: var(--hp4u-trk-normal);
}
span.hp4u-element__btntext {
	margin-top:var(--hp4u-pad);
	position: relative;
  display: flex;          
  align-items: center;
  gap: var(--hp4u-icon-arrow-gap);
    font-weight: var(--hp4u-font-weight-hp4u-button)!important;
	  padding: .5rem 0 .5rem 0;
  border-radius: var(--hp4u-radius-sm);
  border-top: var(--hp4u-panel-trigger-border-w) solid var(--hp4u-ui-hairline);
border-bottom: var(--hp4u-panel-trigger-border-w) solid var(--hp4u-ui-hairline);
}
.hp4u-element__btntext::before{
  content: "";
  flex: 0 0 auto;
  inline-size: var(--hp4u-icon-arrow-size);
  block-size: var(--hp4u-icon-arrow-size);
  margin-inline-end: calc(var(--hp4u-icon-arrow-gap) - 0.25em);
  transform-origin: 50% 50%;
  /*transition: transform var(--hp4u-icon-anim-dur) var(--hp4u-icon-anim-ease);*/
  pointer-events: none;
  background-color: var(--hp4u-accent);
  -webkit-mask-image: var(--hp4u-icon-arrow-svg);
          mask-image: var(--hp4u-icon-arrow-svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.hp4u-element a .hp4u-element a {
    text-decoration: none;

}
.hp4u-element__content_image .post-thumbnail-rollover{aspect-ratio:1;}
.hp4u-element__content_image {
    position: relative;
}
.hp4u-element__content-overlay{
  background: var(--hp4u-boxes-hover-color)!important;
	mix-blend-mode: multiply;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
	z-index:99;
	    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hp4u-element:hover .hp4u-element__content-overlay{opacity:1}
/* Box Icon*/
.hp4u-element__content-icon{
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	background-color: var(--hp4u-boxes-hover-icon-bg-color);
}
/* Box Icon XS*/
.hp4u-vc_icon_element-size-xs {    
	width: var(--hp4u-vc_icon_element-size-bg-xs)!important;
    height: var(--hp4u-vc_icon_element-size-bg-xs)!important;
}
.hp4u-vc_icon_element-size-xs .vc_icon_element-icon {
	font-size: var(hp4u-vc_icon_element-size-xs)!important;
	line-height:var(hp4u-vc_icon_element-size-xs)!important;
}
/* Box Icon SM*/
.hp4u-vc_icon_element-size-sm {    
width: var(--hp4u-vc_icon_element-size-bg-sm)!important;
height: var(--hp4u-vc_icon_element-size-bg-sm)!important;
}
.hp4u-vc_icon_element-size-sm .vc_icon_element-icon {
	font-size: var(--hp4u-vc_icon_element-size-sm)!important;
	line-height:var(--hp4u-vc_icon_element-size-sm)!important;
}
/* Box Icon MD*/
.hp4u-vc_icon_element-size-md {    
    width: var(--hp4u-vc_icon_element-size-bg-md)!important;
    height: var(--hp4u-vc_icon_element-size-bg-md)!important;
}
.hp4u-vc_icon_element-size-md .vc_icon_element-icon {
	font-size: var(--hp4u-vc_icon_element-size-md)!important;
	line-height:var(--hp4u-vc_icon_element-size-md)!important;
}

/* Box Icon LG*/
.hp4u-vc_icon_element-size-lg {    
    width: var(--hp4u-vc_icon_element-size-bg-lg)!important;
    height: var(--hp4u-vc_icon_element-size-bg-lg)!important;
}
.hp4u-vc_icon_element-size-lg .vc_icon_element-icon {
	font-size: var(--hp4u-vc_icon_element-size-lg)!important;
	line-height:var(--hp4u-vc_icon_element-size-lg)!important;
}

/* Box Icon XL*/
.hp4u-vc_icon_element-size-xl {    
    width: var(--hp4u-vc_icon_element-size-bg-xl)!important;
    height: var(--hp4u-vc_icon_element-size-bg-xl)!important;
}
.hp4u-vc_icon_element-size-xl .vc_icon_element-icon {
	font-size: var(--hp4u-vc_icon_element-size-xl)!important;
	line-height:var(--hp4u-vc_icon_element-size-xl)!important;
}
.hp4u-vc_icon_element-style-circle{border-radius: 50%;}
.hp4u-vc_icon_element-style-rounded{border-radius: 5px;}
.hp4u-vc_icon_element-style-square{border-radius: 0;}

.hp4u-vc_icon_element-size-fixed-1 {    
    width: var(--hp4u-animated-icon-box-icon-bg-size)!important;
    height: var(--hp4u-animated-icon-box-icon-bg-size)!important;
}
.hp4u-vc_icon_element-size-fixed-1 .vc_icon_element-icon {
	font-size: var(--hp4u-animated-icon-box-icon-font-size)!important;
	line-height:var(--hp4u-animated-icon-box-icon-font-size)!important;
}
/* -------------ARROW BOX---------------------*/
.hp4u-box-flo-auto{margin:auto;}
.hp4u-css-shadow{
    -webkit-transition: all 125ms ease-in-out;
    transition: all 125ms ease-in-out;
	}
.hp4u-css-shadow:hover {
    cursor: pointer;
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025);
}
.hp4u-shadowbox .hp4u-element__content_icon_wrap {
    text-align: left;
    margin-bottom: 0 !important;
    padding-top: var(--hp4u-boxes-content-padding-dopple) !important;
	padding-left: var(--hp4u-boxes-content-padding-dopple) !important;
	padding-right: var(--hp4u-boxes-content-padding-dopple) !important;
}

.hp4u-shadowbox .hp4u-element__content_arrow {
    text-align: right!important;
    margin-bottom: 0 !important;
    padding-top: var(--hp4u-boxes-content-padding-dopple) !important;
	padding-left: 0!important;
	padding-right: 0!important;
}

.hp4u-element__content-bg, .hp4u-element__content-bg__hover {
    height: 100%;
    width: 100%;
    position: absolute;
}

.hp4u-w-bg-hover:hover {
	transition: all 0.5s;
}
.hp4u-w-bg-hover:hover .hp4u-element__btntext{color:var(--hp4u-accent);}
.hp4u-w-bg-hover .hp4u-element__content-bg {
	opacity:1;
}
.hp4u-w-bg-hover:hover .hp4u-element__content-bg {
	opacity:0;
	transition: all 0.5s;
}
/* -------------BOX with Text Overlay---------------------*/
.hp4u_image_box_overlay .hp4u-element__content-wrap{
position: absolute !important;
    width: 85% !important;
    left: 50%!important;
    bottom: 5%!important;
    transform: translateX(-50%)!important;
}