/* Legacy Punla Styles */

:root {
  --bs-body-bg: #f6f0e4;
  --bs-irri-rgb: #216438;
  --bs-irri-hover: #19512c;
}

body {
  min-height: 100vh;
}

img.card-img-top {
  object-fit: cover;
}

.color-irri {
  color: var(--bs-irri-rgb);
}

.bg-irri {
  background-color: var(--bs-irri-rgb) !important;
}

.btn-irri {
  --bs-btn-color: #fff;
  --bs-btn-bg: #216438;
  --bs-btn-border-color: #216438;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #19512c;
  --bs-btn-hover-border-color: #164a28;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #164a28;
  --bs-btn-active-border-color: #144424;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #216438;
  --bs-btn-disabled-border-color: #216438;
}

.btn-outline-irri {
  --bs-btn-color: #216438;
  --bs-btn-border-color: #216438;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #216438;
  --bs-btn-hover-border-color: #216438;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #216438;
  --bs-btn-active-border-color: #216438;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #216438;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #216438;
  --bs-gradient: none;
}

.text-irri {
  --bs-text-opacity: 1;
  color: var(--bs-irri-rgb) !important;
}

/* New SPECTRA styles */

:root {
  --bs-body-font-size: 1.15rem;
}

#vg-tooltip-element {
  font-family: 'Karla', var(--bs-body-font-family);
  font-size: 0.8em;
}

#vg-tooltip-element table tr td.key {
  color: var(--bs-irri-rgb);
}

body {
  font-family: 'Georgia', var(--bs-body-font-family);
}

/*.serif {
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
*/
.brand {
  align-items: center;
  gap: 10px;
  min-width: 220px;
  display: flex;
}
.brand-mark {
  /*background: var(--forest);
  color: #fff;
  border-radius: 50% 50% 50% 8px;
  place-items: center;
  width: 38px;*/
  height: 38px;
  font-family: Georgia, serif;
  font-size: 22px;
  display: grid;
}
.brand-mark img {
  height: 38px;       /* Forces the image to exactly this height */
  width: auto;         /* Automatically adjusts width to maintain aspect ratio */
  object-fit: contain; /* Prevents stretching if width constraints are also applied */
}
.brand-wordmark {
  height: 38px;
  font-family: Arial, Helvetica, sans-serif;
}
.brand b {
  letter-spacing: 0.12em;
  font-size: 14px;
  display: block;
}
.brand small {
  color: var(--muted);
  font-size: 10px;
  position: relative;
  top: -16px;
}
.navbar {
  --bs-navbar-brand-color: var(--bs-irri-rgb);
  --bs-navbar-brand-hover-color: var(--bs-irri-hover);
  --bs-navbar-active-color: var(--bs-irri-rgb);
  --bs-navbar-brand-font-size: 1.85rem;
  background-color: #fffdf7ed;
  backdrop-filter: blur(18px);
  /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
}

.navbar-nav {
  --bs-nav-link-color: #000;
  --bs-nav-link-hover-color: var(--bs-irri-rgb);
}

.lockup-img { 
  height: 1em;
  vertical-align: text-top;
}

.img-constrain {
  width: 100%;
  height: 100%;
  min-height: 17rem;
  object-fit: cover;
  border-top-left-radius: var(--bs-border-radius);
}

@media (max-width: 767px) {
  .img-constrain{
    border-top-right-radius: var(--bs-border-radius);
  }
}

@media (min-width: 768px) {
  .img-constrain{
    border-bottom-left-radius: var(--bs-border-radius);
  }
}

.cover-right {
  object-position: right;
}

.card-text {
  font-size: calc(var(--bs-body-font-size) * 1.2);
}

.card-link {
  display: block;
  color: var(--bs-irri-rgb);
  text-decoration: none;
  font-size: calc(var(--bs-body-font-size) * 1.25);
}

.card-link + .card-link {
  margin-left: unset;
}

.card-link:hover {
  color: var(--bs-irri-hover);
}

.card-link::after {
  content: "\F285";
  font-family: bootstrap-icons;
  font-size: 1.15rem;
  vertical-align: text-top;
  padding: 0.15rem;
}

.form-select-sm {
  font-size: 1rem;
}