/*
 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
*/

/* ***************************** Global ***************************** */

:root {
    --header-height: 82px;
}

@media (max-width: 1024px) {
    :root {
        --header-height: 76px;
    }
}

@media (max-width: 767px) {
    :root {
        --header-height: 72px;
    }
}

*, *::after, *::before {
    outline: none !important;
}

.brxe-text ul {
    margin: 0 0 1.2em;
    padding-left: 1.8em;
}

:where(ul:last-child) {
    margin-bottom: 0 !important;
}

.social-proof-section__slider .splide__slide img,
.social-proof__slider-wrap .splide__slide img{
    width: auto;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--header-height);
}

.home #brx-header:not(.custom_sticky) .header_btn.button--secondary-gray {
    border-color: #F7F7F7;
    background: transparent;
    color: #FFFFFF;
}

.feature-text-with-number__inner::after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 2;
	left: 0;
	top: 0;
	transition: all 0.2s ease-in-out;
	opacity:0;
	background: linear-gradient(45deg, #f3f4f6, transparent);
}

.intersecting .feature-text-with-number__inner::after {
	opacity:1;
}

.feature-text-with-number__inner {
	position: relative;
	overflow: hidden;    
}

/* ***************************** Global ***************************** */

/* ***************************** Header ***************************** */

.home header:not(.custom_sticky)>.header-navigation__sec .header_toggle {
    filter: brightness(0) invert(1);
}

header#brx-header {
    position: fixed;
    z-index: 99;
    transition: var(--base-transition);
}

header#brx-header.custom_sticky {
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
}

body.static_header header#brx-header,
body.error404 header#brx-header {
    background: #fff;
    box-shadow: 0 0px 0px 1px rgba(0, 0, 0, .1);
}

body.error404 #brx-header .header-navigation__logo,
body.static_header #brx-header .header-navigation__logo,
#brx-header.custom_sticky .header-navigation__logo {
    filter: unset;
}

body.static_header .header-navigation__nav .brx-nav-nested-items>li>a,
body.error404 .header-navigation__nav .brx-nav-nested-items>li>a,
body .custom_sticky .header-navigation__nav .brx-nav-nested-items>li>a {
    color: var(--brand--500);
}

/* ***************************** Header ***************************** */