/* Temp to be removed */

.soe-portal-notice {
	padding:15px;
	margin-bottom:10px;
}

.soe-portal-invoice-pay-now {
  display: none !important;
}

:where(.brxe-form) {
	flex-wrap: no-wrap;
}
.form-style.brxe-form .bricks-button {
	  letter-spacing: 3%;
    text-transform: uppercase;
    font-weight: 600;
    text-wrap: nowrap;
    font-size: 16px;
    border-radius: 5px;
	margin-top:15px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
	  background-color: var(--bricks-color-gutwox);
	  transition: all 0.25s ease;
}
.form-style.brxe-form .bricks-button:hover {
    transform: translateY(-2px);
    background-color: #e4572e;
    color: #ffffff;
    box-shadow: none;	
}

@media (max-width: 767px) {
  .navigation-content.brxe-div {
    position: revert-layer !important;
  }
}

blockquote { 
	font-family: roboto;
	font-weight: 500;
	border-left: 3px solid rgba(0, 0, 0, 0.5) !important;
	padding: 20px;
	background-color: var(--bricks-color-rcakgs);
}

:root {
  --p: clamp(15px, 1.2vw, 16px);
  --h6: clamp(16px, 1.4vw, 20px);
  --h5: clamp(18px, 1.8vw, 24px);
  --h4: clamp(20px, 2.2vw, 31px);
  --h3: clamp(24px, 2.8vw, 40px);
  --h2: clamp(28px, 3.4vw, 48px);
  --h1: clamp(32px, 4vw, 55px);
}

.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block {
	opacity:100%;
	
}

.quote-text p {
	font-size:30px !important;
	line-height:120%;
}

body:not([data-builder-window]) .brxe-text p, body:not([data-builder-window]) .brxe-text-basic p, body:not([data-builder-window])  li,body:not([data-builder-window])  ul,body:not([data-builder-window])  .brxe-button,body:not([data-builder-window])  .title { font-size: var(--p); }

body:not([data-builder-window])  h1, body:not([data-builder-window])  .text-h1 { font-size: var(--h1) !important; }
body:not([data-builder-window]) h2 { font-size: var(--h2) !important; }
body:not([data-builder-window]) h3, body:not([data-builder-window])  .text-h3 { font-size: var(--h3) !important; }
body:not([data-builder-window])  h4,body:not([data-builder-window])  .text-h4 { font-size: var(--h4) !important; }
body:not([data-builder-window]) h5 { font-size: var(--h5) !important; }
body:not([data-builder-window]) h6 { font-size: var(--h6) !important; }

/* Hide elements that contain no visible content */
.brxe-heading:not(:has(*)):empty,
.brxe-text-basic:not(:has(*)):empty,
.brxe-button:not(:has(*)):empty {
  display: none !important;
}

.tab-content {
	border: none !important;
	padding:0px !important;
}

.splide__track {
	overflow: visible!important;
}

.brx-nav-nested-items {
	align-items:stretch;
	justify-content: space-between;
}
.brxe-nav-nested {
	display:flex;
	align-items: stretch;
} 

.brxe-text img {
	border-radius:15px;
}

:where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {
	text-decoration:none;
}

/* BUTTON animations */
/* Secondary button */
.secondary-button {
  transition: all 0.25s ease;
}

.secondary-button:hover {
  transform: translateY(-2px);
  background-color: #e4572e;
  color: #ffffff;
  box-shadow: none;
}

/* Line button - 1px line visible normally, grows on hover */
.line-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-bottom: none !important;
}

.line-button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.line-button:hover::after {
  animation: lineGrow 0.35s ease forwards;
}

@keyframes lineGrow {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

/* Arrow link - works with Bricks icon span */
.arrow-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.arrow-link .icon {
  display: inline-flex;
  transition: transform 0.25s ease;
}

.arrow-link:hover .icon {
  transform: translateX(6px);
}

/* =========================================
   FRONT-END ANIMATIONS
   ========================================= */

/* Only animate on the live site, not inside Bricks builder */

body:not([data-builder-window])  section,
body:not([data-builder-window])  h1,
body:not([data-builder-window]) h2,
body:not([data-builder-window]) h3,
body:not([data-builder-window]) h4,
body:not([data-builder-window]) h5,
body:not([data-builder-window]) h6,{
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
  will-change: opacity, transform;
}

/* Visible state once revealed */
body:not([data-builder-window]) section.is-visible,
body:not([data-builder-window]) h1.is-visible,
body:not([data-builder-window]) h2.is-visible,
body:not([data-builder-window]) h3.is-visible,
body:not([data-builder-window]) h4.is-visible,
body:not([data-builder-window]) h5.is-visible,
body:not([data-builder-window]) h6.is-visible, {
  opacity: 1;
  transform: translateY(0);
}
/* Hidden by JavaScript */
.icon-hidden {
    display: none !important;
}

/* =========================================
   BRICKS BUILDER SAFETY RESET
   ========================================= */

/* Force draggable items to always be visible in the builder 
.bricks-draggable-item,
.bricks-draggable-item *,
.bricks-draggable-item,
.bricks-draggable-item * {
  opacity: 1 !important;
  visibility: visible !important;
	transition: none !important;
	animation: none !important;
	filter: none !important;
}