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


/* Grid System */

:root {
	/* color vars */
	--color-text-dark: #202020;
	--color-text-med: #616161;
	--color-text-light: #b4b2b8;
	--color-shade-dark: #312B35;
	--color-purple-light:#7557FF;
	--color-purple-dark:#512AE0;
	--color-border-light: #C8C8C8;
	--color-light-bg: #efeeec;
	
	/* size / spacing vars */
	--col-gap:1.6rem;
	--row-gap-full:var(--col-gap);
	--row-gap-half:calc(0.5 * var(--col-gap));
	--container-h-pad: var(--col-gap);
	--section-v-padding: calc(3 * var(--container-h-pad));
	
	/* misc vars */
	--quick-ease: cubic-bezier(.5,.3,0,1);
	--case-study-hero-bg: var(--color-light-bg);
	--case-study-main-bg: var(--color-light-bg);
}
.color-text-dark {color:var(--color-text-dark);}
.color-shade-dark {color:var(--color-shade-dark);}
.color-text-med {color:var(--color-text-med);}
.color-text-light {color:var(--color-text-light);}
.color-purple-dark {color:var(--color-purple-dark);}
.color-purple-light {color:var(--color-purple-light);}

.dark-bg {background-color:var(--color-text-dark); color:#fff;}
.dark-shade-bg {background-color:var(--color-shade-dark); color:#fff;}
.black-bg {background-color:#000; color:#fff;}
.half-height-bg.dark-shade-bg {
	background-color:transparent;
	color:inherit;
	position:relative;
}
.half-height-bg.dark-shade-bg::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:50%;
	background-color:var(--color-shade-dark);
}
.white-bg {background-color:#fff;}
.light-bg {background-color:var(--color-light-bg);}

.brxe-section {padding:var(--section-v-padding) 0;}
.grid-8 {
	display:grid;
	-ms-grid-columns: (minmax(0,1fr))[8];
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-10 {
	display:grid;
	-ms-grid-columns: (minmax(0,1fr))[10];
	grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-12 {
	display:grid;
	-ms-grid-columns: (minmax(0,1fr))[12];
	grid-template-columns: repeat(12, minmax(0, 1fr));
	
}

.grid-8, .grid-10, .grid-12 {
	padding-left: 0;
	padding-right: 0;
	-moz-column-gap: var(--col-gap);
    column-gap: var(--col-gap);
	grid-template-rows: auto;
    grid-auto-rows: min-content;	
}
.grid-col-gap-0 {
	-moz-column-gap: 0 !important;
	column-gap: 0 !important;
}

.grid-row-gap-0 {
	-moz-row-gap: 0 !important;
	row-gap: 0 !important;
}

.col-span-1 {
	grid-column: span 1/span 1
}
.col-span-2 {
	grid-column: span 2/span 2
}
.col-span-3 {
	grid-column: span 3/span 3
}
.col-span-4 {
	grid-column: span 4/span 4
}
.col-span-5 {
	grid-column: span 5/span 5
}
.col-span-6 {
	grid-column: span 6/span 6
}
.col-span-7 {
	grid-column: span 7/span 7
}
.col-span-8 {
	grid-column: span 8/span 8
}
.col-span-9 {
	grid-column: span 9/span 9
}
.col-span-10 {
	grid-column: span 10/span 10
}
.col-span-11 {
	grid-column: span 11/span 11
}
.col-span-12 {
	grid-column: span 12/span 12
}
.col-start-1 {
	grid-column-start: 1
}
.col-start-2 {
	grid-column-start: 2
}
.col-start-3 {
	grid-column-start: 3
}
.col-start-4 {
	grid-column-start: 4
}
.col-start-5 {
	grid-column-start: 5
}
.col-start-6 {
	grid-column-start: 6
}
.col-start-7 {
	grid-column-start: 7
}
.col-start-8 {
	grid-column-start: 8
}
.col-start-9 {
	grid-column-start: 9
}
.col-start-10 {
	grid-column-start: 10
}
.col-start-11 {
	grid-column-start: 11
}
.col-start-12 {
	grid-column-start: 12
}
.col-start-auto {
	-ms-grid-column: auto;
	grid-column-start: auto
}

@media (min-width:768px) {
	.col-md-span-1 {
		grid-column: span 1/span 1
	}
	.col-md-span-2 {
		grid-column: span 2/span 2
	}
	.col-md-span-3 {
		grid-column: span 3/span 3
	}
	.col-md-span-4 {
		grid-column: span 4/span 4
	}
	.col-md-span-5 {
		grid-column: span 5/span 5
	}
	.col-md-span-6 {
		grid-column: span 6/span 6
	}
	.col-md-span-7 {
		grid-column: span 7/span 7
	}
	.col-md-span-8 {
		grid-column: span 8/span 8
	}
	.col-md-span-9 {
		grid-column: span 9/span 9
	}
	.col-md-span-10 {
		grid-column: span 10/span 10
	}
	.col-md-span-11 {
		grid-column: span 11/span 11
	}
	.col-md-span-12 {
		grid-column: span 12/span 12
	}
	
	.col-md-start-1 {
		grid-column-start: 1
	}
	.col-md-start-2 {
		grid-column-start: 2
	}
	.col-md-start-3 {
		grid-column-start: 3
	}
	.col-md-start-4 {
		grid-column-start: 4
	}
	.col-md-start-5 {
		grid-column-start: 5
	}
	.col-md-start-6 {
		grid-column-start: 6
	}
	.col-md-start-7 {
		grid-column-start: 7
	}
	.col-md-start-8 {
		grid-column-start: 8
	}
	.col-md-start-9 {
		grid-column-start: 9
	}
	.col-md-start-10 {
		grid-column-start: 10
	}
	.col-md-start-11 {
		grid-column-start: 11
	}
	.col-md-start-12 {
		grid-column-start: 12
	}
	.col-md-start-auto {
		-ms-grid-column: auto;
		grid-column-start: auto
	}
}

@media (min-width:960px) {
	:root {
		--col-gap:2.4rem;
	}
	.col-lg-span-1 {
		grid-column: span 1/span 1
	}
	.col-lg-span-2 {
		grid-column: span 2/span 2
	}
	.col-lg-span-3 {
		grid-column: span 3/span 3
	}
	.col-lg-span-4 {
		grid-column: span 4/span 4
	}
	.col-lg-span-5 {
		grid-column: span 5/span 5
	}
	.col-lg-span-6 {
		grid-column: span 6/span 6
	}
	.col-lg-span-7 {
		grid-column: span 7/span 7
	}
	.col-lg-span-8 {
		grid-column: span 8/span 8
	}
	.col-lg-span-9 {
		grid-column: span 9/span 9
	}
	.col-lg-span-10 {
		grid-column: span 10/span 10
	}
	.col-lg-span-11 {
		grid-column: span 11/span 11
	}
	.col-lg-span-12 {
		grid-column: span 12/span 12
	}
	
	.col-lg-start-1 {
		grid-column-start: 1
	}
	.col-lg-start-2 {
		grid-column-start: 2
	}
	.col-lg-start-3 {
		grid-column-start: 3
	}
	.col-lg-start-4 {
		grid-column-start: 4
	}
	.col-lg-start-5 {
		grid-column-start: 5
	}
	.col-lg-start-6 {
		grid-column-start: 6
	}
	.col-lg-start-7 {
		grid-column-start: 7
	}
	.col-lg-start-8 {
		grid-column-start: 8
	}
	.col-lg-start-9 {
		grid-column-start: 9
	}
	.col-lg-start-10 {
		grid-column-start: 10
	}
	.col-lg-start-11 {
		grid-column-start: 11
	}
	.col-lg-start-12 {
		grid-column-start: 12
	}
	.col-lg-start-auto {
		-ms-grid-column: auto;
		grid-column-start: auto
	}
}

@media (min-width:1200px) {
	.col-xl-span-1 {
		grid-column: span 1/span 1
	}
	.col-xl-span-2 {
		grid-column: span 2/span 2
	}
	.col-xl-span-3 {
		grid-column: span 3/span 3
	}
	.col-xl-span-4 {
		grid-column: span 4/span 4
	}
	.col-xl-span-5 {
		grid-column: span 5/span 5
	}
	.col-xl-span-6 {
		grid-column: span 6/span 6
	}
	.col-xl-span-7 {
		grid-column: span 7/span 7
	}
	.col-xl-span-8 {
		grid-column: span 8/span 8
	}
	.col-xl-span-9 {
		grid-column: span 9/span 9
	}
	.col-xl-span-10 {
		grid-column: span 10/span 10
	}
	.col-xl-span-11 {
		grid-column: span 11/span 11
	}
	.col-xl-span-12 {
		grid-column: span 12/span 12
	}
	
	.col-xl-start-1 {
		grid-column-start: 1
	}
	.col-xl-start-2 {
		grid-column-start: 2
	}
	.col-xl-start-3 {
		grid-column-start: 3
	}
	.col-xl-start-4 {
		grid-column-start: 4
	}
	.col-xl-start-5 {
		grid-column-start: 5
	}
	.col-xl-start-6 {
		grid-column-start: 6
	}
	.col-xl-start-7 {
		grid-column-start: 7
	}
	.col-xl-start-8 {
		grid-column-start: 8
	}
	.col-xl-start-9 {
		grid-column-start: 9
	}
	.col-xl-start-10 {
		grid-column-start: 10
	}
	.col-xl-start-11 {
		grid-column-start: 11
	}
	.col-xl-start-12 {
		grid-column-start: 12
	}
	.col-xl-start-auto {
		-ms-grid-column: auto;
		grid-column-start: auto
	}
}

@media (min-width:1480px) {
	:root {
		--col-gap:3.2rem;
		--container-h-pad: calc(2 * var(--col-gap));
		--section-v-padding: calc(1.5 * var(--container-h-pad));
	}
}
.padding-none {padding:0 !important;}
.padding-v-none {padding-top:0; padding-bottom:0;}
.padding-t-none {padding-top:0;}
.padding-b-none {padding-bottom:0;}
.padding-h-none {padding-left:0; padding-right:0;}


body {background-color:#efeeec; color:var(--color-text-dark)}

.standard-page-template main > section:first-of-type {padding-top:calc(4 * var(--container-h-pad));}
@media (min-width:1480px) {
	.standard-page-template main > section:first-of-type {padding-top:calc(1.5 * var(--container-h-pad));}
}

/* Header & Navigation */
#header-main {padding:var(--col-gap) 0;}
.logo-wrap a {position:relative;z-index:9999;}
@layer bricks {
	#header-main .brxe-nav-menu .bricks-mobile-menu-toggle.always {
		display: flex !important;
		flex-direction: column;
		width:auto;
		height: auto;
		gap: 5px;
		padding: 1.5rem 1.1rem;
		border:solid 1px;
		border-radius:2.4rem;
	}
	#header-main .brxe-nav-menu .bricks-mobile-menu-toggle.always span {
		position:relative;
		width:2.4rem;
		top:auto;
		background-color:currentColor;
	}
	#header-main .brxe-nav-menu .bricks-mobile-menu-toggle.always .bar-top,
	#header-main .brxe-nav-menu .bricks-mobile-menu-toggle.always .bar-bottom {
		width:1.8rem;
	}
	#header-main .brxe-nav-menu .bricks-mobile-menu-toggle.always .bar-bottom {
		margin-left:auto;
	}
	#header-main .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-top {
    	transform: translate(0.3rem, 0.7rem) rotate(45deg);
	}
	#header-main .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-bottom {
    	transform: translate(-0.3rem, -0.7rem) rotate(-45deg);
	}
	@media (min-width:960px) {
		#header-main .brxe-nav-menu .bricks-mobile-menu-toggle.always {
			gap: 6px;
			padding: 1.9rem 1.3rem;
			border-radius:3rem;
		}
		#header-main .brxe-nav-menu .bricks-mobile-menu-toggle.always span {
			width:3rem;
		}
		#header-main .brxe-nav-menu .bricks-mobile-menu-toggle.always .bar-top,
		#header-main .brxe-nav-menu .bricks-mobile-menu-toggle.always .bar-bottom {
			width:2.4rem;
		}
		#header-main .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-top {
    	transform: translate(0.3rem, 0.8rem) rotate(45deg);
		}
		#header-main .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-bottom {
			transform: translate(-0.3rem, -0.8rem) rotate(-45deg);
		}	
	}
	
	/* Menu Open */
	.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle.fixed {
        position: fixed
    }

   

    .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-overlay {
        opacity: 1;
        visibility: visible;
        z-index: 998
    }

    #header-main .brxe-nav-menu .bricks-mobile-menu-wrapper {
        bottom: 0;
        color: #fff;
        display: flex;
        flex-direction: column;
        height: 100vh;
        height: calc(var(--bricks-vh, 1vh)*100);
        left: 0;
        position: fixed;
        right: auto;
        scrollbar-width: none;
        top: var(--wp-admin--admin-bar--height,0);
		transition: opacity 0.5s ease-in, visibility 0.5s ease-in, transform 0.7s var(--quick-ease);
        visibility: hidden;
        width: 300px;
        z-index: 999
    }

    #header-main .brxe-nav-menu .bricks-mobile-menu-wrapper:before {
        background-color: #202020;
    }

    #header-main .brxe-nav-menu .bricks-mobile-menu-wrapper.fade-in {
        opacity: 0;
        transform: translate(0,-100%)!important
    }
	#header-main .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-wrapper {
        transform: translate(0, 0)!important;
		transition: opacity 0.1s ease-in, visibility 0.1s ease-in, transform 0.7s var(--quick-ease);
        visibility: visible;
    }
	.brxe-nav-menu .bricks-mobile-menu-overlay,
	.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-overlay {background:transparent;}
	
	#header-main .brxe-nav-menu .bricks-mobile-menu > li > a {
		opacity:0;
		transform:translateY(2em);
		transition: transform 0.4s ease-out, opacity 0.4s ease-out;
	}
	#header-main .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu > li > a {
		opacity:1;
		transform:translateY(0);
		transition: transform 0.4s ease-out 0.35s, opacity 0.35s ease-out 0.4s;
	}
	#header-main .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu > li + li > a {transition-delay:0.5s;}
	#header-main .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu > li + li + li > a {transition-delay:0.65s;}
	#header-main .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu > li + li + li + li > a {transition-delay:0.8s;}
	#header-main .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu > li + li + li + li + li > a {transition-delay:0.95s;}
}


/* Typography, Type & Text */
:root {
	--font-nh: neue-haas-grotesk-display, Helvetica, sans-serif;
	--font-ivy: ivypresto-headline, serif;
	--big-hero-size:14.5vw;
	--h1-size:12.5vw;
	--h2-size:11vw;
	--h3-size:7.5vw;
	--h4-size:5.5vw;
	--h5-size: 4.25vw;
	--p-large-size: 4.25vw;
	--p-reg-size: 3.75vw;
	--p-small-size: 3vw;
	--h1-line-height:1;
	--h2-line-height:1.05;
	--heading-line-height:1.2;
	--body-line-height:1.5;
}
h1 em, h2 em, h3 em {
	font-family: var(--font-ivy);
	font-weight:300;
	line-height:0.5;
}

.font-nh, em .font-nh {
	font-family: var(--font-nh);
	font-style:normal;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	line-height:var(--heading-line-height); 
	--lh-num: var(--heading-line-height);
}

h1, .h1 {
	--lh-num: var(--h1-line-height);
	font-size:var(--h1-size); 
	line-height:var(--h1-line-height); 
	font-weight:600; 
	margin-left: -0.05em;
}
h2, .h2 {
	--lh-num: var(--h2-line-height);
	font-size:var(--h2-size); 
	line-height:var(--h2-line-height); 
	font-weight:600;
}

h3, .h3 {font-size:var(--h3-size); }
h4, .h4 {font-size:var(--h4-size); }
h5, .h5 {font-size:var(--h5-size); }
body, p, .p-regular {
	--lh-num: var(--body-line-height);
	font-size:var(--p-reg-size); 
	line-height:var(--body-line-height);
}
.p-large, .p-large p {font-size:var(--p-large-size);}
.p-small, .p-small p {font-size:var(--p-small-size);}

@layer bricks {
	ul {margin:0;}
}
.brxe-text ul li {
	margin-bottom:0.25em;
}
.no-bullets {
	list-style: none;
    padding-left: 0;
}

.two-col {
	column-count: 2;
	column-gap: var(--col-gap);
}

.li-plus {padding-left:0.5em;}
.li-plus li {padding-left:0.25em;}
.li-plus li::marker {
	content: '+';
    color: var(--color-text-med);
}

@media (min-width:600px) {
	:root {
		--p-large-size: 2.5vw;
		--p-reg-size: 2vw;
		--p-small-size: 1.75vw;
	}
}
@media (min-width:768px) {
	:root {
		--big-hero-size:12vw;
		--h1-size:9.5vw;
		--h2-size:8vw;
		--h3-size:6vw;
		--h4-size:5vw;
		--h5-size:2.5vw;
	}
}
@media (min-width:960px) {
	:root {
		--big-hero-size:14.5vw;
		--h1-size:7.25vw;
		--h2-size:5.8vw;
		--h3-size:4.2vw;
		--h4-size:2.5vw;
		--h5-size:1.75vw;
		--p-large-size:1.6vw;
		--p-reg-size:1.35vw;
		--p-small-size: 1.125vw;
	}
	.h1-lg {font-size:var(--h1-size); line-height:var(--h1-line-height); --lh-num: var(--h1-line-height);}
	.h2-lg {font-size:var(--h2-size); line-height:var(--h2-line-height); --lh-num: var(--h2-line-height);}
	.h3-lg {font-size:var(--h3-size);}
	.h4-lg {font-size:var(--h4-size);}
	.h5-lg {font-size:var(--h5-size);}
}

@media (min-width:1480px) {
	:root {
		--h2-size:5.6vw;
		--h3-size:3.8vw;
		--h4-size:2.3vw;
		--p-large-size:1.42vw;
		--p-reg-size:1.28vw;
	}
}

@layer bricks {
	svg:not([height]) {
		min-height:0;
	}
}

/* Gradient Text Fill */
.gradient-text-dark {
	background-image: linear-gradient(0deg, #616161, #202020 90%);
    background-clip: text;
    color: transparent;
}

.gradient-text-light {
	background-image: linear-gradient(0deg, var(--color-text-light), #fff 90%);
    background-clip: text;
    color: transparent;
}


/* Links & Buttons */
p > a {color:var(--color-purple-light); 
	font-weight:500;
	position: relative;
    display: inline-block;
}
p > a::before, p > a::after {
	content: '';
    position: absolute;
    width: 0%;
    height: .125rem;
    bottom: 0;
    margin-top: 0;
	background-color:currentcolor;
}
p > a::after {
	right: -1px;
    transition: width 0.5s 
	cubic-bezier(.22, .61, .36, 1);
}
p > a:hover,
p > a:focus {
	color:var(--color-purple-dark);
	transition: color 0.3s var(--quick-ease);
}
p > a:hover::before, p > a:focus::before{
	width: 100%;
    transition: width 0.4s cubic-bezier(.22, .61, .36, 1);
}
p > a:hover::after, p > a:focus::after{
	background-color: transparent;
    width: 100%;
    transition: 0s;
}
.text-link.primary:hover {
	color:var(--color-purple-dark);
	transition: color 0.3s var(--quick-ease);
}

.text-link.primary:hover .icon svg {
	animation-name: arrow-slide-right-opacity;
	animation-duration:0.3s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:var(--quick-ease);
}

/* Button w/ Dot & Arrow - general */
.btn-dot-arrow,
.bricks-button.bricks-background-primary {
	font-weight:600;
	letter-spacing:normal;
	line-height:3rem;
	padding:1.5rem 2.2rem 1.5rem 6.2rem;
	border-radius:3rem;
	position:relative;
	overflow:hidden;
	transition:padding 0.3s var(--quick-ease), color 0.3s var(--quick-ease), background-color 0.3s ease-in;
	z-index:10;
	
}
.btn-dot-arrow svg,
.bricks-button.bricks-background-primary svg {
	fill:currentcolor;
	height:1em;
	width:auto;
	opacity: 0;
	transform:translateX(-1.6rem);
	transition: transform 0.3s var(--quick-ease), fill 0.3s ease-in, opacity 0.2s ease-in;
}
.btn-dot-arrow::before,
.bricks-button.bricks-background-primary::before {
	content:'';
	position:absolute;
	top:2.6rem;
	left:3rem;
	height:0.8rem;
	width:0.8rem;
	border-radius:0.4rem;
	transition:background-color 0.3s ease-in, transform 0.4s var(--quick-ease);
	z-index:-1;
}
.btn-dot-arrow:hover,
.bricks-button.bricks-background-primary:hover {
	padding-left:3.4rem;
	padding-right:5rem;
	transition:padding 0.3s var(--quick-ease), color 0.3s var(--quick-ease), background-color 0.3s;
}
.btn-dot-arrow:hover svg,
.bricks-button.bricks-background-primary:hover svg {
	fill:currentcolor;
	transform:translateX(1.8rem);
	opacity:1;
	transition: transform 0.3s var(--quick-ease), fill 0.3s ease-in, opacity 0.1s ease-in;
}

.btn-dot-arrow:hover::before,
.bricks-button.bricks-background-primary:hover::before {
	transform: scale(50);
	transition:background-color 0.3s ease-in, transform 0.4s var(--quick-ease);
}
/* Button w/ Dot & Arrow - colors */
.purple-to-white, .bricks-button.bricks-background-primary {
	background-color:var(--color-purple-light);
	color:#fff;
}
.purple-to-white::before, .bricks-button.bricks-background-primary::before {
	background-color:#fff;
}
.purple-to-white:hover, .bricks-button.bricks-background-primary:hover {
	background-color:#fff;
	color:var(--color-purple-dark);
}
.purple-to-dark {
	background-color:var(--color-purple-light);
	color:#fff;
}
.purple-to-dark::before {
	background-color:var(--color-purple-dark);
}
.purple-to-dark:hover {
	background-color:var(--color-purple-dark);
	color:#fff;
}
.white-to-dark {
	background-color:#fff;
	color:var(--color-purple-light);
}
.white-to-dark::before {
	background-color:var(--color-purple-light);
}
.white-to-dark:hover {
	background-color:var(--color-purple-dark);
	color:#fff;
}
.white-to-dark:hover::before {
	background-color:var(--color-purple-dark);
}
.btn-block {width:100%;}
@media (max-width:767px) {
	.btn-block-sm {width:100%;}
}

@media (min-width:1740px) {
	.btn-dot-arrow {
		line-height:4rem;
		border-radius:3.5rem;
		padding:1.5rem 3.2rem 1.5rem 7.2rem;
	}
	.btn-dot-arrow svg {
		transform:translateX(-1.6rem);
	}
	.btn-dot-arrow::before {
		top:2.9rem;
		left:3rem;
		height:1.2rem;
		width:1.2rem;
		border-radius:0.6rem;
	}
	.btn-dot-arrow:hover {
		padding-left:4.4rem;
		padding-right:6rem;
	}
	.btn-dot-arrow:hover svg {
		transform:translateX(2.4rem);
	}
}

@media (min-width:2160px) {
	.btn-dot-arrow {
		border-radius:4rem;
		padding-top:2rem;
		padding-bottom:2rem;
	}
	
	.btn-dot-arrow::before {
		top:3.4rem;
	}
}

/* Homepage */

.hero #heading {
	font-size:var(--big-hero-size);
	width:100%;	
}

.home-hero-right {
	text-align:right;
	display:block;
}

.has-cube-container .v-spacer {
	margin-top:-8vw;
	margin-bottom:60vw;
}

@media (min-width:960px) {
	.hero #heading {
		font-size:calc(10.5vw - (var(--col-gap)/2));
		margin-top:0.4em;
	}
	.has-cube-container .v-spacer {
		margin-top:0.4em;
		margin-bottom:0;
	}
}


@media (min-width:1480px) {
	.hero #heading {
		font-size:calc(10.25vw - (var(--col-gap)/2));
	}
}

.fh {min-height:100vh;}
.hero.fh {padding:var(--container-h-pad) 0;}
.hero-reg {padding-top:8rem;}
.fh > div {min-height:100%; flex-grow:1;}

.hero-cover {
	height:100vh;
	width:100vw;
	padding:var(--container-h-pad) 0;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
}

.hero-cover > div, .cube-code {
	height:100%;
	display: flex;
    justify-content: center;
    align-items: center;
    
}
@media (min-width:960px) {
	.hero-reg {padding-top:10.6rem; padding-bottom:var(--container-h-pad);}
}
.animated-hero-grid-section {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.animated-hero-grid-section > div {
	height:100%;
}
.cube-code {
	transform-style: preserve-3d;
	opacity:0;
	animation-name:perspectiveOpacity;
	animation-fill-mode:forwards;
	animation-duration:0.8s;
	animation-iteration-count:1;
	animation-timing-function:ease-in-out;
	animation-delay:3.2s;
}
@keyframes perspectiveOpacity {
    0% {
        perspective:5000px;
		opacity:0;
    }
	50% {
		opacity:1;
	}
    
    100% {
        perspective:900px;
		opacity:1;
    }
}
@media (max-width:959px) {
	@keyframes perspectiveOpacity {
		0% {
			perspective:5000px;
			opacity:0;
			transform:scale(1);
		}
		20% {
			transform:scale(1);
		}
		50% {
			opacity:1;
		}

		100% {
			perspective:700px;
			opacity:1;
			transform:scale(2);
		}
		.cube-code {
			animation-duration:0.9s;
		}
	}
}

.hero-cover-blackwash {
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
}
.animated-hero-grid-section {pointer-events:none;}
.animated-hero-grid-section .col-span-2 {
	height:100%;
	position:relative;
}
.animated-hero-grid-section .col-span-2:after {
	content:'';
	position:absolute;
	top:0;
	background:#d4d4d4;
	right:1px;
	width:1px;
	animation-name:col-vertical-down;
	animation-fill-mode:forwards;
	animation-duration:0.8s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	animation-delay:0.2s;
}
.animated-hero-grid-section .col-span-2 + .col-span-2:after {animation-delay:0.4s}
.animated-hero-grid-section .col-span-2 + .col-span-2 + .col-span-2:after {animation-delay:0.6s}
.animated-hero-grid-section .col-span-2 + .col-span-2 + .col-span-2 + .col-span-2:after {animation-delay:0.8s}
.animated-hero-grid-section .col-span-2 + .col-span-2 + .col-span-2 + .col-span-2 + .col-span-2:after {animation-delay:1s}
.animated-hero-grid-section .col-span-2:last-of-type {
	content:none;
	display:none;
}


.home .animated-hero-grid-section .col-span-2:after {
	background-color:#bbb;
	animation-name:col-vertical-down-collapse, col-vertical-in-right;
	animation-fill-mode:forwards, forwards;
	animation-duration:0.8s, 1s;
	animation-iteration-count:1, 1;
	animation-timing-function:ease-out, linear;
	animation-delay:0.2s, 2.2s;
}

.home .animated-hero-grid-section .col-span-2 + .col-span-2:after {
	animation-name:col-vertical-down-collapse, col-vertical-in-rotate-top;
	animation-delay:0.4s, 2.2s;
}
.home .animated-hero-grid-section .col-span-2 + .col-span-2 + .col-span-2:after {
	animation-name:col-vertical-down-collapse, col-vertical-in-rotate-bottom;
	animation-delay:0.6s, 2.2s;
}
.home .animated-hero-grid-section .col-span-2 + .col-span-2 + .col-span-2 + .col-span-2:after {
	animation-name:col-vertical-down-collapse, col-vertical-in-left;
	animation-delay:0.8s, 2.2s;
}
.home .animated-hero-grid-section .col-span-2 + .col-span-2 + .col-span-2 + .col-span-2 + .col-span-2:after {
	content:none;
	display:none;
}

@keyframes col-vertical-down {
	0% {
		height:0;
	}
	100% {		
		height:100%;
	}
}
@keyframes col-vertical-down-collapse {
	0% {
		height:0;
	}
	100% {
		height:100%;
	}
}
@keyframes col-vertical-in-right {
	0% {
		height:100%;
		transform: translate(0,0);
		opacity:1;
	}
	45% {
		height:20vw;
		transform: translate(0, calc(50vh - 10vw));
	}
	55% {
		transform: translate(0, calc(50vh - 10vw));
	}
	80% {
		transform: translate(20vw, calc(50vh - 10vw));
	}
	95% {
		transform: translate(20vw, calc(50vh - 10vw));
		opacity:1;
	}
	100% {
		height:20vw;
		transform: translate(20vw, calc(50vh - 10vw));
		opacity:0;
	}
}
@keyframes col-vertical-in-rotate-top {
	0% {
		height:100%;
		transform: translate(0,0);
		opacity:1;
	}
	45% {
		height:20vw;
		transform: translate(0, calc(50vh - 10vw));
	}
	55% {
		transform: translate(0, calc(50vh - 10vw)) rotate(0);
	}
	80% {
		transform: translate(10vw, calc(50vh - 20vw)) rotate(90deg);
	}
	95% {
		transform: translate(10vw, calc(50vh - 20vw)) rotate(90deg);
		opacity:1;
	}
	100% {
		height:20vw;
		transform: translate(10vw, calc(50vh - 20vw)) rotate(90deg);
		opacity:0;
	}
}
@keyframes col-vertical-in-left {
	0% {
		height:100%;
		transform: translate(0,0);
		opacity:1;
	}
	45% {
		height:20vw;
		transform: translate(0, calc(50vh - 10vw));
	}
	55% {
		transform: translate(0, calc(50vh - 10vw));
	}
	80% {
		transform: translate(-20vw, calc(50vh - 10vw));
	}
	95% {
		transform: translate(-20vw, calc(50vh - 10vw));
		opacity:1;
	}
	100% {
		height:20vw;
		transform: translate(-20vw, calc(50vh - 10vw));
		opacity:0;
	}
}
@keyframes col-vertical-in-rotate-bottom {
	0% {
		height:100%;
		transform: translate(0,0);
		opacity:1;
	}
	45% {
		height:20vw;
		transform: translate(0, calc(50vh - 10vw));
	}
	55% {
		transform: translate(0, calc(50vh - 10vw)) rotate(0);
	}
	80% {
		transform: translate(-10vw, 50vh) rotate(-90deg);
	}
	95% {
		transform: translate(-10vw, 50vh) rotate(-90deg);
		opacity:1;
	}
	100% {
		height:20vw;
		transform: translate(-10vw, 50vh) rotate(-90deg);
		opacity:0;
	}
}


.split-color-scrub {
  --color-muted: gba(0,0,0,0.5);
  --color-active: rgba(0,0,0,1);
}

.split-color-scrub .st-word {
  will-change: color;
}

.dark-shade-bg .split-color-scrub, .black-bg .split-color-scrub {
  --color-muted: rgba(255, 255, 255, 0.6);
  --color-active: rgba(255, 255, 255, 1);
}
.sticky-pin {
  position: sticky;
  top: var(--sticky-top, 30vh);
  align-self: start;
}

.sticky-runway {
  min-height: var(--runway, 160vh);
}


@supports (mix-blend-mode: difference) {
	.hero #heading, .mix-blend, header {
		color:#fff;
		mix-blend-mode: difference;
		transform: translate3d(0,0,0);
	}
	.header-logo, .bricks-mobile-menu-toggle.always {
		color:#fff;
	}
	.header-logo {fill:#fff;}
	.no-scroll header{
		mix-blend-mode:normal;
	}
}

.dark-shade-bg .trusted-by-text {
	color:var(--color-text-light);
}

.stewardship-images {
	--stew-img-size: 40vw;
	position:relative;
	height:calc(2.4 * var(--stew-img-size));
}
.stewardship-images picture {
	width:var(--stew-img-size); 
	height:auto;
	position:absolute;
	top:0;
}
.stewardship-images #one {
	right:0;
}
.stewardship-images #two {
	left:0;
	transform:translateY(40%);
}
.stewardship-images #three {
	left:50%;
	transform:translate(-50%, 80%);
}

@media (min-width:960px) {
	.stewardship-images {
		--stew-img-size: 17.5vw;
	}
}


/* Footer */
/* GSAP Effect */
:root {
	--footer-height:60vh;
}
body {margin-bottom:var(--footer-height);}
#brx-content {
	position: relative;
	z-index:0;
	background-color: #efeeec;
	
}
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right:0;
  width: 100%;
  overflow: hidden;
  z-index:-1;
  min-height:var(--footer-height);
  background-color:#fff;
  /*transform: translateY(100%);*/
}
#global-footer {
  position: absolute;
  bottom: 0;
  left:0;
  width: 100%;
  min-height: var(--footer-height);
}

@media (min-width:960px) {
	:root {
	--footer-height:90vh;
	}
}

/* Case Studies Tiles */
.case-study-grid-item .img-frame {overflow:hidden; aspect-ratio: 1 / 1;}
.case-study-grid-item img {transition:transform 0.4s var(--quick-ease);}
.case-study-grid-item:hover img {transform:scale(1.1);}

/* Services Page */
.services-group {background: linear-gradient(to bottom, rgba(239,238,236,0) 0%, var(--color-light-bg) 3%);}
.service-category {
	--scroll-opacity:0;
	position:relative;
}
.service-category:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	opacity:var(--scroll-opacity);
}
.service-category .grid-12 {position:relative; z-index:5;}
.service-category img {margin-top:1rem;}
.service-category .h4 {color:var(--color-text-light);}
.service-details h2 {margin-bottom:0.125em;}
.services-list {
	width:100%;
	border-top:solid 1px #C8C8C8;
	padding-top:var(--col-gap);
}
.services-list .no-bullets {font-weight:600;}


.home .service-category {
	border-top:solid 1px var(--color-text-med);
	background-color:transparent; 
	padding:var(--col-gap) 0; 
	transition:height 0.2s ease-in;}
.home .service-category .grid-12 {padding-left:0;}
.home .service-category h3 {font-weight:600;}
.vertical-link-text {
	--height: calc(1em * var(--lh-num));
	height:var(--height); overflow:hidden;
}
.vertical-link-text span {
	display:block; 
	transition: transform 0.2s ease-in, color 0.2s ease-in;
}
.vertical-link-text:hover span, a:hover .vertical-link-text span {
	transform:translateY(calc(-1 * var(--height)));
}
.vertical-link-text .link-text-duplicate {color:var(--color-purple-dark);}
.dark-shade-bg .vertical-link-text .link-text-duplicate, .black-bg .vertical-link-text .link-text-duplicate {color:var(--color-purple-light);}

@media (min-width:960px) {
	.home .service-category .service-details {align-self:baseline; margin-top:0.5em;}
	.home .service-category .service-details {display:grid; grid-template-rows:0fr; transition: grid-template-rows 0.3s ease-in;}
	.home .service-category .service-details .inner {overflow:hidden;}
	.home .service-category:hover .service-details {grid-template-rows:1fr; transition: grid-template-rows 0.3s ease-in;}
}

/* Quotes & Testimonials */
.quote-slider .strong-view.wpmtst-modern .wpmtst-testimonial-inner {
	background-color:#fff;
	color:var(--color-text-dark);
	padding-top:var(--h2-size);
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.quote-slider .strong-view.wpmtst-modern .wpmtst-testimonial-content p {
	font-size:var(--h5-size);
	margin-bottom:0.5em !important;
}
.quote-slider .testimonial-name {
	font-size:var(--p-reg-size);
	font-weight:600;
	color:var(--color-text-med);
}
.quote-slider .testimonial-company {
	font-size:var(--p-small-size);
	
}
.quote-slider .strong-view.wpmtst-modern .wpmtst-testimonial-content:before {
	content: '\201C';
	font-family: var(--font-nh);
	font-weight:600;
	line-height:1;
	mask:none;
	color:var(--color-purple-light);
	background:transparent;
    left: 50%;
	margin-left:-0.1875em;
	top:-0.675em;
	height:auto;
	width:auto;
}
.quote-slider .strong-view.wpmtst-modern .wpmtst-testimonial-content:after {
	content:none;
	display:none;
}
.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-prev, 
.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-next {
	width: 4.4rem;
    height: 4.4rem;
    border-radius: 2.2rem;
	top: calc(50% - 2.2rem);
    background-color: var(--color-purple-light);
    display: flex;
    justify-content: center;
    align-items: center;
	transition:background 0.2s ease-in;
}
.quote-slider .strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before,
.quote-slider .strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before {
	height:8px;
	width:11px;
	top:0;
	background:#fff;
	transition:background 0.2s ease-in;
}
.quote-slider .strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before {
	mask:url('/wp-content/uploads/arrow-left-use.svg');
	
}
.quote-slider .strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before {
	mask:url('/wp-content/uploads/arrow-right-use.svg');
}

.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-pager {
	display:flex;
	flex-direction:row;
	gap:calc(0.25 * var(--col-gap));
	justify-content:center;
	margin:0 auto;
}
.quote-slider .strong-view .wpmslider-pager-link {
	margin:0 auto;
	display:inline-block;
	height:0.4rem;
	width:4.8rem;
	border-radius:0;
	background:var(--color-border-light);
}
.quote-slider .strong-view .wpmslider-pager-link.active {
	background:var(--color-purple-light);
}
.quote-slider .strong-view.pager-style-buttons .wpmslider-pager-link:before, 
.quote-slider .strong-view.pager-style-buttons .wpmslider-pager-link.active:before,
.quote-slider .strong-view.pager-style-buttons .wpmslider-pager-link:hover:before,
.quote-slider .strong-view.pager-style-buttons .wpmslider-pager-link:focus:before {
	content:none;
	display:none;
}

@media (min-width:768px) {
	.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-prev, 
	.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-next {
		width: 6.4rem;
		height: 6.4rem;
		border-radius: 3.2rem;
		top: calc(50% - 3.2rem);	
	}
	.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-prev:hover, 
	.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-next:hover {
		background:#fff;
		transition:background 0.2s ease-in;
	}
	.quote-slider .strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before,
	.quote-slider .strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before {
		height:16px;
		width:22px;
	}
	.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-prev:hover:before, 
	.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-next:hover:before {
		background:var(--color-purple-dark);
		transition:background 0.2s ease-in;
	}
}

@media (min-width:960px) {
	.quote-slider .strong-view .wpmslider-viewport {
		max-width:66.66666%;
		margin:0 auto;
	}
	.quote-slider .strong-view.wpmtst-modern .wpmtst-testimonial-content:before {
		font-size:var(--h2-size);
	}
	.quote-slider .strong-view .wpmslider-pager-link {
		width:8rem;
	}
	.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-prev, 
	.quote-slider .strong-view.controls-type-sides.nav-position-inside .wpmslider-next {
		width: 12rem;
		height: 12rem;
		border-radius: 6rem;
		top: calc(50% - 6rem);	
	}
}

/* Case Studies Archive & Single */

/* Single */
.case-study-hero {
	background: var(--case-study-hero-bg);
}
.case-study-main-body {
	background: var(--case-study-main-bg);
}
.case-study-hero .grid-12, 
.case-study-hero .hero-image {
	margin-top:4rem;
}
.single-case-study .grid-12 {
	row-gap: var(--container-h-pad);
}
.case-study-main-body .grid-12 {
	row-gap: calc(2 * var(--container-h-pad));
}
.case-study-main-body .grid-12.details {
		row-gap:0.8rem;
	}
.single-case-study .client-name {
	
}
.case-study-title {
	line-height:1.1;
	font-weight: 400;
    margin-bottom: 0.1875em;
}
.case-study-body-heading {
	font-weight:600;
	font-size:var(--p-small-size);
	color:var(--color-text-med);
	line-height:1;
	margin-bottom:0.8rem;
	text-transform:uppercase;
}
.case-study-testimonial .testimonial-content {
	position:relative;
}
.case-study-testimonial .testimonial-content::before {
	content: '\201C';
	position:absolute;
	top:0;
	left:-0.5em;
	font-size:var(--h3-font-size);
}
@media (min-width:960px) {
	.case-study-main-body .grid-12 {
		row-gap: var(--container-h-pad);
	}
	
	.case-study-body-heading {
		margin-bottom:1.2rem;
	}
}

@media (min-width:1200px) {
	.case-study-hero .grid-12, .case-study-hero .hero-image {margin-top:6.4rem;}
	.single-case-study .client-name {font-size:clamp(10rem, var(--h1-size), 14rem);}
	.case-study-title {font-size:clamp(4rem, var(--h3-size), 5.5rem);}
}

/* About Page & Process */
.process-block {
	background-color:#fff;
	padding:var(--col-gap);
	aspect-ratio:3/2;
}
.process-block h3, .process-block h4, .process-block h5 {font-weight:600;}
.process-block svg {width:calc(2.4 * var(--h4-size)); height:auto; margin:0.25em 0;}
.process-block .brxe-text-basic {margin-top:auto;}
@media (min-width:768px) {
	.process-block {
		background-color:#fff;
		padding:var(--col-gap);
		aspect-ratio:1/1;
	}
}
@media (min-width:960px) {
	.process-block {
		transition:transform 0.3s var(--quick-ease);
		aspect-ratio:unset;
		height: 100%;
	}
	.process-block h3 {margin-bottom:1em;}
	.process-block:hover {
		transform: scale(1.07);
		transition:transform 0.3s var(--quick-ease);
	}
}



/* Animation classes and extensions */

html.gsap-preload .split-load {
  visibility: hidden;
}

@view-transition {
  navigation: auto;
}



:root {
	view-transition-name: root;
}

/* Disable the default fade out effect on the old content */
::view-transition-old(root) {
	animation-name:slide-scale-up-out;
	animation-duration:0.2s;
	animation-timing-function:ease-out;
	transform-origin:top center;
}

/* Make new content wipe in from the bottom */
::view-transition-new(root) {
	animation-name:wipe-in;
	animation-duration:0.5s;
	animation-timing-function:var(--quick-ease);
	animation-delay:0.2s;
	transform-origin:bottom center;
}

/* Animation wiping in the new content */
@keyframes wipe-in {
	from {
		clip-path: inset(100% 0 0 0);
	}
	to {
		clip-path: inset(0 0 0 0);
	}
}

@keyframes slide-scale-up-out {
	from {
		transition:scale(1), translateY(0);
		opacity:100%;
	}
	to {
		transition:scale(0.85), translateY(-200px);
		opacity:0;
	}
}

/*#header-main {
	view-transition-name: header;
}

::view-transition-old(header) {
	animation-name: fadeOutUp50;
	animation-duration:0.2s;
	
}

::view-transition-new(header) {
	opacity:0;
	animation-name: fadeInUp50;
	animation-duration:0.3s;
	animation-delay: 0.8s;
}*/


@keyframes arrow-slide-right {
	0% {
		transform:translateX(-1.6rem);
	}
	100% {
		transform:translateX(0);
	}
}
@keyframes arrow-slide-right-opacity {
	0% {
		transform:translateX(-1.6rem);
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		transform:translateX(0);
		opacity:1;
	}
}

@-webkit-keyframes fadeInDown50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.brx-animate-fadeInDown50 {
    -webkit-animation-name: fadeInDown50;
    animation-name: fadeInDown50;
}

@-webkit-keyframes fadeInUp50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.brx-animate-fadeInUp50 {
    -webkit-animation-name: fadeInUp50;
    animation-name: fadeInUp50;
}

@-webkit-keyframes fadeOutUp50 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
		
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }
}

@keyframes fadeOutUp50 {
    0% {
		opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }
}

@-webkit-keyframes imageSmallZoomIn {
    0% {       
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {      
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes imageSmallZoomIn {
    0% {        
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.brx-animate-imageSmallZoomIn, .img-scale img {
    -webkit-animation-name: imageSmallZoomIn;
    animation-name: imageSmallZoomIn;
	animation-fill-mode: forwards ;
}

.img-scale {overflow: hidden;}
.img-scale img {animation-timing-function: ease-out; animation-duration: 1.2s; animation-delay:0.3s;}

@-webkit-keyframes imageZoomRevealUpIn {
    0% {       
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
		clip-path: inset(100% 0 0 0);
		opacity:0;
    }
	
	50% {
		opacity:1;
	}

	80% {     
		clip-path: inset(0 0 0 0);
    }
	100% {     
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes imageZoomRevealUpIn {
    0% {       
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
		clip-path: inset(100% 0 0 0);
		opacity:0;
    }
	
	50% {
		opacity:1;
	}

	
	80% {     
		clip-path: inset(0 0 0 0);
    }
	100% {     
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.brx-animate-imageZoomRevealUpIn, .img-reveal-up img {
    -webkit-animation-name: imageZoomRevealUpIn;
    animation-name: imageZoomRevealUpIn;
	animation-fill-mode: both ;
}

.img-reveal-up {overflow: hidden;}
.img-reveal-up img {animation-timing-function: var(--quick-ease); animation-duration: 0.8s; animation-delay:0.2s; object-fit:cover;}

.delay-02 {animation-delay: 0.2s}
.delay-04 {animation-delay: 0.4s}
.delay-05 {animation-delay: 0.5s}
.delay-06 {animation-delay: 0.6s}
.delay-08 {animation-delay: 0.8s}
.delay-1 {animation-delay: 1s}
.delay-1-2 {animation-delay: 1.2s}
.delay-1-5 {animation-delay: 1.5s}
.delay-1-8 {animation-delay: 1.8s}
.delay-2 {animation-delay: 2s}

@media (min-width:768px) {
	.delay-02-md {animation-delay: 0.2s}
	.delay-04-md {animation-delay: 0.4s}
	.delay-05-md {animation-delay: 0.5s}
	.delay-06-md {animation-delay: 0.6s}
	.delay-08-md {animation-delay: 0.8s}
	.delay-1-md {animation-delay: 1s}
	.delay-1-2-md {animation-delay: 1.2s}
	.delay-1-5-md {animation-delay: 1.5s}
	.delay-1-8-md {animation-delay: 1.8s}
	.delay-2-md {animation-delay: 2s}
}

@media (min-width:960px) {
	.delay-02-lg {animation-delay: 0.2s}
	.delay-04-lg {animation-delay: 0.4s}
	.delay-05-lg {animation-delay: 0.5s}
	.delay-06-lg {animation-delay: 0.6s}
	.delay-08-lg {animation-delay: 0.8s}
	.delay-1-lg {animation-delay: 1s}
	.delay-1-2-lg {animation-delay: 1.2s}
	.delay-1-5-lg {animation-delay: 1.5s}	
	.delay-1-8-lg {animation-delay: 1.8s}
	.delay-2-lg {animation-delay: 2s}
}


/* Hide and display utility classes */
.d-none {display:none !important; visibility:hidden;}
@media (max-width:767px) {
	.d-none-sm {display:none !important; visibility:hidden;}
	.d-block-sm {display:block !important; visibility:visible;}
	.d-i-block-sm {display:inline-block !important; visibility:visible;}
	.d-inline-sm {display:inline-block !important; visibility:visible;}
	.d-flex-sm {display:flex !important; visibility:visible;}
	.d-grid-sm {display:grid !important; visibility:visible;}
}
@media (min-width:768px) {
	.d-none-md {display:none !important; visibility:hidden;}
	.d-block-md {display:block !important; visibility:visible;}
	.d-i-block-md {display:inline-block !important; visibility:visible;}
	.d-inline-md {display:inline-block !important; visibility:visible;}
	.d-flex-md {display:flex !important; visibility:visible;}
	.d-grid-md {display:grid !important; visibility:visible;}
}
@media (min-width:960px) {
	.d-none-lg {display:none !important; visibility:hidden;}
	.d-block-lg {display:block !important; visibility:visible;}
	.d-i-block-lg {display:inline-block !important; visibility:visible;}
	.d-inline-lg {display:inline-block !important; visibility:visible;}
	.d-flex-lg {display:flex !important; visibility:visible;}
	.d-grid-lg {display:grid !important; visibility:visible;}
}
@media (min-width:1200px) {
	.d-none-xl {display:none !important; visibility:hidden;}
	.d-block-xl {display:block !important; visibility:visible;}
	.d-i-block-xl {display:inline-block !important; visibility:visible;}
	.d-inline-xl {display:inline-block !important; visibility:visible;}
	.d-flex-xl {display:flex !important; visibility:visible;}
	.d-grid-xl {display:grid !important; visibility:visible;}
}

@media (min-width:1480px) {
	.d-none-xxl {display:none !important; visibility:hidden;}
	.d-block-xxl {display:block !important; visibility:visible;}
	.d-i-block-xxl {display:inline-block !important; visibility:visible;}
	.d-inline-xxl {display:inline-block !important; visibility:visible;}
	.d-flex-xxl {display:flex !important; visibility:visible;}
	.d-grid-xxl {display:grid !important; visibility:visible;}
}