@charset "UTF-8";

@font-face {
      font-family: 'CandaraRegular';
      src: url('/assets/fonts/candara-webfont.otf');
      src: url('/assets/fonts/candara-webfont.eot?#iefix') format('embedded-opentype'),
      url('/assets/fonts/candara-webfont.woff') format('woff'),
      url('/assets/fonts/candara-webfont.ttf') format('truetype'),
      url('/assets/fonts/candara-webfont.svg#CandaraRegular') format('svg');
      font-weight: normal;
      font-style: normal;
    }
.aref-ruqaa-regular {
  font-family: "Aref Ruqaa", serif;
  font-weight: 400;
  font-style: normal;
}

.aref-ruqaa-bold {
  font-family: "Aref Ruqaa", serif;
  font-weight: 700;
  font-style: normal;
}

.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width: 768px){.bd-placeholder-img-lg{font-size:3.5rem}}.b-example-divider{width:100%;height:3rem;background-color:#0000001a;border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em #0000001a,inset 0 .125em .5em #00000026}.b-example-vr{flex-shrink:0;width:1.5rem;height:100vh}.bi{vertical-align:-.125em;fill:currentColor}
.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden;}
.nav-scroller .main-nav{background-color:#af9b74;}
.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}
.nav-underline .nav-link.active, .nav-underline .show>.sub-nav.nav-link {background-color:var(--bs-body-bg) !important;color:#af9b74 !important;padding:7px 20px;border-bottom:solid 6px #af9b74;font-weight: 900;}
.btn-bd-primary{--bd-violet-bg: #712cf9;--bd-violet-rgb: 112.520718, 44.062154, 249.437846;--bs-btn-font-weight: 600;--bs-btn-color: var(--bs-white);--bs-btn-bg: var(--bd-violet-bg);--bs-btn-border-color: var(--bd-violet-bg);--bs-btn-hover-color: var(--bs-white);--bs-btn-hover-bg: #6528e0;--bs-btn-hover-border-color: #6528e0;--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);--bs-btn-active-color: var(--bs-btn-hover-color);--bs-btn-active-bg: #5a23c8;--bs-btn-active-border-color: #5a23c8}.bd-mode-toggle{z-index:1500}.bd-mode-toggle .bi{width:1em;height:1em}.bd-mode-toggle .dropdown-menu .active .bi{display:block!important}

.search-form {
  display: flex;
  align-items: center;
}

.search-input {
    width: 0;
    opacity: 0;
    overflow: hidden;

    border: 0;
    padding: 0;
    margin: 0;

    transition: width .25s ease,
                opacity .25s ease;
}

.search-wrapper.open .search-input {
    width: 220px;
    opacity: 1;
    margin-right: 8px;
    border-bottom: 1px solid #666;
}




body.offcanvas-open,
body {
    padding-right: 0 !important;
}

button[data-bs-toggle="offcanvas"]:focus,
button[data-bs-toggle="offcanvas"]:active,
button[data-bs-toggle="offcanvas"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

body.offcanvas-backdrop,
.offcanvas-backdrop {
    margin: 0 !important;
}

.article-sticky-bars {
    position: sticky;
    top: 0px;
    z-index: 30;
    background: var(--bs-body-bg);
    color: #fff;
    height: 42px;
    display: flex;
    align-items: center;
    padding: 0 20px 0 0;

    opacity: 0;
    transform: translateY(-100%);
    transition: opacity .2s ease, transform .2s ease;
}


.article-sticky-bar {
    position: sticky;
    top: 0;
    z-index: 30;
    height: 65px;
    background: var(--bs-body-bg);
    overflow: hidden;
}




.article-sticky-bar::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    height: 8px;
    background: #fff;
}
.article-sticky-bar.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.right-sidebar-sticky {
    position: sticky;
    top: 55px;
    padding-top: 12px;
}



.article-sticky-bar-inners {
    height: 55px;
    margin-top: 8px;

    display: flex;
    align-items: center;
    gap: 12px;

    background: var(--bs-body-bg);
    color: #fff;

    opacity: 0;
    transform: translateY(-110%);
    transition: opacity .2s ease, transform .2s ease;
}

.article-sticky-bar-inner {
    height: 55px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--bs-body-bg);
    color: #fff;

    opacity: 0;
    transform: translateY(-110%);
    transition: opacity .2s ease, transform .2s ease;
}


.article-sticky-bar.is-visible .article-sticky-bar-inner {
    opacity: 1;
    transform: translateY(0);
}



.page-menu-wrapper {
    top: 65px;
}

.right-sidebar-sticky {
    top: 65px;
}
.carousel-item {
    height: 25rem;
}

@media (max-width: 991.98px) {
    .carousel-item {
        height: 15rem;
    }
    .carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: 0 !important;
    }
}
.main-nav{
  border-top: solid 1px #af9b74 !important;
  border-bottom: solid 1px #af9b74 !important;
}
.sub-nav {
  padding:0 10px;
}
body {
padding-top: 0.5rem;
padding-bottom: 0rem;
}
.page-menu-wrapper {
  background: var(--bs-body-bg);
  top: 42px;
  padding-top: 2rem;
  z-index: 9;
  padding-bottom: 0.5rem;
}
.oblique {
    top: -20%;
    position: absolute;
    right: -10%;
    width: 400px;
    height: 600px;
    background-color: #bd9965;
    transform: rotate(17deg);
    overflow: hidden;
    z-index:1;
    border-left:solid 8px var(--bs-body-bg);
}
@media (max-width: 767.98px) {
    .oblique {
        right: -35%;
    }
}
@media (max-width: 991.98px) {
    .oblique {
        right: -70%;
    }
    #pageFooter h5 {text-align: center;}
    #pageFooter li {text-align: center;}
}
.gold-bg{
  margin-top:15px;
  background-color:#bd9965 !important;
  color: #000;
  padding: 7px 10px;
}
.gold-bg strong {
  font-size:18px;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}
.gold-text{
  color:#bd9965 !important;
}
.hynk-arch-monogram{
        margin-top:3px;
        display:flex;
        align-items:center;
        justify-content:center;
        width:55px;
        height:55px;
        background:linear-gradient(135deg,#bd9965,#bd9965);
        color:#000;
        font-family:'Cinzel',serif;
        font-size:22px;
        font-weight:900;
        letter-spacing:-1px;
        
}
.monogram{margin:10px 0px;}

@media (max-width: 767.98px) {
    .desktop-sidebar {
        display: none;
    }

    .mobile-info-button {
        display: block !important;
        
    }
}

@media (min-width: 992px) {
    .mobile-info-button,
    .mobile-sidebar-offcanvas {
        display: none !important;
    }
}
@media (max-width: 991.98px) {
    .mobile-info-button {
        display: block !important;
        position: fixed;
        right: 16px;
        top: 20px;
        z-index: 999;
        opacity: 0;
        pointer-events: none;
        transform: translateY(12px);
        transition: opacity .2s ease, transform .2s ease;
    }
    .mobile-info-button.is-visible {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }
    .article-sticky-bar-inner {
        transform: none !important;
        transition: opacity .15s ease;
    }

    .article-sticky-bar.is-visible .article-sticky-bar-inner {
        opacity: 1;
    }
}

.offcanvas-header > button.btn-close {margin-right:5px !important;}


/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}


/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}