/*=====================================================
  HOME TOP NAVIGATION
=====================================================*/

.home_top_nav
{
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

  gap: 1rem;

  margin: 0 0 1.5rem 0;

  padding: .9rem;

  background: #f8f2e6;

  border-top: 3px solid #b8860b;
  border-bottom: 3px solid #b8860b;

  border-radius: 12px;

  box-shadow:
    0 2px 4px rgba(0,0,0,.10),
    0 4px 12px rgba(0,0,0,.08);
}

.home_top_nav_button a
{
  display: block;

  padding: .55rem 1rem;

  background: #174b2b;

  color: #ffffff;

  text-decoration: none;

  font-weight: bold;

  font-size: clamp(.95rem,1.1vw,1.2rem);

  border-radius: 999px;

  border: 2px solid #b8860b;
}

.home_top_nav_button a:hover
{
  background: #b8860b;
  color: #ffffff;
}

/*=====================================================
  MAIN HOME PAGE LAYOUT
=====================================================*/

.home_layout
{
  display: flex;

  align-items: flex-start;

  gap: 1.5rem;

  width: 100%;
}

.home_info_panel
{
  flex: 0 0 300px;

  background: #ffffff;

  border-radius: 14px;

  padding: 1rem;

  box-shadow:
    0 5px 15px rgba(0,0,0,.12);
}

.home_event_area
{
  flex: 1;

  min-width: 0;
}

/*=====================================================
  COUNTDOWN
=====================================================*/

.countdown_box
{
  background: linear-gradient(180deg,#145214,#1d6a1d);

  border-radius: 12px;

  color: #ffffff;

  padding: 1rem;

  margin-bottom: 1rem;
}

.countdown_item
{
  text-align: center;

  margin-bottom: 1rem;
}

.countdown_item:last-child
{
  margin-bottom: 0;
}

.countdown_number
{
  display: block;

  font-size: clamp(2rem,3vw,4rem);

  font-weight: bold;

  color: #f4d06f;
}

.countdown_label
{
  display: block;

  font-size: clamp(.9rem,1.1vw,1.2rem);
}

/*=====================================================
  BUTTONS
=====================================================*/

.home_action_links
{
  display: flex;

  flex-direction: column;

  gap: .7rem;

  margin-bottom: 1rem;
}

.home_action_links a
{
  display: block;

  background: #145214;

  color: #ffffff;

  text-decoration: none;

  text-align: center;

  padding: .8rem;

  border-radius: 8px;

  font-weight: bold;
}

.home_action_links a:hover
{
  background: #b8860b;
}

/*=====================================================
  INFO TEXT
=====================================================*/

.home_info_text
{
  font-size: clamp(.95rem,1vw,1.15rem);

  line-height: 1.5;
}

/*=====================================================
  VOLUNTEER THANK YOU
=====================================================*/

.volunteer_thanks
{
  margin-top: 2rem;

  background: #ffffff;

  border-left: 8px solid #b8860b;

  padding: 1.25rem;

  border-radius: 12px;

  box-shadow:
    0 5px 15px rgba(0,0,0,.10);

  font-size: clamp(1rem,1.2vw,1.3rem);

  line-height: 1.5;
}

/*=====================================================
  MOBILE
=====================================================*/

@media (max-width:1062px)
{
  .home_layout
  {
    display: block;
  }

  .home_info_panel
  {
    width: 100%;

    margin-bottom: 1rem;
  }

  .home_event_area
  {
    width: 100%;
  }

  .countdown_number
  {
    font-size: 2.4rem;
  }

  .volunteer_thanks
  {
    margin-top: 1rem;
  }

  .home_top_nav
  {
    gap: .5rem;

    padding: .75rem;
  }

  .home_top_nav_button
  {
    width: calc(50% - .5rem);
  }

  .home_top_nav_button a
  {
    text-align: center;

    font-size: .95rem;

    padding: .65rem .5rem;
  }
}