:root {
  --bulma-primary-h: 11deg;
  --bulma-primary-s: 84%;
  --bulma-primary-l: 65%;
  --bulma-link-h: 44deg;
  --bulma-link-l: 47%;
  --bulma-info-h: 199deg;
  --bulma-info-s: 80%;
  --bulma-info-l: 86%;
  --bulma-success-h: 82deg;
  --bulma-success-s: 60%;
  --bulma-success-l: 67%;
  --bulma-warning-h: 58deg;
  --bulma-warning-s: 95%;
  --bulma-warning-l: 77%;
  --bulma-danger-h: 0deg;
  --bulma-danger-s: 95%;
  --bulma-danger-l: 76%;
  --bulma-scheme-h: 63;
  --bulma-body-background-color: hsl(66°, 49%, 96%);
}

.menu {
  --bulma-menu-item-h: 33;
  --bulma-menu-item-selected-h: 41deg;
}

.message {
  --bulma-message-h: 33;
}

.navbar {
  --bulma-navbar-h: 33;
  --bulma-navbar-item-selected-h: 33deg;
  --bulma-navbar-dropdown-item-h: 33;
}

.pagination {
  --bulma-pagination-item-h: 33;
  --bulma-pagination-selected-item-h: 33deg;
}

@font-face {
  font-family: "Montserrat", serif;
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf")
    format("truetype");
}

html {
  scroll-behavior: smooth;
}

a:not(.navbar a):not(.footer a):not(.button) {
  font-weight: 800;
}

a:not(.navbar a):not(.footer a):not(.button):hover {
  text-decoration: underline;
}

.footer a:hover {
  text-decoration: underline;
}

/* ============== */
/* NAVBAR */
/* ============== */

.navbar {
  --bulma-navbar-item-img-max-height: 3rem;
}

/* Make it dark */
.navbar-item:hover {
  color: var(--bulma-link-text);
}

.navbar-link:hover {
  color: var(--bulma-link-text);
}

.navbar-dropdown {
  background-color: hsl(
    var(--bulma-black-h),
    var(--bulma-black-s),
    var(--bulma-black-l)
  ) !important;
  border-top: none;
}

.navbar-dropdown a.navbar-item:not(.is-active, .is-selected) {
  background-color: hsl(
    var(--bulma-black-h),
    var(--bulma-black-s),
    var(--bulma-black-l)
  ) !important;
  color: white;
}

.navbar-dropdown a.navbar-item:hover {
  color: var(--bulma-link-text);
}
/* Make it dark */

/* ============================ */

/* ============== */
/* HERO */
/* ============== */

.has-bg-img {
  background: url("/assets/images/hero-e.webp") center center;
  background-size: cover;
}

.hero-section {
  padding-left: 3.5rem;
}

@media screen and (max-width: 768px) {
  .hero-section {
    padding-left: 0rem;
  }

  .hero-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem 1rem 0 1rem;
    gap: 20px;
  }
}

/* ============================ */

/* ============== */
/* Service Cards */
/* ============== */

.list-services .overlay {
  backdrop-filter: blur(5px);
}

.service-card {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
  min-height: 205px;
  border: 1px solid rgba(0, 0, 0, 0.3);

  p {
    color: hsl(
      var(--bulma-black-h),
      var(--bulma-black-s),
      var(--bulma-black-l)
    );
  }
}

.service-card-yellow:hover {
  background-color: hsl(
    var(--bulma-link-h),
    var(--bulma-link-s),
    var(--bulma-link-60-l)
  );
  cursor: pointer;
  transition: 0.5s;

  p {
    color: hsl(
      var(--bulma-black-h),
      var(--bulma-black-s),
      var(--bulma-black-l)
    );
    font-size: 1.2rem;
  }
}

.service-card-blue:hover {
  background-color: #fff4e8;
  cursor: pointer;
}

.service-card-white:hover {
  background-color: white;
}

.service-card-sepia img {
  filter: sepia(1);
}

/* ============================ */

.rounded-corners {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.divider {
  margin: 0 10rem;
  border-bottom: 1px solid lightgray;
}

.expand-49 {
  width: 49%;
}

h3[id] {
  scroll-margin-top: 5rem;
}

.hidden {
  display: none;
}

@media screen and (max-width: 768px) {
  .hero-container {
    flex-direction: column-reverse;

    div {
      margin-bottom: 2rem;
    }
  }

  .expand-49 {
    width: auto;
  }
}

.responsive-youtube-video {
  position: relative;
  padding-bottom: 56.25%;
}

.responsive-youtube-video iframe,
.responsive-youtube-video object,
.responsive-youtube-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.invitatii-media {
  min-height: 100lvh;
}

/* ============== */
/* Typography */
/* ============== */

.about-container blockquote {
  border-left: none;
  font-size: 1.2rem;
}

.expand-letters {
  letter-spacing: 7px;
}

.underline {
  text-decoration: underline;
  text-decoration-style: double;
  text-decoration-color: #ffc629;
}

.button.is-link {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l));
}

.bd-hr {
  background-color: var(--theme-color, var(--bulma-primary));
  border-radius: 9999px;
  height: 0.25rem;
  margin: 1em auto;
  width: 4em;
}
/* ============================ */

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

/* ============================ */

/**
* ==================
* Cookie Policy
* ==================
*/

#cookies {
  display: none;
}

#cookiePolicy {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  background: hsl(
    var(--bulma-black-h),
    var(--bulma-black-l),
    var(--bulma-black-s)
  );
  /* color: var(--light-color); */
  padding: 30px;
  z-index: 2000;
}

#seeCookies:hover {
  cursor: pointer;
}

/* 
 * 1. iPhone X in portrait & landscape
 * 2. iPhone 6,7,8 in portrait & landscape
 */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3),
  (min-device-width: 360px) and (max-device-width: 740px) and (-webkit-device-pixel-ratio: 4),
  (min-device-width: 375px) and (max-device-width: 667px) {
  #moreCookiesInfo,
  #acceptCookiesSelection {
    width: 45%;
    margin-top: 20px;
  }

  #acceptAllCookies {
    width: 100%;
    margin-top: 5px;
  }
}

/* ============================ */