:root {
  --bs-primary-rgb: 161, 96, 54;
  --bs-secondary-rgb: 173, 139, 75;
  --color-background: #f5e9d3;
  --color-text-dark: #274231;
  --color-surface: #ffffff;
  --color-border: #e6e1db;
  --bs-body-font-family: "Josefin Sans", sans-serif;
  --bs-body-color: var(--color-text-dark);
  --bs-body-bg: var(--color-background);
  --bs-bg-dark-color: #78380e;
}

.btn-primary {
  --bs-btn-bg: #a16036;
  --bs-btn-border-color: #a16036;
  --bs-btn-hover-bg: #8a522d;
  --bs-btn-hover-border-color: #8a522d;
  --bs-btn-active-bg: #734525;
  --bs-btn-active-border-color: #734525;
  --bs-btn-font-weight: 700;
  letter-spacing: 0.05rem;
}

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.bg-dark {
  background-color: var(--bs-bg-dark-color) !important;
}
.bg-golden-sand {
  background-color: #f5e9d3 !important;
}
.text-primary {
  color: #a16036 !important;
}

.text-secondary {
  color: #ad8b4b !important;
}

.text-dark-custom {
  color: var(--color-text-dark) !important;
}

.bg-dark-custom {
  background-color: var(--color-text-dark) !important;
}

.border-custom {
  border-color: var(--color-border) !important;
}

.hero {
  position: relative;
  min-height: 80vh;
  background: linear-gradient(rgba(39, 66, 49, 0.5), rgba(39, 66, 49, 0.8)),
    url("https://lh3.googleusercontent.com/aida-public/AB6AXuBGweBAS6k6LdUsEPzJ47D1eTc-Sa-Bz3Z-phw74jEPPv-KMQMcL6iSp90HivemgBaRYmW3ZfvVDeTavkCfHKRIfchHM3072afwRf6LSzDUN1jldmUjY-0O5Z3vbtLB6lSGIvUqDTlEHje1AxC7faqEniam2Rmtz9qi6sGlkc2jzbu5aQ9GkJbxgL3mxwsgianCzD25KCJzF8V-wIyrtjjtPkHhG74G3mnKEqh8xV-NdgS1rU2kxdZasRSIhTmgfspcMiFPZDKbrUY")
      center/cover no-repeat;
  color: white;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

.hero p {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.countdown-box {
  background-color: rgba(245, 233, 211, 0.2);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.nav-link {
  transition: color 0.3s;
}

.nav-link:hover {
  color: #a16036 !important;
}

.card {
  transition: background-color 0.3s;
}

.list-group-item-action:hover {
  background-color: rgba(245, 233, 211, 0.5) !important;
}

body {
  scroll-behavior: smooth;
}

main {
  scroll-margin-top: 70px;
}

section {
  scroll-margin-top: 80px;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.hero-section {
  background-image: linear-gradient(
    to right top,
    #824d2a,
    #a16036,
    #9c5527,
    #a16036,
    #583f2e
  );
  padding: 65px 0;
}

.hero-block {
  /* border: solid 12px #fff5f5;
  border-top-color: #ff7a00;
  border-bottom-color: #97958a; */
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  padding: 35px;
  border-radius: 0 100px;
  font-size: 1.25em;
}

.hero-block h2 {
  font-size: 2.5em;
  margin-bottom: 25px;

  background: linear-gradient(90deg, #f3970a 9%, #ffc81df7 20%, #fff3cd 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.award-categories {
  padding: 25px 0;
}

h2 {
  font-size: 2.74em;
  margin: 0;
  padding: 0;
}

.accordion-button {
  background-color: #ebc0a4 !important;
  border-bottom: solid 1px #dd6c21;
  font-size: 0.4em;
  font-weight: 700;
  color: #213a34;
}
.accordion-item:last-child .accordion-button {
  border: none;
}

.award-categories li {
  border-bottom: dashed 1px #625353;
  padding: 25px 0;
}
.award-categories li:last-child {
  border: none;
  padding-bottom: 0;
}
.award-categories .cat-header {
  font-size: 1.25em;
  font-weight: 700;
}

.judging-criteria {
  background-image: url("images/bg-pattern.jpg");
}

.judging-criteria-items li {
  width: 40%;
  background-color: #e6c382;
  margin: 10px;
  padding: 35px 15px;
  text-align: center;
  color: #000 !important;
}

.judging-criteria-items li h3 {
  font-weight: 700;
  color: #aa4604 !important;
  font-size: 1.75em;
}

.judging-criteria-items img {
  max-width: 80px;
  margin-bottom: 25px;
}

.eligibility-criteria ul {
  margin: 45px 0;
}
.eligibility-criteria li {
  width: 50%;
  font-size: 1.25em;
  text-align: left;
  margin-bottom: 15px;
  color: #ab280c;
}

section {
  padding: 45px 0;
}

.block-item {
}

.block-item li {
  margin: 5px;
}
.block-item li span {
  font-size: 0.85em;
}

.guideline-item li,
.guideline-item p {
  color: #eea724;
}

.guideline-block {
  background-color: #f5e9d3 !important;
  color: #5d2704;
}

.guideline-block-item {
  border-bottom: dashed 2px #dc864b;
  padding-bottom: 15px !important;
}

.guideline-block-item:last-child {
  border: none;
}

.eligibility-submission-wrap li {
  font-weight: 500;
  color: #000;
  margin-bottom: 8px;
}

.contact-wrap {
  padding: 65px 0 5px;
}

.contact-wrap li {
  font-size: 1.5em;
  background-color: #a16036;
}

.banner-section {
  margin: 0;
  padding: 0;
}