@font-face {
  font-family: LibreBaskervilleRegular;
  src: url("../fonts/LibreBaskerville-Regular.ttf");
}

@font-face {
  font-family: LibreBaskervilleItalic;
  src: url("../fonts/LibreBaskerville-Italic.ttf");
}

@font-face {
  font-family: LibreBaskervilleBold;
  src: url("../fonts/LibreBaskerville-Bold.ttf");
}

@font-face {
  font-family: TavirajRegular;
  src: url("../fonts/Taviraj-Regular.ttf");
}

/* @font-face {
  font-family: TavirajItalic;
  src: url("../fonts/Taviraj-Italic.ttf");
}

@font-face {
  font-family: TavirajBold;
  src: url("../fonts/Taviraj-Bold.ttf");
} */

:root {
  --pale-chestnut: #d2aab5;
  --dark-olive: #fefae0;
  --burgundy: #7d0034;
  --chocolate-brown: #43000f;
  --english-lavender: #b47c8b;
  --rose-garnet: #a80147;
  --substack: #fafafa;
  --dark-olive: #5f6f52;
  --laurel-green: #a9b388;
}

* { 
  box-sizing: border-box;
  font-family: LibreBaskervilleRegular, Verdana, sans-serif;
}

body { 
  /* padding-top: 80px;  */
  background-image: url("../images/common/background_tile.jpg");
  background-repeat: repeat-x;
	background-attachment: fixed;
  /* background-color: #fff9d4 !important; */
  color: #152c1a;
}

p.text {
  font-size: 18px;
}

.hx-center {
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 0px;
}

.content {
  margin-left: 17%;
  padding: 20px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .content {
    margin-left: 0; /* Remove the left margin to allow full-width content */
  }
}

.height-100vh {
  min-height: 100vh;
}

.content-index {
  margin-left: 17%;
  position: relative;
  z-index: 1;
}

.text-color-light-pink {
  color: var(--pale-chestnut);
}

.text-color-red {
  color: var(--rose-garnet);
}

.text-color-dark-red {
  color: var(--burgundy);
}

.text-color-light-yellow {
  color: var(--cornsilk);
}

.text-color-dark-brown {
  color: var(--chocolate-brown);
}

.text-color-dark-olive {
  color: var(--dark-olive);
}

.bold {
  font-family: LibreBaskervilleBold;
}

.italic-w200 {
  font-family: LibreBaskervilleItalic;
  font-weight: 200;
}

.italic-w400 {
  font-family: LibreBaskervilleItalic;
  font-weight: 400;
}

.email-link {
  text-decoration: none;
  display: inline-block;
  color: var(--laurel-green);
}

/* HOVERS */

.email-link:hover,
.nav-link:hover {
  color: var(--laurel-green);
}


/* NEWSLETTER FORM */

.button-quick-link {
  display: block;
  width: 70%;
  margin: 50px auto;
  padding: 20px;
  align-items: center;
  /* text-transform: uppercase; */
  font-size: 22px;
}

.button-subscribe, .button-subscribe:focus {
  font-weight: bold;
  color: var(--substack);
  background-color: var(--laurel-green);
  border-color: var(--laurel-green);
}

.button-subscribe:hover {
  font-weight: bold;
  color: var(--substack);
  background-color: var(--dark-olive);
  border-color: var(--dark-olive);
}

.form-input, .form-input:focus {
  background-color: var(--substack);
}

.form-input-70 {
  width: 70%;
  margin: 0px auto;
}

/* IMAGES */

.image-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  width: 100%;
}

.image-link {
  /* margin: 40px; */
  text-decoration: none;
  /* display: inline-flex; */
}

.image-thumb {
  /* max-width: 300px; */
  object-fit: cover;
}

.image-link > img {
  width: 100%; 
  /* box-shadow: 9px 9px 10px -1px rgba(0, 0, 0, 0.4); */
  cursor: zoom-in;
  transition: 0.3s;
}

.image-link > img:hover {
  opacity: 0.7;
}

.image-main {
  width: 70%;
  margin: 0px auto;
  /* box-shadow: 7px 7px 11px -2px rgba(0, 0, 0, 0.4); */
}

/* LIGHTBOX2 customization */

.lightboxOverlay {
  /* background-color: #fff9d4; */
  background-image: url("../images/common/background_tile.jpg");
  background-repeat: repeat-x;
	background-attachment: fixed;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1020;
  margin-left: 17%;
  width: 83%;
}

.lightbox {
  position: absolute;
  z-index: 1060;
  margin-left: 17%;
  width: 83%;
}

/* .lightbox * {
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
} */

.lb-data .lb-caption {
  font-size: 16px;
  color: #152c1a;
}

.lb-image {
  max-width: fit-content;
}

@media (max-width: 870px) {
  .lightboxOverlay {
    background-image: url("../images/common/background_tile.jpg");
    background-repeat: repeat-x;
		background-attachment: fixed;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1020;
    margin: auto;
  }
  .lightbox {
    position: absolute;
    z-index: 1060;
    margin: auto;
  }
}

/* GALLERY / GRID */

.above-grid {
    margin: auto 20%;
		text-align: center;
}

.grid {
  /* display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px; */
  margin: auto 10%;

  column-count: 3;
  column-gap: 2%;
  column-width: 22%;
  row-gap: 20px;
}

.grid div {
  margin-bottom: 15px;
}

@media (max-width: 870px) {
  .grid {
    margin: auto 2%;
    column-count: 2;
    column-gap: 4%;
    column-width: 45%;
  }
}