/* ===================== */
/* ===== 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: 20px;
  } */

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

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

/* Remove comment  below for transparent header */

#brx-header {
  position: absolute;
  z-index: 9999;
}

body:not(.home) #brx-header #master-header {
	background-color: var(--light);
	border-bottom: 1px solid var(--border-primary);
}

body:not(.home) #brx-header ul > li > a{
	color: var(--text-body);
}

body:not(.home) #brx-content {
	margin-top: var(--header-height);
}

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

.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 15px -5px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.9) !important;
  z-index: 9999;
}

#brx-header
  #master-header.stuck
  .brxe-nav-nested
  .brx-nav-nested-items
  > li
  > a,
#brx-header #master-header.stuck .brxe-nav-nested .brxe-toggle {
  color: var(--text-body);
}

/* ======================== */
/* ==== CookieYes ========= */
/* ======================== */

.cky-notice-btn-wrapper button.cky-btn-accept,
.cky-prefrence-btn-wrapper button.cky-btn-accept {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--light) !important;
  font-weight: 600 !important;
}
.cky-notice-btn-wrapper button.cky-btn-customize,
.cky-prefrence-btn-wrapper button.cky-btn-preferences,
.cky-notice-btn-wrapper button.cky-btn-reject,
.cky-prefrence-btn-wrapper button.cky-btn-reject {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  font-weight: 600 !important;
}

.cky-btn-revisit-wrapper {
  background-color: var(--primary) !important;
}