.elementor-kit-7{--e-global-color-primary:#084059;--e-global-color-secondary:#426E7F;--e-global-color-text:#FFFFFF;--e-global-color-accent:#22CAE9;--e-global-color-0214af9:#F6F4F2;--e-global-color-93dcddd:#F5FF32;--e-global-color-36887ec:#00B4A7;--e-global-color-ee96e62:#101010;--e-global-color-10ea5f5:#0F172A;--e-global-color-aa5e4f2:#447E9C;--e-global-color-ccaeb55:#696969;font-family:"Manrope", Sans-serif;font-size:1rem;font-weight:400;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Instrument Sans", Sans-serif;font-size:2.9rem;line-height:3.4rem;letter-spacing:-1.1px;}.elementor-kit-7 h2{font-family:"Poppins", Sans-serif;font-size:2.6rem;text-transform:capitalize;line-height:2.9rem;letter-spacing:-1.5px;}.elementor-kit-7 h3{font-family:"Poppins", Sans-serif;font-size:1.6rem;line-height:2.1rem;letter-spacing:-1.5px;}.elementor-kit-7 h4{font-family:"Poppins", Sans-serif;font-size:1.7rem;line-height:1.7rem;letter-spacing:-1px;}.elementor-kit-7 h5{color:var( --e-global-color-secondary );font-family:"Manrope", Sans-serif;font-size:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:1.8px;}.elementor-kit-7 h6{font-weight:500;letter-spacing:0.6px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .header-inner{width:2000px;max-width:100%;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{font-size:0.9rem;}.elementor-kit-7 h1{font-size:2.5rem;line-height:2.8rem;}.elementor-kit-7 h2{font-size:2.3rem;}.elementor-kit-7 h3{font-size:1.8rem;line-height:1.9rem;}.elementor-kit-7 h4{font-size:1.4rem;line-height:1.5rem;}.elementor-kit-7 h5{font-size:1.2rem;letter-spacing:1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:1.1rem;line-height:1.3rem;}.elementor-kit-7 h1{font-size:2.3rem;line-height:2.5rem;letter-spacing:-1px;}.elementor-kit-7 h2{font-size:1.9rem;line-height:2.2rem;}.elementor-kit-7 h3{font-size:1.8rem;}.elementor-kit-7 h4{font-size:1.4rem;}.elementor-kit-7 h5{font-size:1.2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Make the outer row a flex container with a 1em gap */
.hover-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 1em !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2. Override Elementor’s full-width on each box and enable flex growth/shrink */
.hover-row > .hover-box {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  position: relative !important;

  transition: flex 0.3s ease-in-out !important;
}

/* 3. Grow the hovered box sideways only */
.hover-row > .hover-box:hover {
  flex: 2 1 auto !important;
  z-index: 5 !important;
}

/* 4. Dark overlay to dim the background image */
.hover-box::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.2) !important;
  transition: background 0.3s ease-in-out !important;
  z-index: 1 !important;
}
.hover-row > .hover-box:hover::before {
  background: rgba(0,0,0,0.8) !important;
}

/* 5. Absolutely center the inner content so nothing shifts */
.hover-box > .hover-content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* 6. Prepare heading, subheading, and button for fade-in (opacity only) */
.hover-box .hover-heading,
.hover-box .hover-subheading,
.hover-box .hover-button {
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}

/* 7. Fade in heading and subheading after box has expanded */
.hover-row > .hover-box:hover .hover-heading,
.hover-row > .hover-box:hover .hover-subheading {
  transition-delay: 0.3s !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 8. Fade in button last */
.hover-row > .hover-box:hover .hover-button {
  transition-delay: 0.5s !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://bacchuspress.com/wp-content/uploads/2026/02/Manrope-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://bacchuspress.com/wp-content/uploads/2026/02/Manrope-500.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://bacchuspress.com/wp-content/uploads/2026/02/Instrument-Sans-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://bacchuspress.com/wp-content/uploads/2026/02/Poppins-400.woff2') format('woff2');
}
/* End Custom Fonts CSS */