@font-face {
 font-family: 'Libre Bodoni';
 src: url('LibreBodoni-Italic-VariableFont_wght.ttf') format('truetype');
 font-style: italic;
 font-weight: 100 700;
}

@font-face {
 font-family: 'Libre Bodoni';
 src: url('LibreBodoni-VariableFont_wght.ttf') format('truetype');
 font-style: normal;
 font-weight: 100 700;
}

body {
  font-family: "Libre Bodoni", serif, 'Times New Roman', serif;
  letter-spacing: .1rem;
}

.header-title {
  color: #000;
  text-decoration-line: underline;
}


#fixed-top {
  border-bottom: 1px solid lightgray;
  background-color: #ffff;
}

#fixed-top > .container {
  height: 80px;
}

#fixed-footer {
  height: 60px;
  background-color: #ffff;
  border-top: 1px solid lightgray;
}

nav.footer ul {
  list-style: none;
  padding: 0;
}

nav.footer ul li {
  display: inline;
  margin-right: 20px;
}

nav.footer ul li a {
  text-decoration: none;
  color: #333;
}

ul.navbar-nav li {
  background: rgba(255,255,255,0.5);
}

.header {
  margin-top: 80px;
}

main {
  margin-bottom: 60px;
}

p.header-subtitle {
  margin-bottom: 0;
}

.right-nav-home a {
  text-decoration: none;
  color: black;
  padding-right: 0.2rem;
}

.homepage-image-container {
  width: 100%;
}

.homepage-image-container img {
  width: 100%;
  height: auto;
}

.image-placeholder {
  background-color: lightgray;
  max-height: 200px;
  max-width: 350px;
  height: 100%;
  width: 100%;
  min-height: 200px;
  min-width: 330px;
  border: 1px solid black;
  overflow-x: clip;
  align-content: center;
}

.product-container .col:has(> .artboard-image),
.product-container .col:has(> .marketing-texts)  {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Applies percentual mobile-ready styling to fit the parent container */
.product-container img {
  max-width: 100%;
  height: auto;
}

.product-container p, .gallery-description p {
  margin-bottom: 0;
}

.gallery-description p {
  font-size: .7em;
}

.product-container .quote {
  font-weight: bold;
  color: black;
}

.bold {
  font-weight: bold;
}

/* Playfair Display, Merriweather, Libre Baskerville, Cormorant Garamond, Crimson Text,    */
p.quote {
  font-size: 1.3em;
  position: relative;
  margin-left: 1em;
  letter-spacing: normal;
}

p.quote.quote-before::before {
  content: '“';
  font-size: 2em;
  position: absolute;
  left: -.5em;
  top: -.5em;
}

.about .col p {
  margin-bottom: 0;
}

p.no-mb {
  margin-bottom: 0;
}