:root {
/* Change viewport max width here */
/*********************************/
  --max-width: 1360px;
  --max-grid-width: 1520px;
/*********************************/
/* Enter brand colours here ******/
  --white: #fff;
  --black: #0F0F0F;
  --primary: #452635;
  --primary-rgb: 69,38,53;
  --secondary: #A6998C;
  --secondary-rgb: 116,153,140;
  --tertiary: #F7F5F2;
  --tertiary-rgb: 247,245,242;

  /* Transparencies */
  --primary-10: rgba(var(--primary-rgb), 0.1);
  --primary-20: rgba(var(--primary-rgb), 0.2);
  --primary-30: rgba(var(--primary-rgb), 0.3);
  --primary-40: rgba(var(--primary-rgb), 0.4);
  --primary-50: rgba(var(--primary-rgb), 0.5);
  --primary-60: rgba(var(--primary-rgb), 0.6);
  --primary-70: rgba(var(--primary-rgb), 0.7);
  --primary-80: rgba(var(--primary-rgb), 0.8);
  --primary-90: rgba(var(--primary-rgb), 0.9);
  --secondary-10: rgba(var(--secondary-rgb), 0.1);
  --secondary-20: rgba(var(--secondary-rgb), 0.2);
  --secondary-30: rgba(var(--secondary-rgb), 0.3);
  --secondary-40: rgba(var(--secondary-rgb), 0.4);
  --secondary-50: rgba(var(--secondary-rgb), 0.5);
  --secondary-60: rgba(var(--secondary-rgb), 0.6);
  --secondary-70: rgba(var(--secondary-rgb), 0.7);
  --secondary-80: rgba(var(--secondary-rgb), 0.8);
  --secondary-90: rgba(var(--secondary-rgb), 0.9);
  --tertiary-10: rgba(var(--tertiary-rgb), 0.1);
  --tertiary-20: rgba(var(--tertiary-rgb), 0.2);
  --tertiary-30: rgba(var(--tertiary-rgb), 0.3);
  --tertiary-40: rgba(var(--tertiary-rgb), 0.4);
  --tertiary-50: rgba(var(--tertiary-rgb), 0.5);
  --tertiary-60: rgba(var(--tertiary-rgb), 0.6);
  --tertiary-70: rgba(var(--tertiary-rgb), 0.7);
  --tertiary-80: rgba(var(--tertiary-rgb), 0.8);
  --tertiary-90: rgba(var(--tertiary-rgb), 0.9);
  
/* Dark/light shades */

  --primary-dark-90: color-mix(in oklab, var(--primary), #000 90%);
  --primary-dark-80: color-mix(in oklab, var(--primary), #000 80%);
  --primary-dark-70: color-mix(in oklab, var(--primary), #000 70%);
  --primary-dark-60: color-mix(in oklab, var(--primary), #000 60%);
  --primary-dark-50: color-mix(in oklab, var(--primary), #000 50%);
  --primary-dark-40: color-mix(in oklab, var(--primary), #000 40%);
  --primary-dark-30: color-mix(in oklab, var(--primary), #000 30%);
  --primary-dark-20: color-mix(in oklab, var(--primary), #000 20%);
  --primary-dark-10: color-mix(in oklab, var(--primary), #000 10%);
  --primary-light-90: color-mix(in oklab, var(--primary), #fff 90%);
  --primary-light-80: color-mix(in oklab, var(--primary), #fff 80%);
  --primary-light-70: color-mix(in oklab, var(--primary), #fff 70%);
  --primary-light-60: color-mix(in oklab, var(--primary), #fff 60%);
  --primary-light-50: color-mix(in oklab, var(--primary), #fff 50%);
  --primary-light-40: color-mix(in oklab, var(--primary), #fff 40%);
  --primary-light-30: color-mix(in oklab, var(--primary), #fff 30%);
  --primary-light-20: color-mix(in oklab, var(--primary), #fff 20%);
  --primary-light-10: color-mix(in oklab, var(--primary), #fff 10%);
  --secondary-dark-90: color-mix(in oklab, var(--secondary), #000 90%);
  --secondary-dark-80: color-mix(in oklab, var(--secondary), #000 80%);
  --secondary-dark-70: color-mix(in oklab, var(--secondary), #000 70%);
  --secondary-dark-60: color-mix(in oklab, var(--secondary), #000 60%);
  --secondary-dark-50: color-mix(in oklab, var(--secondary), #000 50%);
  --secondary-dark-40: color-mix(in oklab, var(--secondary), #000 40%);
  --secondary-dark-30: color-mix(in oklab, var(--secondary), #000 30%);
  --secondary-dark-20: color-mix(in oklab, var(--secondary), #000 20%);
  --secondary-dark-10: color-mix(in oklab, var(--secondary), #000 10%);
  --secondary-light-90: color-mix(in oklab, var(--secondary), #fff 90%);
  --secondary-light-80: color-mix(in oklab, var(--secondary), #fff 80%);
  --secondary-light-70: color-mix(in oklab, var(--secondary), #fff 70%);
  --secondary-light-60: color-mix(in oklab, var(--secondary), #fff 60%);
  --secondary-light-50: color-mix(in oklab, var(--secondary), #fff 50%);
  --secondary-light-40: color-mix(in oklab, var(--secondary), #fff 40%);
  --secondary-light-30: color-mix(in oklab, var(--secondary), #fff 30%);
  --secondary-light-20: color-mix(in oklab, var(--secondary), #fff 20%);
  --secondary-light-10: color-mix(in oklab, var(--secondary), #fff 10%);
  --tertiary-dark-90: color-mix(in oklab, var(--tertiary), #000 90%);
  --tertiary-dark-80: color-mix(in oklab, var(--tertiary), #000 80%);
  --tertiary-dark-70: color-mix(in oklab, var(--tertiary), #000 70%);
  --tertiary-dark-60: color-mix(in oklab, var(--tertiary), #000 60%);
  --tertiary-dark-50: color-mix(in oklab, var(--tertiary), #000 50%);
  --tertiary-dark-40: color-mix(in oklab, var(--tertiary), #000 40%);
  --tertiary-dark-30: color-mix(in oklab, var(--tertiary), #000 30%);
  --tertiary-dark-20: color-mix(in oklab, var(--tertiary), #000 20%);
  --tertiary-dark-10: color-mix(in oklab, var(--tertiary), #000 10%);
  --tertiary-light-90: color-mix(in oklab, var(--tertiary), #fff 90%);
  --tertiary-light-80: color-mix(in oklab, var(--tertiary), #fff 80%);
  --tertiary-light-70: color-mix(in oklab, var(--tertiary), #fff 70%);
  --tertiary-light-60: color-mix(in oklab, var(--tertiary), #fff 60%);
  --tertiary-light-50: color-mix(in oklab, var(--tertiary), #fff 50%);
  --tertiary-light-40: color-mix(in oklab, var(--tertiary), #fff 40%);
  --tertiary-light-30: color-mix(in oklab, var(--tertiary), #fff 30%);
  --tertiary-light-20: color-mix(in oklab, var(--tertiary), #fff 20%);
  --tertiary-light-10: color-mix(in oklab, var(--tertiary), #fff 10%);
}






#brx-content {
  margin-top: var(--header-height);
}


.lenis .zsiq_floatmain {
    z-index: 9999 !important;
}



.more-button.bricks-button {
    transition: all 500ms ease-out;
}

.more-button.bricks-button i {
    transition: margin 500ms ease-out;
}

.woocommerce form.cart .single_add_to_cart_button, .woocommerce .product .woocommerce-variation-add-to-cart .single_add_to_cart_button, .woocommerce .product .brxe-product-add-to-cart .single_add_to_cart_button {
  border-radius: 0 !important;
}



.overlay {
    width: 100%;
    height: 100%;
    position: absolute !important;
    background: rgba(0,0,0,0.5);
}

#brx-footer {
  z-index: 1;
}

img.image-grow, .image-grow img {
  transition: transform 1200ms ease-in-out;
}

.image-grow .product-hover-overlay {
  transition: background 1200ms ease-out, transform 1200ms ease-in-out;
}

img.image-grow:hover, .image-grow:hover img, .image-grow:hover .product-hover-overlay {
  transform: scale(1.2);
}

.wpgb-map-marker-body {
  padding-top: 0 !important;
}

.gm-style-iw-chr button {
  outline: none !important;
}


.full-height-plus {
  min-height: 100vh;
  min-height: 100svh;
}


.brxe-text-basic:not(.noanimborder) a:before, .brxe-text:not(.noanimborder) a:before, a.border:before, a.brxe-text-basic:not(.noanimborder):before, .brxe-text-link:not(.noanimborder):before  {
    content: "";
    position: absolute;
    bottom: 2px;
    width: 0;
    height: 1px;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    background: var(--primary);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.brxe-text-basic.white-link:not(.noanimborder) a:before, .brxe-text.white-link:not(.noanimborder) a:before, a.brxe-text-basic.white-link:not(.noanimborder):before, .brxe-text-link.white-link:not(.noanimborder):before  {
    background: #fff;
}


/* Animations *************************************************************/
.button-pulse {
	animation: pulse 2s infinite;  
  cursor: pointer;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
    opacity: 0.9;
	}

	70% {
		transform: scale(1.05);
    opacity: 1;
	}

	100% {
		transform: scale(0.95);
    opacity: 0.9;
	}
}

.kenburns1 {
  width: 100%;
  position: absolute;
  height: 100%;
  object-position: 50% 50%;
  object-fit: cover;
  -webkit-animation: kenburns1;
  -webkit-animation-duration: 20s;
  animation: kenburns1;
  animation-duration: 20s;
  -webkit-transform: scale(1.15) translate3d(6%, 8%, 0);
  transform: scale(1.15) translate3d(6%, 8%, 0); /* Keep image in final position */
}

@-webkit-keyframes kenburns1 {
  from {
    -webkit-transform: scale(1.0) translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: scale(1.15) translate3d(6%, 8%, 0);
  }
}

@keyframes kenburns1 {
  from {
    transform: scale(1.0) translate3d(0, 0, 0);
  }
  to {
    transform: scale(1.15) translate3d(6%, 8%, 0);
  }
}