/* ===================== */
/* ===== 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: calc( var(--header-height) + 50px);
  }

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

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

/* Remove comment  below for transparent header */
/*
#brx-header {
  position: absolute;
  z-index: 9999;
}
*/

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

.stuck {
  position: fixed;
  top: 0;
  left: 0;
  /* height: calc(var(--header-height) - (var(--header-height) * 0.15)) !important; */
  height: var(--header-height) !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);
  z-index: 9999;
  overflow: hidden;
}

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


/* ============================= */
/* ==== TranslatePress ========= */
/* ============================= */

body.translatepress-el {
font-family: "Open Sans", sans-serif;
}