/* ===================== */
/* ===== Utilities ===== */
/* ===================== */

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
  text-wrap: pretty;
}

.brxe-button {
  cursor: pointer;
}

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: var(--primary)  ;
}

::selection {
  color: #fff;
  background: var(--primary)  ;
}

/* 
html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
  }
*/

/* ============================================================================= */
/* ============================= Header =================================== */
/* ============================================================================= */

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

@media (max-width: 1080px) {
	:root {
		--header-height: 80px;
	}
}

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

@media (max-width: 476px) {
	:root {
		--header-height: 60px;
	}
}

body.home #brx-header {
	position: absolute;
}


.brx-header-height {
	height: var(--header-height);
}

@keyframes slidein-sticky-header {
	from {top: -100px}
	to {top: 0}
}

.stuck {
	position: fixed;
	top: 0;
	left: 0;
	height: calc( var(--header-height) - ( var(--header-height) * 0.15 ) ) !important;
	animation-name: slidein-sticky-header;
   	 animation-duration: 1s;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, 0.9);
}

.brxe-toggle {
	--brxe-toggle-bar-width: 35px;
}

#master-header.stuck .brxe-nav-nested .brx-nav-nested-items .menu-item a.brxe-text-link,
body:not(.home) #master-header .brxe-nav-nested .brx-nav-nested-items .menu-item a.brxe-text-link {
  color: var(--text-body);
}

#master-header.stuck .brxe-nav-nested .brx-nav-nested-items .menu-item a.brxe-text-link:hover,
body:not(.home) #master-header .brxe-nav-nested .brx-nav-nested-items .menu-item a.brxe-text-link:hover {
  color: var(--dark);
}

#master-header.stuck .brx-nav-nested-items > li > [aria-current="page"],
body:not(.home) #master-header .brx-nav-nested-items > li > [aria-current="page"]{
    border-bottom: 2px solid var(--text-body);
}

#master-header.stuck .brx-nav-nested-items > li > [aria-current="page"]:hover,
body:not(.home) #master-header .brx-nav-nested-items > li > [aria-current="page"]:hover{
    border-bottom: 2px solid var(--text-body);
}

#master-header.stuck .brxa-wrap,
body:not(.home) #master-header .brxa-wrap {
  color: var(--text-body);
}

#master-header .brxe-svg {
	fill: var(--light);
}

#master-header.stuck .brxe-svg,
body:not(.home) #master-header .brxe-svg {
	fill: var(--primary);
}