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

/* ============== */
/* Bricks Builder */
/* ============== */
.bricks-structure-list .hidden .structure-item {
  background-color: #343a40 !important;
}

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

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

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

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

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

body.home #brx-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
}

.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 .ja-header__nav {
  border-color: var(--dark-t-4);
}

#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);
}

/* ======================== */
/* ==== 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(--text-body) !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(--text-body) !important;
  font-weight: 600 !important;
}

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