/* ************** [Typography Stylesheet] ************** */

/**
 * @license
 * MyFonts Webfont Build ID 3887085, 2020-04-04T08:39:24-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FF Bau Std Regular by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/bau-pro/std-regular-191131/
 * Copyright: 2010 published by FontShop International GmbH
 * 
 * Webfont: FF Bau Std Medium by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/bau-pro/std-medium-191131/
 * Copyright: 2010 published by FontShop International GmbH
 * 
 * Webfont: Walbaum18pt-SemiBold by Monotype
 * URL: https://www.myfonts.com/fonts/mti/walbaum/18-semibold/
 * Copyright: Copyright © 2018 Monotype Imaging Inc. All rights reserved.
 * 
 * Webfont: Walbaum60pt-SemiBold by Monotype
 * URL: https://www.myfonts.com/fonts/mti/walbaum/60-semibold/
 * Copyright: Copyright © 2018 Monotype Imaging Inc. All rights reserved.
 * 
 * 
 * 
 * © 2020 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3b4fed");
  
@font-face {
  src: url('../webFonts/Walbaum60pt-SemiBold/font.eot');
  font-family: 'Walbaum60pt-SemiBold';
  src: url('../webFonts/Walbaum60pt-SemiBold/font.woff2') format('woff2'), 
   url('../webFonts/Walbaum60pt-SemiBold/font.woff') format('woff'), 
   url('../webFonts/Walbaum60pt-SemiBold/font.eot?#iefix') format('embedded-opentype'), 
   url('../webFonts/Walbaum60pt-SemiBold/font.ttf') format('truetype');
}

@font-face {
  src: url('../webFonts/FFBauStdMedium/font.eot');
  font-family: 'FFBauStdMedium';
  src: url('../webFonts/FFBauStdMedium/font.woff2') format('woff2'), 
    url('../webFonts/FFBauStdMedium/font.woff') format('woff'), 
    url('../webFonts/FFBauStdMedium/font.eot?#iefix') format('embedded-opentype'), 
    url('../webFonts/FFBauStdMedium/font.ttf') format('truetype');
}

@font-face {
  src: url('../webFonts/FFBauStdRegular/font.eot');
  font-family: 'FFBauStdRegular';
  src: url('../webFonts/FFBauStdRegular/font.woff2') format('woff2'), 
    url('../webFonts/FFBauStdRegular/font.woff') format('woff'), 
    url('../webFonts/FFBauStdRegular/font.eot?#iefix') format('embedded-opentype'), 
    url('../webFonts/FFBauStdRegular/font.ttf') format('truetype');
}

@font-face {
  src: url('../webFonts/Walbaum18pt-SemiBold/font.eot');
  font-family: 'Walbaum18pt-SemiBold';
  src: url('../webFonts/Walbaum18pt-SemiBold/font.woff2') format('woff2'), 
    url('../webFonts/Walbaum18pt-SemiBold/font.woff') format('woff'), 
    url('../webFonts/Walbaum18pt-SemiBold/font.eot?#iefix') format('embedded-opentype'), 
    url('../webFonts/Walbaum18pt-SemiBold/font.ttf') format('truetype');
}



/* * * * * * * * * * * * * * * * [ Basic HTML ] * * * * * * * * * * * * * * *
Type Scale: 8.19  10.24  12.8  *16*  20  25  31.25  39.06  48.83  61.04  76.29
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */

  :root {
    font-size: 1 rem;
    font-feature-settings: "kern", "liga", "clig", "calt", "onum", "pnum";
    word-spacing: 0.001em;
  }

@supports (font-kerning: normal) and (font-variant ligatures: 
common-ligatures contextual) and (fontvariant-numeric: oldstyle-nums proportional-nums) {
  :root {
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    font-variant-numeric: oldstyle-nums proportional-nums;
    font-feature-settings: normal;
  }
}

abbr {
  font-feature-settings: "kern" , "liga" , "clig", "calt", "c2sc", "smcp";
}

@supports (font-variant-caps: all-small-caps) {
  abbr {
    font-variant-caps: all-small-caps;
    font-feature-settings: normal;
  }
}


html {
  font-size: 16px;
}

body {
  font-family: "FFBauStd", sans-serif;
  font: normal 100% "FFBauStdRegular", sans-serif;
}

a {
  color: rgb(84, 84, 84);
}

h1,
p,
p.body-text,
p.body-text-description,
p.body-head,
p.caption,
p.captionID,
a.faculty {
  color: rgb(118, 118, 118);
}

h1 {
  font: normal 100% "Walbaum18pt-SemiBold", serif; 
  font-size: 5.33vmin; /* 20px */
  line-height: 0.97777; /* 22 */
  letter-spacing: 0.08125em;	
  text-align: left;
  text-transform: uppercase;
  padding: 5.87vmin 4vmin 2.2vmin 4vmin; /* (sb) 22px | 15px | (sa) 8.25px */
  margin-top: 0;
}

h1.lead {
  padding-top: 0;
}

.plus {
  position: relative;
  top: -0.12rem;
}

p,
p.body-text,
p.body-text-description,
p.p.body-text-space-after {
  font-family: "FFBauStd", sans-serif;
  font: normal 100% "FFBauStdRegular", sans-serif;
  font-size: 4vmin; /* 15px */
  line-height: 1.375; /* 22px */
  letter-spacing: 0.03em;
  text-align: left;
  padding: 0 4vmin; /* 15px */
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 2;
  hyphenate-limit-chars: 6 3 2;
  hyphenate-limit-zone: 8%;
  hyphenate-limit-last: always;
}

p.body-text-space-after {
  margin-bottom: 29.33vmin; /* 110px */
}

p.body-head {
  font-family: "FFBauStd", sans-serif;
  font: normal 100% 'FFBauStdMedium', sans-serif;
  font-size: 1rem; /* 16px */
  line-height: 1.375; /* 22px */
  letter-spacing: 0.02em;
  text-align: left;
}

p.caption {
  font-family: "FFBauStd", sans-serif;
  font: normal 100% "FFBauStdRegular", sans-serif;
  font-size: 3.41vmin; /* 12.8px */
  line-height: 1.40625; /* 22px */
  letter-spacing: 0.04em;
  text-align: left;
  padding: 0.625rem 0.9375rem 0 0.9375rem; /* 15px/16px = 0.9375em */
  font-feature-settings: "tnum" 1;
  /* font-variant-numeric: oldstyle-nums; */
}

p.captionID {
  font-family: "FFBauStd", sans-serif;
  font: normal 100% "FFBauStdRegular", sans-serif;
  font-size: 0.64rem; /* 10.24px */
  line-height: 1.7578125; /* 18px / 10.24px = 1.7578125 */
  letter-spacing: 0.10625em;
  text-align: left;
  padding: 0 0.9375rem; /* 20px/16px = 1.25em */
  font-feature-settings: "tnum" 1;
  text-transform: uppercase;
}

.numbers {
    letter-spacing: 0.07em;
}

a.faculty {
  font-family: "FFBauStd", sans-serif;
  font: normal 100% "FFBauStdRegular", sans-serif;
  font-size: 4.27vmin; /* 16px */
  line-height: 1.375; /* 22px */
  letter-spacing: 0.02em;
  text-decoration: none;
}

a.faculty:hover {
  color: rgb(187, 187, 187);
}


/* ************** [ Navigation ] ************** */

nav {
  font: normal 100% 'Walbaum18pt-SemiBold', serif;
  text-align: left;
  color: rgb(84, 84, 84);
}


/* --- Left Side Navigation --- */

#side-nav {
  display: none;
}

.side-nav a {
  font: normal 100% 'Walbaum18pt-SemiBold', serif;
  font-size: 1.25rem; /* 20px / 16px = 1.25em */
  line-height: 1.25; 
  letter-spacing: 0.1em;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}

.side-nav-2 a {
  font: normal 100% 'FFBauStdMedium', sans-serif;
  fontsize: 0.9rem; /* 14.4px */
  line-height: 1.3125; /* 17.28px */
  letter-spacing: 0.05;
  display: block;
  text-decoration: none;
}

.side-nav-2 a:first-child {
  padding-top: 0.5rem;
}

.side-nav a:hover,
.side-nav a.active,
.side-nav-2 a:hover,
.side-nav-2 a.active {
  color: rgb(187, 187, 187);
}


/* --- Large Navigation --- */

.large-nav a,
.large-nav-2 a  {
  color: rgb(84, 84, 84);
}

.large-nav a:hover,
.large-nav a.active,
.large-nav-2 a:hover,
.large-nav-2 a.active {
  color: rgb(187, 187, 187);
}

.large-nav a {
  font: normal 100% Walbaum60pt-SemiBold, serif;
  font-size: calc(31.25px + (54.93 - 31.25) * ((100vw - 320px) / (600 - 320)));
  line-height: 1.0625; /* 36px */
  letter-spacing: 0.06875em;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  text-indent: -0.125rem;
  padding-left: 0.9375rem; /* 20px / 16px = 1.25em */
}

.large-nav-2 a {
  font: normal 100% 'FFBauStdMedium', sans-serif;
  font-size: calc(14.4px + (20.44 - 14.4) * ((100vw - 320px) / (600 - 320)));
  line-height: 1.4375; /* 27px */
  letter-spacing: 0.05em;
  display: block;
  text-decoration: none;
  padding-left: 0.9375rem; /* 20px / 16px = 1.25em */
}

.large-nav-2 a:first-child {
  padding-top: 1.125rem; /* 20px */
}

.large-nav-2 a:last-child {
  padding-bottom: 3rem; /* 48px */
}



/* ------  Mobile Curtain Menu Navigation ------ */

.curtain-nav a,
.curtain-nav-2 a {
  color: rgb(84, 84, 84);
}

.curtain-nav a:hover,
.curtain-nav a.active,
.curtain-nav-2 a:hover:first-child  {
  color: rgb(187, 187, 187);
}

.curtain-nav a {
  font: normal 100% 'Walbaum18pt-SemiBold', serif;
  font-size: 8.33vmin; /* 31.25px */
  line-height: 1.0625; /* 36px */
  letter-spacing: 0.1em;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  text-indent: -0.0625rem;
}

.curtain-nav-2 a {
  font: normal 100% 'FFBauStdMedium', sans-serif;
  font-size: 3.84vmin; /* 14.4px */
  line-height: 1.4375; /* 27px */
  letter-spacing: 0.015em;
  display: block;
  text-decoration: none;
  padding-Left: inherit;
}

.curtain-nav-2 a:first-child {
  padding-top: 0.5em;
}

/* Close Icon - X */
.icon-close-container {
  font-family: 'FFBauStdRegular';
  font-size: 17.33vmin; /* 65px */
} 



/* ************** [ Tables ] ************** */

table {
  font-size: 0.9375rem;  /* 15px */
  text-align: left;
  font-variant-numeric: tabular-nums;
}

td {
  font: normal 100% 'FFBauStdRegular', sans-serif;
  line-height: 1.03125;
  letter-spacing: 0.03em;
}

th {
  font: normal 100% 'FFBauStdMedium', sans-serif;
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: 0.03em;
}

/* divided in 13 units, 1 unit = 7.6923076% */
td.Letter {
  width: 7.6923076%;
  padding-left: 0;
}

th.size {
  width: 30.76923%; /* 23.076922% */
  font-variant-numeric: lining-nums tabular-nums;
}

.size {
  font-feature-settings: "kern" , "liga" , "clig", "calt", "lnum", "tnum";
}

@supports (font-variant-numeric: lining-nums proportional-nums) {
  .size {
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: normal;
  }
}

th.size,
td.label,
td.image,
td.dim,
td.price,
td.edition {
 width: 30.76923%;
}

td.edition {
  padding: 0.625em 0; /* 10px */
}



/* ************** [ Footer ] ************** */

p.foot {
  color: rgb(84, 84, 84);
}

p.foot {
  font: normal 100% FFBauStdRegular, sans-serif;
  font-size: 0.8rem; /* 14.4px */
  line-height: 1.375; /* 22px */
  letter-spacing: 0.015em;
  text-align: left;
  padding: 0 0.9375em 2vh 0.9375em; /* 20px / 16px = 1.25em */
}





/*  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
When the width of the screen is more than 736 pixels, change to TABLET layout
— —
Type Scale: 8.19 10.24 12.8 *16* 20 25 31.25 39.06 48.83 61.04 76.29
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */

@media (min-width: 46rem) { /* 736px / 16px = 46 */
   #side-nav {
    display: block;
  }
  
  p,
  p.body-text,
  p.body-text-description {
    font-size: 2.04vmin; /* 15px */
  }
  
  p,
  p.body-text,
  p.body-text:first-child,
  p.body-text-description,
  p.body-text-description:first-child {
    padding-left: 0;
  }
  
  p.body-text-space-after {
    margin-bottom: 29.89vmin; /* 220px */
  }
  
  p.body-text:first-child,
  p.body-text-description:first-child,
  h1:first-child {
    padding-top: 8.8125vmin;
  }
  
  p.body-text-description:last-child {
    padding-bottom: 4vh;
  }
  
  h1 {
    font-size: 2.72vmin; /* 20px */
    padding: 2.99vmin 2.04vmin 1.12vmin 2.04vmin; /* (sb) 22px | 15px | (sa) 8.25px */
  }
  
  h1,
  h1:first-child {
    padding-left: 0;
  }
  
  a.faculty {
    font-size: 2.04vmin; /* 15px */
  }
  
  p.caption {
    font-size: 1.74vmin; /* 12.8px */
  }
  
  p.captionID {
    font-size: 1.39vmin; /* 10.24px */
  }
  
  p.caption,
  p.captionID,
  p.foot,
  .large-nav a,
  .large-nav-2 a {
    padding-left: 0;
  }
  
  .large-nav a {
    font-size: 8.29vmin; /* 61.04px */
  }
  
  .large-nav-2 a {
    font-size: 2.72vmin; /* 20px */
    line-height: 1.3209393; /* 29.91px */
  }
  
  .side-nav a {
    font-size: 2.31vmin; /* 17px */
  }
  
  .side-nav-2 a {
    font-size: 1.96vmin; /* 14.4px */
  }
  
  th.size {
   font-variant-numeric: lining-nums tabular-nums;
  }

  td.edition {
   padding: 1.36vmin 0; /* 10px */
  }
} /* E N D !! @media (min-width: 37.5em) */





/*  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
When the width of the screen is more than 1024 pixels, change to DESKTOP layout 
— —
Type Scale: 8.19 10.24 12.8 *16* 20 25 31.25 39.06 48.83 61.04 76.29
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */
@media (min-width: 64rem) { /* 1024px / 16px = 64 */
   #side-nav {
    display: block;
  }
  
  h1 {
    font-size: 1.25rem; /* 20px/16px= 1.25 */
    padding: 1.375rem 0 0.515625rem 0; /* (sb) 22px | (sa) 8.25px */
  }
  
  p,
  p.body-text,
  p.body-text-description {
    font-size: 1rem; /* 16px */
  }
  
  p.body-text:first-child,
  p.body-text-description:first-child,
  h1:first-child  {
    padding-top: 4.2125rem; /* 127px + 46px / 16px = 10.8125 */
  }
  
  p.body-text-description,
  p.body-text-description:last-child {
    padding-top: 0;
    padding-bottom: 1rem; 
  }
  
  p.body-text-space-after {
    margin-bottom: 13.75rem; /* 220px/16px= 13.75 */
  }
  
  a.faculty {
    font-size: 1rem; /* 16px */
  }
  
  p.caption {
    font-size: 0.8rem; /* 12.8px/16px= 0.8 */
  }
  
  p.captionID {
    font-size: 0.64rem; /* 10.24px/16px= 0.64 */
  }
  
  .large-nav a {
    font-size: 4.768125rem; /* 76.29px/16px= 3.815 */
  }
  
  .large-nav-2 a {
    font-size: 1.25rem; /* 20px/16px= 1.25 */
  }
  
  .side-nav a {
    font-size: 1.125rem; /* 18px/16px= 1.125 */
  }
  
  .side-nav-2 a {
    font-size: 0.9rem; /* 14.4px/16px= 0.9 */
  }
  }

  th.size,
  td.label,
  td.image,
  td.dim,
  td.price,
  td.edition {
   width: 30.76923%;
  }

  td.edition {
   padding: 0.625em 0;
  }

} /* E N D !! @media (min-width: 67.5em) */