/*
 Theme Name:   Vertical Framework
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Frankly Co
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks

	  ."".    ."",
	  |  |   /  /
	  |  |  /  /
	  |  | /  /
	  |  |/  ;-._ 
	  }  ` _/  / ;
	  |  /` ) /  /
	  | /  /_/\_/\
	  |/  /      |
	  (  ' \ '-  |
	   \    `.  /
	    |      |
	    |      |

Sweat, tea and tears went into this framework.
I dedicate it to my pootie-tang,
Our mother-pupper from another mother (Ruby),
and many more memories to come...

VERTICAL : \/<RTIC^L : VERT-TICKLE : VERE' TIKEL
Say hello ~ frankly.design
On the horizon ~ wondermade.design

***/


:root {
	--dope-bg: color-mix(in srgb,var(--bg-l-d),#0000 22%);
	--fco-filter-blur: blur(18px);
    --fco-color-decor-browser: #b9d6ff;
}

/* ANIMATIONS, EFFECTS AND KEYFRAMES */
@keyframes fly-in-left {
    0% {
    opacity: 0;
    transform: translateX(5rem) rotate(0deg);
    }

    100% {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
    }
}

@keyframes fly-in-right {
    0% {
    opacity: 0;
    transform: translateX(5rem) rotate(0deg);
    }

    100% {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
    }
}

@keyframes fly-in-up {
    0% {
    opacity: 0;
    transform: translateY(5rem) rotate(0deg);
    }

    100% {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
    }
}
/** PULSE ANIMATIONS **/
/* Hover Animations */
@keyframes hover-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

body article#brx-content.wordpress.status-publish:before {
    content: " ";
    position: relative;
    display: block;
    height: 20rem;
    bottom: 0;
}

body:has(header .header-nav-banner) > main {
    --fco-header-banner-height: 50px;
    padding-top: clamp(60px, calc(100px + var(--fco-header-banner-height)), 160px);
}

body:not(:has(header .header-nav-banner)) > main {
    padding-top: clamp(60px, 100px, 160px);
}

.browser-top {
    position: relative;
	width: 100%;
    height: 60px;
    margin-top: -60px;
    border-style: solid solid none;
    border-width: 1px;
    border-color: var(--fco-color-decor-browser) !important;
    border-radius: 24px 24px 0px 0px;
}
.browser-circle.first {
    margin-left: 24px;
}
.browser-circle {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: 24px;
    margin-left: 12px;
    border-radius: 20px;
    background-color: var(--fco-color-decor-browser) !important;
}

.--decor-browser {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--fco-color-decor-browser) !important;
    border-radius: 0px 0px 24px 24px;
}
.fco-iframe-preview:not([data-size="--mobile"]) .browser-top .browser-circle.first {
    transition: all 0.3s ease-in;
}

.fco-iframe-preview[data-size="--mobile"] .browser-top .browser-circle.first {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 200px;
    height: 50%;
    margin-top: 0px;
    margin: 0px auto;
    border-radius: 0px 0px 20px 20px;
    transition: all 0.1s ease-in;
}

.fco-iframe-preview[data-size="--mobile"] .browser-top .browser-circle.first:before {
    content: "";
    position: absolute;
    display: none;
    left: -20px;
    top: 0px;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin: 0px auto;
    border-radius: 50%;
    background: white;
    box-shadow: 10px -10px 0  var(--fco-color-decor-browser);
}

.fco-iframe-preview[data-size="--mobile"] .browser-top .browser-circle.first:after {
    content: "";
    position: absolute;
    display: none;
    right: -20px;
    top: 0px;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin: 0px auto;
    border-radius: 50%;
    background: white;
    box-shadow: -10px -10px 0  var(--fco-color-decor-browser);
}

.fco-iframe-preview[data-size="--mobile"] .browser-top .browser-circle {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: 24px;
    margin-left: 12px;
    border-radius: 20px;
    background-color: var(--fco-color-decor-browser);
}

.fco-iframe-preview[data-size="--mobile"] .browser-top {
    position: relative;
    overflow: hidden
}

.fco-iframe-preview[data-size="--mobile"] .browser-top .browser-circle:not(.first) {
    display: none;
}

.skip-link {
top: -1000px !important; /* maybe with !important */
}

/* Hero Button Types */
.hero__btn[data-btn-type="link"] {
    background: transparent;
    color: var(--fco-color-button-bg);
}

.hero__btn[data-btn-type="link"] i {
    display: none;
    visibility: hidden;
}

.hero__btn[data-btn-type="button"] i {
    display: none;
    visibility: hidden;
}

/* Body Universal */
body:not([data-builder-mode="custom"]) main {
    padding-top: clamp(3.75rem, calc(6rem + (2 * 5vw)), 15rem);
}

/* OFFCANVAS & MM */
body[data-builder-mode="custom"] .brxe-offcanvas.nav-menu-1__offcanvas.brx-open .brx-offcanvas-inner {
    padding-top: 10rem;
}
/* WIP (Dec. 21st) D2-Offcanvas Megamenu for Test Services */
.offcanvas-nav-3.brxe-offcanvas[data-direction] .brx-offcanvas-inner {
    height: 100%;
    width: 25vw;
}

.offcanvas-nav-3 .brx-has-megamenu.open .brx-megamenu:has(.mm-services) {
    left: 25vw !important;
    top: 0;
    right: 0;
    opacity: 1 !important;
    position: fixed;
    transition-duration: .2s;
    transition-property: opacity,transform,visibility;
    transition-timing-function: ease;
    visibility: visible !important;
    width: 100%;
    z-index: 1006;
}

.offcanvas-nav-3 .brx-megamenu:has(.mm-services) {
    left: 25vw !important;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0 !important;
    position: fixed;
    transition-duration: .2s;
    transition-property: opacity,transform,visibility;
    transition-timing-function: ease;
    visibility: hidden !important;
    width: 100% !important;
    z-index: 1006;
    background: var(--accent);
    min-width: max-content !important;
    align-self: center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.offcanvas-nav-3 :where(.brxe-nav-menu) .bricks-nav-menu>li.menu-item-has-children:hover:before {
    content: "";
    height: 100%;
    min-height: 0px;
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
}

.offcanvas-nav-3.brx-offcanvas-inner {
    background-color: #fff;
    display: flex;
    overflow-x: visible !important;
    position: fixed;
    transition: transform .2s cubic-bezier(.25,0,.25,1);
    z-index: 999;
}

.offcanvas-nav-3 .megamenu.brxe-section {
    z-index: 999;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    display: flex;
}
 
/* Used prior to WIP Dec 21st D2-Offcanvas... enable and duplicate this it breaks shit with other menus */
/* .bricks-mobile-menu li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100% !important;
    align-items: stretch;
}

ul#menu-primary {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    width: 100%;
}

.header-nav__menu.brxe-nav-menu .bricks-mobile-menu-wrapper .brx-submenu-toggle {
    display: flex;
    justify-content: space-between !important;
    width: 100%;
}


.bricks-mobile-menu li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100% !important;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
*/

/* ACF Card Options */
/* Using both attributes in one rule for different combinations */
.hero-cta-card[data-card_options="transparent"][data-theme="light"] {
    background-color: rgba(255, 0, 0, 0);
}

.hero-cta-card[data-card_options="featured"][data-theme="dark"] {
    background-color: var(--secondary);
    color: #fff;  /* Example color, replace with actual color code or variable */
}

.hero-cta-card[data-card_options="standard"][data-theme="dark"] {
    color: var(--fco-dark);
}

/* Apply backdrop filter and background color based on the data-theme attribute and effect-blur class */
html[data-theme="light"] body.effect-blur .hero-cta-card {
    backdrop-filter: blur(10px);
    background-color: transparent;
}

html[data-theme="dark"] body.effect-blur .hero-cta-card {
    backdrop-filter: blur(10px) !important;
    background-color: #669bff80 !important;
}
/*Header BG Color */
header[data-header-bg~="light"] .header-nav {
	background-color: var(--bg-l-d);
}

header[data-header-bg~="transparent"] .header-nav {
	background-color: transparent;
	color: var(--bg-l-d) !important;
}

header[data-header-bg~="transparent"] .header-nav .menu-item .brx-submenu-toggle a {
    background-color: transparent;
    color: var(--bg-l-d) !important;
    fill: var(--bg-l-d) !important;
}

header[data-header-bg~="transparent"] .header-nav .nav__link-wrap span {
    background-color: transparent;
    color: var(--bg-l-d) !important;
    fill: var(--bg-l-d) !important;
}

header[data-header-bg~="transparent"] .header-nav .menu-item .brx-megamenu {
    background-color: transparent;
    color: var(--secondary-l-d) !important;
}
/* WIP for added filter effects */
header section[data-global-border="border-s"] .megamenu 
{
    border: var(--border-card) !important;
}
header[data-header-bg~="light"] .header-nav.--dope-bg {
	background-color: var(--dope-bg);
}
header[data-header-bg~="light"] .header-nav.--dope-bg .megamenu.--dope-bg {
	background-color: var(--dope-bg);
}
header[data-header-bg~="light"] .header-nav.--dope-bg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
	-webkit-backdrop-filter: var(--fco-filter-blur);
	backdrop-filter: var(--fco-filter-blur);
	border-radius: var(--radius-header);
    z-index: -1;
}

header[data-header-bg~="light"] .header-nav.--dope-bg .megamenu:before {
    content: '';
    position: absolute;
	top: 0px;
    width: 100%;
    height: 100%;
	-webkit-backdrop-filter: var(--fco-filter-blur);
	backdrop-filter: var(--fco-filter-blur);
    z-index: -1;
}

/* ACF-Header Logo Options*/
header[data-header-logo="text_logo"] .header-nav__logo-wrap figure {
    display: none;
}

/* ACF-Header Nav Options*/
/* NAV CTA LINKS ALIGNMENT */

/* Row no icon */
header[data-navctalinks="row_icon"] .nav__link-wrap {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    gap: var(--gap-xs);
}

header[data-navctalinks="row_icon"] .nav__link-wrap span.text {
    display: none;
    visibility: hidden;
}
/* Row with Icon */
header[data-navctalinks="row"] .nav__link-wrap {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    gap: var(--gap-xs);
}

/* Column no icon */
header[data-navctalinks="column_icon"] .nav__link-wrap {
    display: flex;
    flex-direction: column !important;
    flex-wrap: nowrap;
    gap: var(--gap-s);
}

header[data-navctalinks="column_icon"] .nav__link-wrap span.text {
    display: none;
    visibility: hidden;
}

/* Column with Icon */
header[data-navctalinks="column"] .nav__link-wrap {
    display: flex;
    flex-direction: column !important;
    flex-wrap: nowrap;
    gap: var(--gap-s);
}




/*ACF-Subheader Enable */
.core-heading__subheading-wrap[data-subheading="disable"] {
  display: none !important;
  visibility: hidden;
}
/* ACF Global Styles-Header Alignment */
main[data-heading-alignment="left"] [class*="process"] .core-heading__heading.brxe-container {
    display: flex;
    flex-direction: column;
    align-self: center !important;
    align-items: center !important;
    width: 100%;
    text-align: left;
    row-gap: var(--gap-xs);
}

main[data-heading-alignment="left"] :not([class*="process"]) :not([class*="faq"]) .core-heading__heading.brxe-container:not([class*="process"]):not([class*="faq"]) {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    text-align: left;
    row-gap: var(--gap-xs);
}

main[data-heading-alignment="left"]:not([class*="process"]):not([class*="faq"]) .core-heading__container:not([class*="process"]):not([class*="faq"]) .core-heading__subheading_wrap.brxe-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    align-self: flex-start !important;
    color: var(--secondary-l-d);
}

/* ACF-Homepage Hero Background Color */
[data-hero~="dark"] .hero__img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, var(--secondary) 100%, var(--light) 0%);
    z-index: 0;
    opacity: 0.6;
    mix-blend-mode: multiply;
    filter: blur(0px);
}


h1 {
	white-space: normal;
	word-wrap: normal;
}

.hero-core__section a#intro_section {
    display: none;
    visibility: hidden;
}

.brx-megamenu:before {
    /* content: ""; */
    background: #ffffff80;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer !important;
    display: flex;
}

.brx-megamenu {
    transition-duration: .1s, .2s, .0s !important;
}

.brxe-offcanvas.brx-open .brx-offcanvas-backdrop {
    opacity: 0.2 !important;
    visibility: visible;
    z-index: 998;
}
@media (min-width: 991px) {
.offcanvas-nav-3 .brx-megamenu:has(.mm-services) {
    background: hsl(208deg 44.6% 78% / 70%) !important;
    -webkit-backdrop-filter: blur(30px) !important; /* Safari, iOS Safari, and older versions of Chrome/Opera */
    backdrop-filter: blur(30px) !important;
}
}

/* ACF-Breadcrumbs Row BG*/
[data-breadcrumbs="light"] .hero-core__bottom--posts {
    background: var(--bg-l-d) !important;
}

[data-breadcrumbs="light"] .hero-core__section .hero-core__bottom--posts {
    background: hsl(0deg 20% 99% / 70%) !important;
    backdrop-filter: blur(30px) !important;
}

[data-breadcrumbs="light"] .hero-core__section .hero-core__bottom--posts:before {
    background-color: #fff;
    position: absolute;
    content: "";
    opacity: 0.4;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}

[data-breadcrumbs="light"] .hero-core__breadcrumbs.brxe-breadcrumbs a.item {
    color: var(--secondary) !important;
}

[data-breadcrumbs="light"] .hero-core__breadcrumbs.brxe-breadcrumbs span.separator {
    color: var(--secondary) !important;
}

[data-breadcrumbs="light"] .hero-core__breadcrumbs.brxe-breadcrumbs span.item {
    color: var(--secondary) !important;
}

/* Services CPT Single Template */
body[data-global-border~="square"] .sidebar {
    border-radius: 0px !important;
}

/* Gallery Image Hover */
body:not([data-global-animation-sections="gsap-scroll-default"]) .core__gallery li {
  transition: var(--transition-fast);
  transform: scale(1);
  z-index: 1;
}

/* Header Container Icons */
.core-heading__container > i {
  font-size: var(--size-icon-sm);
}

.core-heading__icon > i {
  font-size: var(--size-icon-s);
}

.core__icon i {
  font-size: var(--size-icon-s);
}

/* [data-menu-icons="False"] .menu-item i {
    display: none;
} */

.control-inner [data-control=color] .bricks-control-popup .color-palette {
    grid-template-columns: repeat(13, 1fr) !important;
    gap: 5px !important;
}

/* ACF Site-Options Layout Styling */
main.texture-grain section {
    position: relative; /* Make sure the section has a positioning context */
}
main.texture-grain section:before {
    content: "";
    background-image: url('/wp-content/themes/vertical/assets/textures/noisy-texture.png');
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: repeat;
    z-index: -1; /* Set to -1 to ensure the noise texture is below the content */
}
/* Make sure content inside the section is positioned relative with a higher z-index, if needed*/
main.texture-grain section {
    z-index: 1; 
}

body:has(main.texture-grain) footer:before {
	content: "";
    background-image: url('/wp-content/themes/vertical/assets/textures/noisy-texture.png');
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: repeat;
    z-index: -1; /* Set to -1 to ensure the noise texture is below the content */
}


/* Frankly Link Animations & Styles */
/* Underline outer inwards */
@charset "UTF-8";
.--link-animate-underline-a {
  position: relative;
}
.--link-animate-underline-a:before, .--link-animate-underline-a:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #fff;
  transform: scaleX(0);
  pointer-events: none;
  transition: transform 0.4s cubic-bezier(0.2, 0.85, 0.45, 1);
}
.--link-animate-underline-a:before {
  left: 0;
  transform-origin: left;
}
.--link-animate-underline-a:after {
  right: 0;
  transform-origin: right;
}
.--link-animate-underline-a:hover:before, .--link-animate-underline-a:hover:after {
  transition-timing-function: cubic-bezier(0.45, 0, 0.85, 2);
  transform: scaleX(0.5);
}


/*Page Body Class JS Snippet Styles */
body:not([data-builder-mode="custom"]) #floatingBox {
    position: fixed;
    bottom: 1rem;
    right: 10px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    z-index: 9999;
}

/* disable header when bricks template page is being previewed by admin */
.bricks_template-template-default header#brx-header {
    position: relative !important;
}



/* Megamenu In Progress
.nav-menu-2__nav-menu li.menu-item ul.sub-menu {
        position: relative !important;
}

.nav-menu-2__nav-menu li.menu-item ul.sub-menu {
    left: 0% !important;
}
.nav-menu-2__nav-menu li.menu-item:hover ul.sub-menu {
    display: flex;
    opacity: 1;
    min-height: 2rem;
    height: auto;
    visibility: visible !important;

}

.nav-menu-2__nav-menu li.menu-item ul.sub-menu {
    opacity: 0;
    min-height: 0rem;
    height: 0px;
    transition: min-height 1s ease;
    visibility: hidden !important;
    display: none;
}

.nav-menu-2__nav-menu li.menu-item {
    display: flex;
    flex-direction: column !important;
    align-content: flex-start;
    align-items: flex-start;
}
*/

.offcanvas-nav-3__nav-menu ul.sub-menu {
    top: 0;
    right: 0;
    bottom: 0;
    transition-duration: .2s;
    transition-property: opacity,transform,visibility;
    transition-timing-function: ease;
    width: 100% !important;
    z-index: 1006;
    min-width: 25vw !important;
    align-self: center;
    display: flex;
	flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
	padding-top: 20rem;
}

.offcanvas-nav-3__nav-menu :where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li {
    height: 100%;
}

.offcanvas-nav-3__nav-menu:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu {
    background-color: var(--accent);
    color: #fff;
    line-height: 60px;
    min-width: 25vw;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: var(--bricks-transition);
    visibility: hidden;
    white-space: nowrap;
    z-index: 998;
}

.offcanvas-nav-3__nav-menu ul.sub-menu:before {
    height: 100vh;
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: -1;
}

.offcanvas-nav-3__nav-menu ul.sub-menu li:before {
    height: 100vh;
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: -1;
}

.offcanvas-nav-3__nav-menu:where(.brxe-nav-menu) .bricks-nav-menu ul.sub-menu {
    background-color: hsl(208deg 44.6% 78% / 70%) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    backdrop-filter: blur(30px) !important;
}

.offcanvas-nav-3__nav-menu.brxe-nav-menu .bricks-nav-menu .sub-menu .menu-item {
    background-color: transparent !important;  
}

@media (max-width: 991px) {
.offcanvas-nav-3.brxe-offcanvas[data-direction] .brx-offcanvas-inner {
    width: 100% !important;
}
.offcanvas-nav-3 .brx-megamenu:has(.mm-services) {
    left: 0 !important;
    top: 0;
    right: 0;
    bottom: 0;
	height: 0;
    opacity: 0 !important;
    position: relative;
    transition-duration: .2s;
    transition-property: opacity,transform,visibility;
    transition-timing-function: ease;
    visibility: hidden !important;
    width: 100% !important;
    z-index: 1006;
    background: transparent;
    min-width: 100% !important;
    align-self: center;
    display: none !important;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.offcanvas-nav-3 .brx-has-megamenu.open .brx-megamenu:has(.mm-services) {
    left: 0 !important;
    top: 0;
    right: 0;
    bottom: 0;
	height: 100%;
    opacity: 1 !important;
    position: relative;
    transition-duration: .2s;
    transition-property: opacity,transform,visibility;
    transition-timing-function: ease;
    visibility: visible !important;
    width: 100% !important;
    z-index: 1006;
    background: transparent;
    min-width: 100% !important;
    align-self: center;
    display: flex !important;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.offcanvas-nav-3__menu-wrap__accordion.brxe-accordion-nested .accordion-title-wrapper .brxe-heading {
    font-size: var(--font-body)!important;
}
.mm-services--vert.brxe-section {
    height: 100%;
    padding: 0 !important;
    background-color: transparent !important;
}
.offcanvas-nav-3__nav-menu.brxe-nav-menu .bricks-nav-menu {
    flex-direction: column;
    gap: var(--gap-l) !important;
}
.offcanvas-menu-2__title.brxe-heading {
    margin-bottom: 0;
    margin-top: 1rem !important;
    color: var(--light) !important;
    font-size: var(--link-m)!important;
    line-height: 1.6;
}
.nav-accordion__item.brxe-block {
    margin-bottom: var(--gap-s)!important;
}
.offcanvas-nav-3__menu-wrap__accordion.brxe-accordion-nested .accordion-title-wrapper {
    font-size: var(--font-body) !important;
    color: var(--light)!important;
}
.mm-services a.brxe-gagees.brxe-text-link.nav-accordion__item-link {
    color: var(--light) !important;
}
	
a.nav-accordion__item-link-bold.nav-accordion__item-link {
	color: var(--light) !important;	
}

.offcanvas-nav-3__nav-menu .menu-item {
    display: flex;
    flex-direction: column !important;
    align-items: center;
    gap: var(--gap-xs)!important;
}
	
.offcanvas-nav-3__nav-menu:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu {
    background-color: transparent !important;
    color: #fff;
    line-height: 60px;
    min-width: 25vw;
    opacity: 0;
    position: relative;
    display: none;
    top: 0;
    transition: var(--bricks-transition);
    visibility: hidden;
    white-space: nowrap;
    z-index: 998;
    padding: 0rem;
}

.offcanvas-nav-3__nav-menu.brxe-nav-menu .bricks-nav-menu .sub-menu .menu-item {
    background-color: transparent !important;}

.offcanvas-nav-3__nav-menu:where(.brxe-nav-menu) .bricks-nav-menu .bricks-menu-item.open .sub-menu {
    background-color: transparent !important;
    color: #fff;
    line-height: 60px;
    min-width: 25vw;
    opacity: 1;
    position: relative;
    display: flex;
    top: 0;
    transition: var(--bricks-transition);
    visibility: visible;
    white-space: nowrap;
    z-index: 998;

}

.offcanvas-nav-3__nav-menu.brxe-nav-menu .bricks-nav-menu .sub-menu a {
    padding-right: 0px !important;
    padding-left: 0px !important;
    font-size: var(--font-body) !important;
    color: var(--light)!important;
}

.offcanvas-nav-3__nav-menu.brxe-nav-menu .bricks-nav-menu > li {
    margin-left: 0;
    padding: 0px var(--gap-s) 0px !important;
}
}
@media (max-width: 767px) {
.full-post-link__container .full-post-link:nth-of-type(even) {
    flex-direction: column !important;
}
.full-post-link__img-wrap.brxe-block {
    min-height: auto !important;
}
}



/*
[data-breadcrumbs="light"] .hero-core__breadcrumbs.brxe-breadcrumbs a.item {
    font-size: 14px !important;
}
*/
.hero-core-archives__section.brxe-section::before {
    background-image: linear-gradient(var(--bg-d), var(--bg-d));
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0.3;
}

.hero__section figure::before {
    background-image: linear-gradient(var(--bg-d), var(--bg-d));
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
    opacity: 0.3;
}

/*
@media (max-width: 1290px) {
.header-nav__menu.brxe-nav-menu .bricks-nav-menu {
    flex-direction: row;
    gap: var(--gap-2xs);
    display: none;
    visibility: hidden;
}
}
*/

.anchor-links__wrap.brxe-div {
    display: flex;
    justify-content: center;
    /* align-self: flex-start !important; */
    transition: var(--transition-a);
    align-items: flex-end !important;
    align-content: flex-end !important;
    flex-wrap: wrap !important;
    height: 100%;
}

/********** HIDE PLUGIN HAPPYFILES ***********/
body.post-type-post :not(.media-modal-content) .happyfiles-mounted #happyfiles-sidebar {
    display: none !important;
    visibility: hidden !important;
}

body.post-type-page :not(.media-modal-content) .happyfiles-mounted #happyfiles-sidebar {
    display: none !important;
    visibility: hidden !important;
}

body.post-type-service :not(.media-modal-content) .happyfiles-mounted #happyfiles-sidebar {
    display: none !important;
    visibility: hidden !important;
}

body.post-type-feature :not(.media-modal-content) .happyfiles-mounted #happyfiles-sidebar {
    display: none !important;
    visibility: hidden !important;
}


/* Imagify HTML Picture rewrite image transitions */
.brxe-container .brxe-image picture img {
    transition: var(--transition-in-out-gentle);
}

/* Fallback for browsers that don't support 'overflow: clip' */
[class*="img-wrap"] {
    overflow: hidden;
}

/* If the browser supports 'overflow: clip', this rule will override the above */
@supports (overflow: clip) {
    [class*="img-wrap"] {
        overflow: clip;
    }
}

/* Gallery Page ACF Gallery Type Checkbox */
.gallery__section:not([data-related-gallery-types*="before_after_gallery"]) .repeater-items {
    display: none;
	visibility: hidden;
}
.gallery__section:not([data-related-gallery-types*="custom_gallery"]) .core__gallery {
    display: none;
	visibility: hidden;
}
.gallery__section:not([data-related-gallery-types*="video_embed"]) .core__video {
    display: none;
	visibility: hidden;
}

/* Gallery Page ACF Gallery Type Checkbox */
body.single-gallery-cpt .gallery__section:not([data-related-gallery-types*="before_after_gallery"]) .repeater-items {
    display: initial;
    visibility: visible;
}
body.single-gallery-cpt .gallery__section:not([data-related-gallery-types*="custom_gallery"]) .core__gallery {
    display: grid;
    visibility: visible;
	padding: 0rem;
}
body.single-gallery-cpt .gallery__section:not([data-related-gallery-types*="video_embed"]) .core__video {
    display: flex;
    visibility: visible;
}

/* ACF>Site Settings>Global Layout Styles>Border Thickness */
div[data-global-card-border="none"] {
  border: 0px solid;
}
div[data-global-card-border="border-s"] {
  border: var(--border-card) !important;
}
div[data-global-card-border="border-m"] {
  border: 3px solid;
}

/* Elements containing Global Border Attribute */
section[data-global-border="none"] {
  border: 0px solid;;
}
header section[data-global-border="border-s"] {
    border: 1px solid var(--border-d-l);
}
main section[data-global-border="border-s"] {
  border: var(--border-card) !important;
}
main section[data-global-border="border-m"] {
  border: 3px solid;
}


.post-card-tabs[data-global-card-border="border-s"] {
   border: 0px !important;
}

/* Frontend Admin Bar */
#wp-admin-bar-app-logo a img {
    max-height: -webkit-fill-available;
    max-height: 100%;
}

/* HEADER SECTION */
header#brx-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


/* ADVANCED THEMER MODS */
.boxShadowdUI__main-container .brxc-box {
    border-radius: 2rem !important;
}

/* Heading Accents */
.h1__magic {
    will-change: background;
    background: #E7C18F;
    /* font-family: 'Lust', serif !important; */
    background: linear-gradient(-45deg,#E7C18F,#5142BA,#f47950,#e7c18f);
    background-size: 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none !important;
    animation-delay: .2s !important;
    animation: text-gradient 10s ease-in-out infinite;
    -webkit-animation: text-gradient 10s ease-in-out infinite;
    transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

@keyframes text-gradient {
    0% {
        background-position: 0 50%;
        }

    50% {
        background-position: 100% 50%;
        }

    100% {
         background-position: 0 50%;
        }
}

.--underline-natural {
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}
.--underline-natural:before {
  position: absolute;
  background-image: url("data:text/html;base64,ICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI1NSAzMi42MSI+PHBhdGggZD0iTTUgMTQuMTFzNTQtOCAxMjUtOSAxMjAgNSAxMjAgNS0yMDAuNS01LjUtMjM5LjUgMTcuNSIgY2xhc3M9InN0cm9rZSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjUiIC8+PC9zdmc+");
  top: 80%;
  left: 0;
  width: 100%;
  height: auto;
}
.--underline-natural:before {
  stroke: blue;
  stroke-width: 0.1em;
  stroke-dasharray: 822;
  stroke-dashoffset: 822;
  -webkit-animation: underlineAnimation 1.8s 1s ease-in forwards;
          animation: underlineAnimation 1.8s 1s ease-in forwards;
}

@-webkit-keyframes underlineAnimation {
  from {
    stroke-dashoffset: 822;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes underlineAnimation {
  from {
    stroke-dashoffset: 822;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.--accent-green:before {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 555.63 193.47'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: none%3B stroke: url(%23Orchid)%3B stroke-miterlimit: 10%3B stroke-width: 11.7px%3B %7D %3C/style%3E %3ClinearGradient id='Orchid' x1='0' y1='96.73' x2='555.63' y2='96.73' gradientUnits='userSpaceOnUse'%3E %3Cstop offset='0' stop-color='%23ff7bac'/%3E %3Cstop offset='.22' stop-color='rgba(255%2C 123%2C 172%2C .76)' stop-opacity='.76'/%3E %3Cstop offset='.6' stop-color='rgba(255%2C 123%2C 172%2C .36)' stop-opacity='.36'/%3E %3Cstop offset='.87' stop-color='rgba(255%2C 123%2C 172%2C .1)' stop-opacity='.1'/%3E %3Cstop offset='1' stop-color='%23ff7bac' stop-opacity='0'/%3E %3C/linearGradient%3E %3C/defs%3E %3Cpath class='cls-1' d='M43.03%2C128.96c-6.59-7.05-47.69-51.07-34.64-84.25C25.44%2C1.37%2C124.04%2C4.04%2C226.51%2C7.74c99.68%2C3.6%2C313.6%2C11.33%2C322.96%2C70.68%2C6.24%2C39.54-81.35%2C82.84-88.93%2C86.59-22.85%2C11.3-58.06%2C24.13-159.61%2C22.47-130.64-2.13-206.42-3.37-257.9-58.51Z'/%3E %3C/svg%3E"); */
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 5px;
    /* left: -4px; */
    /* right: -10px; */
    transform: skewX(0deg) scale(103%);
    /* background-color: var(
    --primary); */
    border-radius: 22px;
    border: 3px solid var(--primary);
}

.brxe-accordion-nested .brxe-icon, .brxe-accordion-nested .brxe-icon.accordion__icon {
    transition: 0.2s ease;
}

.brxe-accordion-nested .brx-open .brxe-icon, .brxe-accordion-nested .brx-open .brxe-icon.accordion__icon {
    transform: rotate(45deg);
}


/* Check if the body contains an attribute that includes "gsap" */
body[data-global-animation-sections*="gsap"] main .core__section {
    will-change: opacity, transform;
}

body[data-global-animation-sections*="gsap"] main .core__section .brxe-container:first-child {
    will-change: transform;
}