@font-face {
  font-family: "ce_medium";
  src: url("/assets/fonts/caslonsegyptian-medium-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ce_light";
  src: url("/assets/fonts/caslonsegyptian-light-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*
p, li, a, span, button, h1, h2, h3, h4, h5, h6 {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
*/
body {
  background-color: #465083;
  margin: 0;
  font-size: 15px;
  line-height: 1.33;
  font-family: "ce_light", sans-serif;
}

p {
  margin: 0 0 14px 0;
}

strong {
  font-family: "ce_medium", sans-serif;
  font-weight: normal;
}

a {
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
a:hover {
  color: #465083 !important;
}

.faux_h2 {
  font-family: "ce_medium", sans-serif;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

#main_header {
  display: flex;
  width: 100vw;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: space-between;
  padding: 18px 30px 18px 30px;
}

button.menu_toggle {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
button.menu_toggle .bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px 0;
  background-color: #fff5ec;
}

#main_nav {
  position: fixed;
  inset: 0 0 auto auto;
  height: 100svh;
  border: 0;
  box-shadow: 0 0 150px 100px rgba(0, 0, 0, 0.5);
  display: block !important;
  /*  Opened styles  */
  /* End styles for the closing transition. */
  transform: translateX(100%);
  opacity: 0;
  /*  Enumerate transitioning properties, including display and overlay. */
  transition: transform, opacity, display allow-discrete, overlay allow-discrete;
  transition-duration: 0.5s;
}
#main_nav:popover-open {
  transform: translateX(0);
  opacity: 1;
  /*  Start styles for the opening transition.
      Added to :popover-open, but after the opened styles.
  */
}
@starting-style {
  #main_nav:popover-open {
    transform: translateX(100%);
    opacity: 0;
  }
}
#main_nav:popover-open:-internal-popover-in-top-layer::backdrop {
  background-color: rgba(0, 0, 0, 0.2);
}
@starting-style {
  #main_nav:popover-open:-internal-popover-in-top-layer::backdrop {
    background-color: rgba(0, 0, 0, 0);
  }
}
#main_nav:-internal-popover-in-top-layer::backdrop {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.5s;
}

.nav_flyout {
  max-width: 265px;
  position: relative;
  flex-wrap: wrap;
  background-color: #8f6f4d;
  color: white;
  padding: 0;
}
.nav_flyout .nav_flyout_inner {
  display: flex;
  flex-wrap: wrap;
  height: -webkit-fill-available;
  padding: 70px 30px 8px 30px;
}
.nav_flyout .nav_flyout_inner > * {
  flex: 1 2 100%;
}
.nav_flyout .nav_flyout_inner .nav_flyout_footer {
  margin-top: auto;
}
.nav_flyout button.menu_toggle.close {
  position: absolute;
  top: 20px;
  right: 30px;
}
.nav_flyout button.menu_toggle.close .bar:first-child {
  transform: rotate(45deg) translate(6px, 5px);
}
.nav_flyout button.menu_toggle.close .bar:nth-child(2) {
  opacity: 0;
}
.nav_flyout button.menu_toggle.close .bar:last-child {
  transform: rotate(-45deg) translate(6px, -5px);
}
.nav_flyout .nav_links a {
  font-size: 18px;
  font-family: "ce_medium", sans-serif;
  letter-spacing: 0.03em;
  text-decoration: none;
  color: #fff5ec;
}
.nav_flyout .nav_links > a {
  text-transform: uppercase;
}
.nav_flyout ul.social_links {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 -5px;
  display: flex;
}
.nav_flyout ul.social_links svg path {
  transition: fill 0.3s ease-in-out;
}
.nav_flyout ul.social_links li {
  display: inline-block;
  padding: 4px;
}
.nav_flyout ul.social_links li a:hover svg path {
  fill: #465083 !important;
}
.nav_flyout .contact_info_wrap {
  margin-bottom: 30px;
}

.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.panel_branding {
  display: flex;
  min-height: 32vh;
  justify-content: center;
  align-items: flex-end;
  margin: 70px 0 70px 0;
  padding: 0 30px;
}
.panel_branding img {
  width: 100%;
  max-width: 520px;
  height: auto;
}

.panel_inner {
  max-width: 520px;
  margin: 0 auto;
}

.panel_content {
  min-height: 30vh;
  padding: 0 30px;
  margin: 0 0 70px 0;
  color: #fff5ec;
}

.panel_contact {
  padding: 70px 30px;
  background: url("/assets/img/lld_illustration_bg.jpg") no-repeat center bottom;
  background-size: cover;
}
.panel_contact .faux_h2 {
  color: #8f6f4d;
}
.panel_contact p {
  color: #465083;
}

.decorative_link {
  display: block;
  width: fit-content;
  margin: 40px auto 0 auto;
  padding: 6px 20px;
  font-family: "ce_medium", sans-serif;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #8f6f4d;
  border-top: 2px solid #8f6f4d;
  border-bottom: 2px solid #8f6f4d;
  transition: all 0.3s ease-in-out;
}
.decorative_link:hover {
  border-color: #465083;
  color: #465083;
}

.contact_info_wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 12px 20px;
  border-left: 2px solid #fff5ec;
  color: white;
  line-height: 1.2;
}
.contact_info_wrap > * {
  flex: 1 2 100%;
  margin: 4px 0;
}
.contact_info_wrap a {
  color: white;
}
.contact_info_wrap address {
  font-style: normal;
}

.panel_contact_info {
  padding: 40px 30px;
  background-color: #a58c71;
}

.panel_legal {
  background-color: #8f6f4d;
  padding: 10px 30px;
}
.panel_legal p {
  margin: 0;
  color: #c7b7a6;
}

/*# sourceMappingURL=main.css.map */