body {
    background-color:#f2f2f2;
}
/* .................................General Styles..................... */
h1 {
    color: #D3AF37;
    text-align: center;
}

h2 {
    color: #926c15;
    text-align: center;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* Optional: prevent the image from overflowing its container */
    max-width: 100%; 
    height: auto;
    border: none;
    margin-bottom: 5px;
    border-radius: 15px; /* Adjust the value to change the roundness */
}

li {
   font-size: 1.1em; 
}

.standtext {
    background-color: #FFF5BA;
    color: #008000;
    font-size: 1.1em;
}

.gray-text-box {
      width: 98%;
      padding: 5px;
      border-radius: 8px;
      border: 3px solid black; /* Gray border */
      background-color: #CBCBCB; /* Light gray background */
      margin: 2px auto;
      font-family: Verdana, sans-serif, sans-serif;
      font-size: smaller;
      font-style:italic;
      line-height: 1.6;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

/* Apply border to table, header cells, and data cells */
table, th, td {
  border: 1px solid #D3AF37; /* 1px width, solid style, black color */
}

  table {
    /* Shorthand for: top/bottom margin 0, left/right margin auto */
    margin: 0 auto; 
    width: 95%; /* Or any specific width like 500px */
    border: 1px solid #926c15;
  }


/* .................................Column Styles..................... */
.newspaper {
    /* Create 3 columns */
    column-count: 3;
    column-gap: 20px; /* Space between columns */
    column-rule: 1px solid orange; /* Vertical line between columns */
    
    /* Optional: make it responsive */
    @media (max-width: 900px) {
      column-count: 2;
    }
    @media (max-width: 600px) {
      column-count: 1;
    }
  }

  .newsletter-header, .newsletter-footer {
    text-align: center;
    /* max-width: 1200px; */
    margin: 0 auto 30px auto;
    padding: 20px;
    background-color:antiquewhite;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.newsletter-footer {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 0.9rem;
    color: #666;
}

.newsletter-footer a {
    color: #ff4757;
}
/* .................................Back to Top Button Styles..................... */

  #backToTopBtn {
    display: none;            /* Hidden by default */
    position: fixed;          /* Fixed/sticky position */
    bottom: 20px;             /* 20px from the bottom */
    right: 30px;              /* 30px from the right */
    z-index: 99;              /* Sit on top of other elements */
    border: none;             /* Remove borders */
    outline: none;            /* Remove outline */
    background-color: #333;   /* Button color */
    color: white;             /* Arrow color */
    cursor: pointer;          /* Pointer/hand icon on hover */
    padding: 15px;            /* Internal spacing */
    border-radius: 50%;       /* Make it a circle */
    font-size: 18px;          /* Size of the arrow */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s, transform 0.2s;
}

#backToTopBtn:hover {
    background-color: #555;   /* Lighter grey on hover */
    transform: scale(1.1);    /* Slight pop effect */
}

/* .................................Navigation Styles..................... */
    /* Main Navigation Bar */
    .navbar {
      list-style: none;
      padding: 0;
      margin: 0;
      background-color: #333;
      display: flex;
    }

    /* All list items */
    .navbar li {
      position: relative; /* Anchor point for absolute dropdowns */
    }

    /* All links */
    .navbar a {
      color: #fff;
      display: block;
      padding: 15px 25px;
      text-decoration: none;
      white-space: nowrap;
    }

    /* Hover effect on links */
    .navbar a:hover {
      background-color: #228B22;
    }

    /* --- DROPDOWN MENUS --- */
    
    /* Hide all submenus by default */
    .navbar ul {
      display: none;
      position: absolute;
      list-style: none;
      padding: 0;
      margin: 0;
      background-color: #555;
      min-width: 180px;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    }

    /* First-level dropdown positioning (drops down) */
    .navbar li:hover > ul {
      display: block;
      top: 100%;
      left: 0;
    }

    /* --- NESTED SUBMENUS (Second level and deeper) --- */
    
    /* Second-level dropdown positioning (flies out to the right) */
    .navbar ul li:hover > ul {
      display: block;
      top: 0;
      left: 100%;
    }

    /* Subtle background variance for nested items */
    .navbar ul a {
      padding: 12px 20px;
      font-size: 14px;
    }

    .navbar ul ul background-color {
      background-color: #555;
    }