@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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: "Perstare";
  src: url(../fonts/NYUPerstare-VF.woff2);
}
@font-face {
  font-family: "Perstare";
  src: url(../fonts/NYUPerstare-Italic-VF.woff2);
  font-style: italic;
}

.montserrat-ifa {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.row a {
    color: #75294D;
}
    


body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  font-weight: 300;
  box-sizing: border-box;
  background-color: #fff;
    font-family: "Montserrat", sans-serif;
    color: #75294D;
}

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


* {
  box-sizing: inherit;
}



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

strong {
  font-weight: 600;  
}

.IfaNavBar {
 background-color: #fff;
 color: #75294D !important; 
 font-size: 1.2em;
 border-bottom: 1px;
 border-color: #75294D !important;
    
}

.navbar-dark .navbar-toggler {

  border-color: #75294D;

}

.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(117, 41, 77)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}

.navbar {
   
    border-color: #75294D !important;
}

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

.custom-toggler

{
     border-color: #75294D !important;
}

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

.IfaSubHeader {     
  font-size: 2.75vw !important;
}
.IfaHeaderLight {     
  color: #75294D;
}

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

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

.btn:hover {
    cursor: hand !important;
    color: #fff !important;
    background-color: #75294D;
	border-color: #75294D;
  
}
h1 {
 font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #75294D;
}
h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #75294D;
}
h3 {
  font-family: "Montserrat", sans-serif;
    color: #75294D;
}
h4 {
  font-family: "Montserrat", sans-serif;
    color: #75294D;
}
a {
  color: #75294D;
}
.catalog {
  background-color: #fff;
  background-size: cover;
  /* Full height */
  height: 100%;
}

figure {
    padding:2vw;
    padding-bottom: 2vw;
}

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

.figure-caption {
   font-family: "Montserrat", sans-serif;
    color: #75294D;
}


.footer {
	background-color: #fff;
  bottom: 0;
  width: 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: #75294D;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1em;
  height: auto;
  width: auto;
  top: 1vh;
  left: 60vw;
  overflow: auto;
  padding: .25vw .5vw .25vw .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 #75294D;
  letter-spacing: .08em;
  font-weight: 300;
  margin-bottom: 10px;
    color: #75294D !important;
}