/* Custom theme variables overriding Bootstrap 5 defaults */
:root, [data-bs-theme="light"] {
  /* Core Palette Overrides */
  --bs-primary: #4B2E1E;         /* Walnut/Kauri Dark Wood */
  --bs-primary-rgb: 75, 46, 30;
  
  --bs-secondary: #A66038;       /* Rimu Warm Amber */
  --bs-secondary-rgb: 166, 96, 56;
  
  --bs-success: #1A4329;         /* New Zealand Jade Green */
  --bs-success-rgb: 26, 67, 41;
  
  --bs-warning: #D4A35B;         /* Honey Beeswax / Gold Resin */
  --bs-warning-rgb: 212, 163, 91;
  
  /* Layout & Typography Backgrounds */
  --bs-body-bg: #FAF6F0;         /* Linden wood raw canvas background */
  --bs-body-color: #251810;      /* Deep burnt wood color for text */
  
  /* Link Color Adaptations */
  --bs-link-color: #A66038;
  --bs-link-hover-color: #4B2E1E;


}

/* Hide your active theme's native mobile menu button wrapper */
.navbar-toggler { 
    display: none !important; 
}

/* Drupal Specific Component Adjustments */
.navbar-primary, 
.region-navigation {
  background-color: var(--bs-primary) !important;
  color: #FAF6F0;
}

.navbar-primary .nav-link,
.region-navigation a {
  color: #FAF6F0 !important;
}

.navbar-primary .nav-link:hover {
  color: var(--bs-warning) !important;
}

/* Enhancing Blocks and Cards to feel organic */
.card, .iblock-system {
  background-color: #ffffff;
  border: 1px solid #E6DDD3;
  border-radius: 4px; /* Crisp, handcrafted look */
}
/* Custom Fixes for Drupal Bootstrap 5 Global Header */

/* 1. Header Container & Wrapper Structural Layout */
header,
.site-header,
#header {
  background-color: var(--bs-primary) !important; /* Forces Dark Walnut */
  padding: 1rem 0;
  border-bottom: 3px solid var(--bs-secondary); /* Accent Wood Trim */
}

/* 2. Brand Identity & Typography */
header a.site-logo,
header .site-name a,
header h1.title {
  color: var(--bs-body-bg) !important; /* White/Sapwood contrast */
  text-decoration: none;
  font-weight: 700;
}

/* 3. Main Navigation Items (Drupal Menu Blocks inside Bootstrap) */
header .nav-link,
header .navbar-nav .nav-link {
  color: rgba(250, 246, 240, 0.85) !important; /* Soft sapwood white */
  font-weight: 500;
  padding: 0.5rem 1rem;
  transition: color 0.2s ease-in-out;
}

/* Hover & Active States */
header .nav-link:hover,
header .nav-link:focus,
header .navbar-nav .nav-item.active .nav-link,
header .navbar-nav .show > .nav-link {
  color: var(--bs-warning) !important; /* Honey Gold Glow on hover */
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

/* 4. Bootstrap Dropdown Menus Fix (if your menu has children) */
header .dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #E6DDD3;
  box-shadow: 0 4px 12px rgba(37, 24, 16, 0.1);
}

header .dropdown-item {
  color: var(--bs-body-color) !important; /* Dark text for light dropdown */
}

header .dropdown-item:hover {
  background-color: var(--bs-body-bg);
  color: var(--bs-primary) !important;
}

/* 5. Clean up Drupal's contextual/admin links inside the header */
header .contextual {
  z-index: 100;
}


/* Fix for logged-in admin users to prevent the Drupal Admin Toolbar from hiding the header */
body.toolbar-horizontal .dialog-off-canvas-main-canvas > .container:first-of-type {
  top: 39px;
}
body.toolbar-tray-open.toolbar-horizontal .dialog-off-canvas-main-canvas > .container:first-of-type {
  top: 79px;
}

/* Target the individual grid items */
.entbycat-col {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 6px; /* Optional: smooths out the corners slightly */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02); /* Optional: adds a very soft depth */
    transition: border-color 0.2s ease;
    padding: 15px;
}

/* Optional: Slight lift effect when hovering over an item */
.entbycat-col:hover {
    border-color: rgba(0, 0, 0, 0.25) !important;
}

.views-field-field-placing {
	float: right;
	font-size: small;
	font-style: oblique;
	font-weight: bold;
}

.views-field-nid {
	font-size: small;
}

.views-field-title {
	font-size: larger;
	font-weight: lighter;
}

.views-field-field-picture1 {
	display: flex;
	justify-content: center;
}

.path-artists .artist-list {
	background-color: white;
	padding-bottom: 20px;
	padding-left: 20px;
}

.sponsor-page-987 .views-field,
.path-judges .judge-row {
	background-color: white;
}

.views-field-field-portaitphoto,
.views-field-field-judgeswork {
	float:left;
	padding: 10px;
}

.path-judges .views-field-body {
	float: left;
	width: 50%;
}


/* Make the header sticky */
header, .navbar {
  position: fixed; /* or position: sticky; */
  top: 0px;
  width: 100%;
  z-index: 500;
  background-color: #ffffff; /* Ensures text behind doesn't bleed through */
  transition: all 0.3s ease;
}

/* Push down main body content so it doesn't get hidden behind the fixed header */
body {
  padding-top: 140px; /* Adjust this value depending on your large logo height */
}

/* Scrolled style: resets logo to original size and optionally shrinks header padding */
header.scrolled, .navbar.scrolled {
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* Adds clean depth when active */
}

header.scrolled .navbar-brand img, header.scrolled .header-logo {
  transform: scale(1.0); /* Returns to native size on scroll */
}

.tbm-nav,
.tbm-submenu,
.tbm-link {
        color: #ff0000;
        background-color: #ece5d4;
}

.tbm-submenu-toggle {
        color: brown;
        background-color: #ece5d4;
}

.tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
	display: block;
    /* 1. Set the maximum height dynamically relative to the viewport height */
    max-height: calc(100vh - 130px); /* 80px is an estimate of your header height */

    /* 2. Force vertical scrolling when the links exceed max-height */
    overflow-y: auto !important;

    /* 3. Smooth momentum scrolling for iOS/Safari mobile devices */
    -webkit-overflow-scrolling: touch;
}
  /* 1. Target Drupal Site Branding Block Logo & Force 120x120px */
.block-system-branding-block .site-logo img,
.navbar-brand img,
header img[alt*="Home"] {
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
    object-fit: contain;
    position: fixed;
    top: 5px;
}

.navbar-brand a.site-title {
	margin-left: 130px;
}

/* 2. Push the Bootstrap 5 Navigation Menu 130px to the right */
/* Shifts via margin injection to respect Bootstrap's flexbox alignment */
.block-tb-megamenu {
    margin-left: 130px !important;
}

/* 3. Stack Site Title/Slogan above the menu and lock header container size */
.block-system-branding-block {
	height: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

/* Lock header size to standard height to prevent expanding layout */
header.navbar,
.header-wrapper,
#header {
    max-height: 140px; /* Force strict height */
    overflow: visible; /* Prevents text clipping while ensuring boundary constraint */
}

.sponsor-row {
	align-items:center;
	justify-content:center;
	text-align: center;
	row-gap: 20px;
	col-gap: 10px;
}