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

body.bricks-is-frontend :focus {
  outline: none;
}

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

/* ============================================================================= */
/* ============================= Header =================================== */
/* ============================================================================= */
:root {
  --header-height: 90px;
}

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

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

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

.stuck {
  position: fixed;
  top: 0;
  left: 0;
  height: var(--header-height) !important;
  animation-name: slidein-sticky-header;
  animation-duration: 1s;
  /* box-shadow: 0 4px 12px var(--shadow-primary); */
  border-bottom: 1px solid var(--border-primary);
  background-color: inherit;
}

/* ============================================================================= */
/* ============================= Footer =================================== */
/* ============================================================================= */

#brx-footer .ja-form-container,
#brx-footer .ja-form-container .form-group input {
  background-color: transparent;
  border: 1px solid var(--light-t-1);
}

#brx-footer .ja-form-container .form-group input::placeholder {
  color: var(--text-body);
}

#brx-footer .ja-form-container {
  padding: var(--space-m);
  width: 100%;
}

/* ADMIN BAR HIDE ON MOBILE */
@media screen and (max-width: 782px) {
  html #wpadminbar {
    display: none;
  }

  html {
    margin-top: 0 !important;
  }

  body.bricks-is-frontend.admin-bar #brx-header.sticky {
    top: 0;
  }
}