@import "nowui/css/bootstrap.min";
@import "nowui/css/now-ui-kit";
@import "nowui/css/demo";
@import "nowui/css/slick";
@import "nowui/css/slick-theme";
@import "nowui/css/demo_ory";
@import "nowui/css/glide";
@import "nowui/css/glide-theme";

body {
    background-color: #F5EFE8;
}

@media (max-width: 991px) {
    .Desktop {
    display: none;
    }
}

  /* Hide mobile navigation on desktop devices */
@media (min-width: 992px) {
    .Mobile {
    display: none;
    }
}

.parent {
    display: block;
    position: relative;
    float: left;
    line-height: 30px;
  }

  .parent a {
    margin: 10px;
    text-decoration: none;
    color: white !important;
  }

  .parent:hover>ul {
    display: block;
    position: absolute;
  }

  .parent ul {
    background-color: rgba(180, 166, 144, 0.3);
  }

  .child {
    display: none;
    line-height: 20px;
  }


  .child li {
    background-color: rgba(180, 166, 144, 0.7);
    line-height: 40px;
    margin-top: 0px;
    min-width: 15em;
  }

  .child li a {

  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0px;
    min-width: 11em;
  }

  ul ul ul {
    left: 100%;
    top: 0;
    margin-left: 0px;
  }

  li:hover {
        
  }

  .parent li:hover {
    background-color: #C7B198;
    
  }

  .expand {
    font-size: 12px;
    float: right;
    margin-top: 0px;
  }

  .line-with-text {
    display: flex;
    align-items: center;
    margin-top: 10px;
  }

  .line-with-text .line {
    flex-grow: 1;
    border-bottom: 3px solid rgba(140, 109, 91, 0.5);
    margin-bottom: 1px;
  }

  .line-with-text .text {
    padding: 0 10px;
  }

  .w-90{
    width: 90%;
  }


  /* Ensure modal + backdrop sit above any GSAP/kit layers */
  .modal-backdrop { z-index: 2147483646 !important; position: fixed !important; top: 0; right: 0; bottom: 0; left: 0; }
  .modal { z-index: 2147483647 !important; position: fixed !important; top: 0; right: 0; bottom: 0; left: 0; }
  .modal-dialog{
    z-index: 20001 !important;
  }

  .modal-open #smooth-content { transform: none !important; }
  .modal-open .fade-section { clip-path: none !important; }

  /* Lock page scroll; let modal scroll */
  html.modal-open, body.modal-open { overflow: hidden !important; height: 100%; overscroll-behavior: contain; }
  .modal-open #smooth-wrapper,
  .modal-open #smooth-content,
  .modal-open .wrapper { overflow: hidden !important; }
  .modal .modal-body { max-height: calc(100vh - 6rem); overflow-y: auto; }