/* ========================================
   CREW OF AWESOMENESS BRANDING OVERRIDE
   Dark Green + Gold Color Scheme
   ======================================== */

:root {
  --coa-dark-green: #2D5016;
  --coa-forest-green: #3D6B1F;
  --coa-gold: #B89630;
  --coa-gold-light: #C9A743;
  --coa-dark-bg: #F8F8F8;
  --coa-dark-card: #FFFFFF;
}

/* Main Background */
body {
  background-color: var(--coa-dark-bg) !important;
  color: #2A2A2A !important;
}

#wrapper {
  background-color: var(--coa-dark-bg) !important;
}

/* Header */
#header {
  background-color: var(--coa-dark-green) !important;
  border-bottom: 1px solid var(--coa-gold) !important;
}

#header .logo {
  color: var(--coa-gold) !important;
}

#header .logo:hover {
  color: var(--coa-gold-light) !important;
}

/* Navigation Menu */
#menu {
  background-color: var(--coa-dark-card) !important;
  padding-top: 4rem !important;
}

#menu .inner {
  margin-top: 1.5rem !important;
}

#menu h2 {
  color: var(--coa-gold) !important;
  border-bottom-color: var(--coa-gold) !important;
}

#menu ul li a {
  color: #2A2A2A !important;
  border-top-color: rgba(212, 175, 55, 0.2) !important;
}

#menu ul li a:hover {
  color: var(--coa-gold) !important;
}

/* Page Headers */
#main h1, #main h2, #main h3 {
  color: var(--coa-gold) !important;
  margin-top: 2rem !important;
  margin-bottom: 1.5rem !important;
}

#main header {
  margin-bottom: 3rem !important;
}

#main header p {
  color: #666666 !important;
}

/* Buttons & Accents */
.button, input[type="submit"], input[type="button"] {
  background-color: var(--coa-dark-green) !important;
  border-color: var(--coa-gold) !important;
  color: var(--coa-gold) !important;
}

.button:hover, input[type="submit"]:hover, input[type="button"]:hover {
  background-color: var(--coa-forest-green) !important;
  border-color: var(--coa-gold-light) !important;
  color: var(--coa-gold-light) !important;
}

.button.special {
  background-color: var(--coa-gold) !important;
  color: var(--coa-dark-bg) !important;
}

.button.special:hover {
  background-color: var(--coa-gold-light) !important;
}

/* Accent Colors - Replace default pink */
a:hover {
  color: var(--coa-gold) !important;
  border-bottom-color: var(--coa-gold) !important;
}

.icon.style2:hover {
  color: var(--coa-gold) !important;
  border-color: var(--coa-gold) !important;
}

input:focus, textarea:focus, select:focus {
  border-bottom-color: var(--coa-gold) !important;
  box-shadow: inset 0 -1px 0 0 var(--coa-gold) !important;
}

input[type="radio"]:focus + label:before,
input[type="checkbox"]:focus + label:before {
  border-color: var(--coa-gold) !important;
  box-shadow: 0 0 0 1px var(--coa-gold) !important;
}

/* Footer */
#footer {
  background-color: transparent !important;
  border-top: 1px solid rgba(184, 150, 48, 0.15) !important;
  color: rgba(255,255,255,0.5) !important;
}

#footer .copyright li {
  border-left-color: rgba(212, 175, 55, 0.3) !important;
}

/* Tiles Overlay Colors */
.tiles article.style1 > .image:before { background-color: var(--coa-dark-green) !important; opacity: 0.85; }
.tiles article.style2 > .image:before { background-color: var(--coa-forest-green) !important; opacity: 0.85; }
.tiles article.style3 > .image:before { background-color: var(--coa-gold) !important; opacity: 0.85; }
.tiles article.style4 > .image:before { background-color: #4F7923 !important; opacity: 0.85; }
.tiles article.style5 > .image:before { background-color: #6A8D2E !important; opacity: 0.85; }
.tiles article.style6 > .image:before { background-color: #8AB339 !important; opacity: 0.85; }

/* Borders & Dividers */
hr {
  border-top-color: rgba(212, 175, 55, 0.2) !important;
}

/* Table Styling */
table tbody tr {
  border-color: rgba(212, 175, 55, 0.15) !important;
}

table tbody tr:nth-child(2n + 1) {
  background-color: rgba(45, 80, 22, 0.2) !important;
}

table th {
  color: var(--coa-gold) !important;
  border-bottom-color: var(--coa-gold) !important;
}