:root {
/* Change viewport max width here */
/*********************************/
  --max-width: 1360px;
/*********************************/
/* Enter brand colours here ******/
  --primary: #009898;
  --secondary: #98CB66;
  --tertiary: #F79838;
  --accent: #000;
  --light: #f6f3ea;

    --square-6: calc((100% - 5rem) / 6);
    --square-8: calc((100% - 7rem) / 8);

    --smooth: cubic-bezier(0.000, 0.000, 0.000, 0.575);   
}

html {
    scroll-behavior: initial !important;
}

body {
    font-family: "Poppins", sans-serif;
}

.brxe-xoffcanvasnestable {
    position: absolute;
}

.brxe-button {
    border-radius: 4px;
}

.bkgrd-image {
    position: absolute !important;
}

#brx-header {
    position: absolute;
    z-index: 9;
    background-color: rgba(255,255,255,0.88);
}

#brx-header.sticky.on-scroll {
    position: fixed;
}

#brx-header.sticky.slide-up {
    overflow-y: overlay;
}

.hero-arrow {
    opacity: 1;
    transition: opacity 300ms ease-out;
}

#brx-header.on-scroll.scrolling .hero-arrow {
    opacity: 0;
}

.square-slide {
    aspect-ratio: 1/1;
}

.square-slide6 {
    aspect-ratio: 1/1;
}

.hero-arrow {
    display: none;
}

#menu-main-menu .current-menu-item a {
    border-radius: 6px;
}

.square-slide img {
    transition: transform 400ms ease-out;
}

.square-slide:hover img {
    transform: scale(1.05);
}

.brxe-dropdown, .brx-nav-nested-items, .brxe-nav-nested {
    position: relative;
}

.wp-block-buttons {
    display: flex;
}

.focus-parent {
    position: relative;
}

.focus-parent:focus-within {
  outline: 1px solid var(--primary);
  outline-offset: 2px;
}
.focus-parent :focus {
  outline: none !important;
  box-shadow: none !important;
}

.clickable-parent:not(a) {
  position: static;
}
.clickable-parent:not(a) a {
  position: static;
}
.clickable-parent:not(a) > a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
}
button.clickable-parent, a.clickable-parent {
  position: static;
}
button.clickable-parent::after, a.clickable-parent::after {
  content: "";
  position: absolute !important;
  inset: 0;
  cursor: pointer !important;
  display: flex;
}
.bricks-area a.clickable-parent::after {
  content: '';
  position: relative;
}

p {
    text-wrap: pretty;
}


/* Override */
main .brxe-section {
    padding: var(--section-space-s) var(--space-m);
}

.splide__arrow svg {
    transition: fill 200ms ease-out;
}

.splide__arrow:hover svg {
    fill: #fff;
}

.grow-image {
    transition: transform 300ms ease-out;
}

.square-slide6:hover .grow-image {
    transform: scale(1.1);
}

address {
    font-style: normal;
}

#menu-main-menu {
    align-items: center;
}

.brxe-text-basic:not(.noanimborder) a:before, .brxe-text:not(.noanimborder) a:before, a.border:before, .brxe-post-content a:before {
    background: var(--tertiary);
}

#brx-footer a {
    color: #fff;
}

.es-list-layout {
    gap: 0 !important;
}

.es-review-background-container {
    padding: 1rem !important;
}

/*** MEDIA QUERIES ****************************************************************/


@media only screen and (max-width: 1500px) {
	.square-slide {
        padding-bottom: calc((100% - 5rem) / 6) !important;
        width: calc((100% - 5rem) / 6) !important;
    }
}

@media only screen and (max-width: 991px) {
	.square-slide {
        padding-bottom: calc((100% - 3rem) / 4) !important;
        width: calc((100% - 3rem) / 4) !important;
    }
}

@media only screen and (max-width: 768px) {
	.square-slide {
        padding-bottom: calc((100% - 2rem) / 3) !important;
        width: calc((100% - 2rem) / 3) !important;
    }
}

@media only screen and (max-width: 479px) {
	.splide__arrow svg {
        fill: #fff;
    }

    #brx-header .hero-arrow {
        left: 62px;
        height: 9vh;
    }

    #brx-content .level1-hero h1 {
        left: 62px;
        top: calc(8vh + 100px);
    }
}