@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=Monomakh&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Georgian:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&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;
}

.quicksand-ifa {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.monomakh-regular {
  font-family: "Monomakh", serif;
  font-weight: 400;
  font-style: normal;
}

.noto-serif-georgian-ifa {
  font-family: "Noto Serif Georgian", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.row a {
    color: #EEF69A;
}
    


body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  font-weight: 300;
  box-sizing: border-box;
  background-color: #000;
/*    font-family: "Noto Serif Georgian", serif;*/
/*      font-family: "Perstare", Arial, Helvetica, sans-serif;*/
    font-family: "Quicksand", sans-serif;
    color: #EEF69A;
}

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


* {
  box-sizing: inherit;
}



p {
/*  font-family: "Noto Serif Georgian", serif;*/
/*  font-family: "Perstare", Arial, Helvetica, sans-serif;*/
 
  line-height: 1.5em;
  color: #EEF69A;
}

strong {
  font-weight: 600;  
}

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

.navbar-dark .navbar-toggler {

  border-color: rgba(240, 246, 165);

}

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

}

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

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

.custom-toggler

{
     border-color: #EEF69A !important;
}

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

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

.IfaHeaderXlarge {
    font-size: 4.5vw !important;
}
.btn a {
    cursor: hand !important;
    color: #EEF69A !important;
    background-color: #000;
}

.btn:hover {
    cursor: hand !important;
    color: #000 !important;
    background-color: #EEF69A;
  
}
h1 {
 font-family: "Quicksand", sans-serif;
  font-weight: 300;
  color: #EEF69A;
}
h2 {
  font-family: "Quicksand", sans-serif;
  font-weight: 300;
  color: #EEF69A;
}
h3 {
  font-family: "Quicksand", sans-serif;
    color: #EEF69A;
}
a {
  color: #29a0ee;
}
.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: "Quicksand", sans-serif;
    color: #EEF69A;
}


.footer {
  background-color: #000;
  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: "Quicksand", 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: #05263a;
  color: #fff;
  font-family: "Quicksand", 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 #EEF69A;
  letter-spacing: .08em;
  font-family: "Quicksand", sans-serif;
  font-weight: 300;
  margin-bottom: 10px;
    color: #EEF69A !important;
}