/* LA Parrot: jungle greens, bark brown, stone grey and sun yellow. */
:root {
  --jungle-deep: #102c20;
  --jungle-green: #28603b;
  --jungle-leaf: #397d46;
  --jungle-brown: #735239;
  --jungle-yellow: #efd05a;
  --jungle-stone: #eef0e9;
  --bs-primary: #28603b;
  --bs-primary-rgb: 40, 96, 59;
  --bs-link-color: #28603b;
  --bs-link-color-rgb: 40, 96, 59;
  --bs-link-hover-color: #735239;
  --bs-link-hover-color-rgb: 115, 82, 57;
  --bs-body-color: #424b44;
  --bs-body-bg: #f4f5ef;
  --bs-border-color: #d2d9cd;
  --bs-tertiary-bg: #eef0e9;
  --bs-focus-ring-color: rgba(57, 125, 70, .28);
}
body { background: var(--bs-body-bg); color: var(--bs-body-color); }
h1, h2, h3, h4, h5, h6 { color: var(--jungle-deep); }
a { color: var(--jungle-green); }
a:hover { color: var(--jungle-brown); }
/* Keep the compact footer in normal flow, without the default empty space. */
#container { position: relative; min-height: 100vh; margin-bottom: 0; display: flex; flex-direction: column; }
main { flex: 1; }
#content, #column-left, #column-right { padding-bottom: 48px; }
#top { background: var(--jungle-deep); border-bottom: 1px solid #36513e; margin-bottom: 0; padding-bottom: 0; }
#top .list-inline-item > a,
#top .list-inline-item .dropdown > a,
#top .list-inline-item .dropdown > span { color: #e0e7da; font-size: 12px; }
#top .list-inline-item > a:hover,
#top .list-inline-item .dropdown > span:hover { color: var(--jungle-yellow); }
#top .list-inline-item { margin-left: 12px; }
header { background: #091c13; padding: 24px 0; border-bottom: 4px solid var(--jungle-brown); }
header > .container > .row { align-items: center; }
#logo { margin: 0; }
#logo img { width: 100%; max-width: 355px; height: auto; }
header .input-group { margin-bottom: 0 !important; }
header .form-control { background: #fafbf7; min-height: 46px; border-color: #bbc6b2; }
header .input-group > .btn { background: var(--jungle-yellow); color: var(--jungle-deep); border-color: var(--jungle-yellow); text-shadow: none; }
header .input-group > .btn:hover { background: #ffe27a; border-color: #ffe27a; }
#cart { margin-bottom: 0 !important; }
#cart > .dropdown > .btn { background: var(--jungle-green); border: 1px solid #719362; color: #fff; text-shadow: none; padding: 14px 16px; }
#cart > .dropdown > .btn:hover { background: var(--jungle-leaf); }
#cart > .dropdown > .btn i { color: var(--jungle-yellow); }
#cart .dropdown-menu { background: #fff; }
#menu { background: var(--jungle-green) !important; background-image: none; border: 0; border-bottom: 3px solid var(--jungle-yellow); border-radius: 0 0 8px 8px; margin-bottom: 28px; padding: 4px 12px; }
#menu .navbar-nav > li > a { color: #fff; font-weight: 600; text-shadow: none; }
#menu .navbar-nav > li > a:hover,
#menu .navbar-nav > li > a:focus { background: #194b2d; color: var(--jungle-yellow); }
.dropdown-menu { --bs-dropdown-link-active-bg: #28603b; --bs-dropdown-link-hover-bg: #eef0e9; --bs-dropdown-link-hover-color: #102c20; }
.carousel { border: 1px solid #c9d2c1; border-radius: 10px; background: #fff; overflow: hidden; box-shadow: 0 6px 20px rgba(16,44,32,.08); margin-bottom: 28px; }
.carousel-indicators [data-bs-target] { background-color: var(--jungle-green); }
.carousel-control-prev, .carousel-control-next { color: var(--jungle-deep); }
.carousel-control-prev:hover, .carousel-control-next:hover { color: var(--jungle-brown); }
#content > h3 { border-left: 5px solid var(--jungle-yellow); padding-left: 12px; margin: 28px 0 20px; font-weight: 700; }
.product-thumb, .blog-thumb { background: #fff; border-color: #d1d9cb; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 12px rgba(16,44,32,.04); }
.product-thumb:hover { border-color: #7f9b6f; box-shadow: 0 6px 18px rgba(16,44,32,.1); }
.product-thumb .image { background: #fff; }
.product-thumb h4 a { color: var(--jungle-green); text-decoration: none; }
.product-thumb h4 a:hover { color: var(--jungle-brown); }
.product-thumb .description { padding: 18px; }
.price, .price-new { color: var(--jungle-brown); }
.price-tax { color: #657064; }
.product-thumb .button button { background: var(--jungle-stone); color: #52604f; border-color: #d1d9cb; line-height: 44px; }
.product-thumb .button button:first-child { background: var(--jungle-green); color: #fff; }
.product-thumb .button button:hover { background: var(--jungle-yellow); color: var(--jungle-deep); }
.btn-primary {
  --bs-btn-bg: #28603b; --bs-btn-border-color: #28603b;
  --bs-btn-hover-bg: #194b2d; --bs-btn-hover-border-color: #194b2d;
  --bs-btn-active-bg: #102c20; --bs-btn-active-border-color: #102c20;
  --bs-btn-disabled-bg: #28603b; --bs-btn-disabled-border-color: #28603b;
  --bs-btn-focus-shadow-rgb: 57, 125, 70;
  background-image: none;
}
.btn-light { --bs-btn-bg: #eef0e9; --bs-btn-border-color: #d2d9cd; --bs-btn-hover-bg: #e0e5d9; --bs-btn-hover-border-color: #bac7b0; }
.btn-outline-primary { --bs-btn-color: #28603b; --bs-btn-border-color: #28603b; --bs-btn-hover-bg: #28603b; --bs-btn-hover-border-color: #28603b; --bs-btn-active-bg: #194b2d; --bs-btn-active-border-color: #194b2d; }
.form-control:focus, .form-select:focus { border-color: #73965b; box-shadow: 0 0 0 .2rem rgba(57,125,70,.18); }
.form-check-input:checked { background-color: var(--jungle-green); border-color: var(--jungle-green); }
.form-check-input:focus { border-color: #73965b; box-shadow: 0 0 0 .2rem rgba(57,125,70,.18); }
.page-link { color: var(--jungle-green); }
.pagination { --bs-pagination-active-bg: #28603b; --bs-pagination-active-border-color: #28603b; --bs-pagination-hover-color: #102c20; --bs-pagination-focus-color: #102c20; --bs-pagination-focus-box-shadow: 0 0 0 .2rem rgba(57,125,70,.18); }
.nav-tabs { --bs-nav-link-color: #28603b; --bs-nav-link-hover-color: #735239; }
.list-group { --bs-list-group-active-bg: #28603b; --bs-list-group-active-border-color: #28603b; }
.breadcrumb { background: #e9ede3; border-color: #d2d9cd; }
footer { position: static; margin-top: auto; padding-top: 26px; background: var(--jungle-deep); border: 0; border-top: 4px solid var(--jungle-brown); color: #d8e1d3; }
footer a { color: #e0e7da; }
footer a:hover { color: var(--jungle-yellow); }
footer a:focus-visible { color: var(--jungle-yellow); }
#cookie { background: var(--jungle-deep); }
a:focus-visible, button:focus-visible, [role="button"]:focus-visible { outline: 3px solid #b58a12 !important; outline-offset: 3px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  #logo { text-align: center; margin-bottom: 20px; }
}
@media (max-width: 767.98px) {
  header { padding: 18px 0; }
  #logo { margin-bottom: 20px; text-align: center; }
  #logo img { max-width: 340px; }
  header .input-group { margin-bottom: 14px !important; }
  #top .list-inline-item { margin-left: 8px; }
  #menu { margin-bottom: 20px; }
  footer nav ul { column-gap: 24px !important; row-gap: 16px !important; }
}