@charset "UTF-8";
/* CSS Document */
/* The Great Hall Exhibition: Rose Salane*/
/* Website designed by Jason Varone for the Institute of Fine Arts, NYU*/
@import url("https://fonts.googleapis.com/css2?family=Kantumruy+Pro:ital,wght@0,100..700;1,100..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Savate:ital@0;1&display=swap");

.kantumruy-pro-ifa {
  font-family: "Kantumruy Pro", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.savate-ifa {
  font-family: "Savate", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.noto-sans-ifa {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.row a {
  color: #999;
}

body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: #0c141d;
  font-family: "Kantumruy Pro", sans-serif;
  color: #75294d;
}

.bg-body {
  background-color: #0c141d !important;
}

* {
  box-sizing: inherit;
}

p {
  line-height: 1.5em;
  color: #ccd0c8;
}

strong {
  font-weight: 600;
}

.offcanvas {
  background-color: #0c141d !important;
}

.navbar .nav-link,
.navbar .navbar-brand,
.navbar .navbar-text {
  font-weight: 200 !important; /* Adjust numeric weight or use 'bold' */
  background-color: #0c141d !important;
}

.navbar-dark .navbar-toggler {
  border-color: #0c141d;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(204, 208, 200)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar {
  border-color: #ccd0c8 !important;
  background-color: #0c141d !important;
}

.nav-item {
  color: #ccd0c8 !important;
}
.nav-item a {
  color: #ccd0c8 !important;
}

.custom-toggler {
  border-color: #ccd0c8 !important;
}

.IfaHeader {
  font-size: 3vw !important;
}

.IfaSubHeader {
  font-size: 2.75vw !important;
}
.IfaHeaderLight {
  color: #ccd0c8;
}
.IfaHeaderLarge {
  font-size: 4vw !important;
}

.IfaHeaderXlarge {
  font-size: 4.8vw !important;
}

.IfaKerning {
  letter-spacing: 0.05em;
}

.btn a {
  cursor: hand !important;
  color: #333 !important;
  background-color: #fff;
  border-color: #000;
}

.btn:hover {
  cursor: hand !important;
  color: #fff !important;
  background-color: #333;
  border-color: #333;
}
h1 {
  font-family: "Savate", sans-serif;
  font-weight: 300;
  color: #ccd0c8;
}
h2 {
  font-family: "Savate", sans-serif;
  font-weight: 300;
  color: #ccd0c8;
  line-height: 1.3em;
}
h3 {
  font-family: "Savate", sans-serif;
  color: #ccd0c8;
}
h4 {
  font-family: "Savate", sans-serif;
  color: #ccd0c8;
}
h5 {
  font-family: "Noto Sans", sans-serif;
  color: #ccd0c8;
}
a {
  color: #ccd0c8;
}

.caption {
  font-weight: 200;
}
.catalog {
  background-color: #fff;
  background-size: cover;
  /* Full height */
  height: 100%;
}

figure {
}

.figure-home {
  padding: 5vw;
  padding-bottom: 2vw;
}

figcaption {
  font-family: "Kantumruy Pro", sans-serif;
  font-weight: 200;
  font-size: 0.9em;
  color: #ccd0c8 !important;
}

.footer {
  background-color: #0c141d;
  bottom: 0;
  width: 100%;
  font-weight: 200;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 100%;
}

/* Visually hidden accessible content */
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  visibility: hidden;
  opacity: 0;
}

.menu {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-size: 22px;
  vertical-align: middle;
}

.ExtraSpace {
  padding: 1vw;
}

@media only screen and (max-width: 900px) {
  h1 {
    padding-top: 5vw;
  }

  .IfaNavBar {
    font-size: 3vw;
  }
}

@media only screen and (max-width: 900px) {
  .menu {
    display: none;
  }

  .IfaHeader {
    font-size: 4vw !important;
    padding-top: 2vw;
  }

  .IfaSubHeader {
    font-size: 5vw !important;
  }

  .IfaHeaderXlarge {
    font-size: 6vw !important;
    padding-top: 2vw;
  }
  h1 {
    padding-top: 7vw;
    font-size: 3vw !important;
  }
  .IfaNavBar {
    font-size: 5vw;
  }

  .navbar-brand {
    font-size: 3.75vw;
  }
}

a.skip-main {
  position: absolute;
  top: -999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
  background: #07294f;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1em;
  height: auto;
  width: auto;
  top: 1vh;
  left: 60vw;
  overflow: auto;
  padding: 0.25vw 0.5vw 0.25vw 0.5vw;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 9999;
  -webkit-transition: all 300ms cubic-bezier(0.3, -0.01, 0.57, 1);
  transition: all 300ms cubic-bezier(0.3, -0.01, 0.57, 1);
  transform: translateX(-100%);
  outline: none;
}

.btn {
  border-radius: 40px;
  border: 1px solid #ccd0c8;
  letter-spacing: 0.08em;
  font-weight: 300;
  margin-bottom: 10px;
  color: #ccd0c8 !important;
}