/* ===== TASA Custom Styles - Inspired by professional EMS associations ===== */

/* Navigation bar styling */
#idMainSiteHeader .WaGadgetMenu ul li a,
.menuBar a {
  font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 600;
      letter-spacing: 0.04em;
        text-transform: uppercase;
          font-size: 13px;
          }

          /* Hero section text enhancement */
          .contentArea h1, .WaGadgetMenu.WaGadgetContentGadget h1 {
            font-family: 'Lato', 'Arial', sans-serif;
              font-weight: 800;
              }

              /* WHO WE ARE section heading */
              .WaGadgetHeadline h1.header {
                font-family: 'Lato', 'Arial', sans-serif;
                  font-weight: 700;
                    letter-spacing: 0.08em;
                      border-bottom: 3px solid #1a7ac0;
                        padding-bottom: 8px;
                          display: inline-block;
                          }

                          /* Body text improvements */
                          .WaGadgetContentGadget p,
                          .contentArea p {
                            font-family: 'Lato', 'Georgia', serif;
                              font-size: 15px;
                                line-height: 1.7;
                                  color: #333333;
                                  }

                                  /* Latest updates section heading */
                                  .WaGadgetHeadline h2.header {
                                    font-family: 'Lato', 'Arial', sans-serif;
                                      letter-spacing: 0.06em;
                                      }

                                      /* Contact page heading */
                                      .WaGadgetContentGadget h2 {
                                        font-family: 'Lato', 'Arial', sans-serif;
                                          font-weight: 700;
                                          }

                                          /* Footer styling */
                                          .footerArea .WaGadgetContentGadget p {
                                            font-size: 14px;
                                              color: #444444;
                                              }

                                              /* Join Us button style on membership page */
                                              .WaGadgetMembershipApplication .WaButton,
                                              .WaGadgetMembershipApplication button {
                                                background-color: #1a7ac0 !important;
                                                  border-color: #1558a0 !important;
                                                    font-weight: bold;
                                                      letter-spacing: 0.04em;
                                                      }

                                                      /* Social media section label */
                                                      .WaGadgetHeadline .socialMediaHeader {
                                                        font-size: 18px;
                                                          letter-spacing: 0.1em;
                                                          }

                                                          /* Upcoming events section */
                                                          .WaGadgetEventList .eventListItem {
                                                            border-left: 3px solid #1a7ac0;
                                                              padding-left: 12px;
                                                                margin-bottom: 12px;
                                                                }

                                                                /* Recent news items */
                                                                .WaGadgetBlogPostList .blogPostListItem {
                                                                  border-bottom: 1px solid #eaeaea;
                                                                    padding-bottom: 10px;
                                                                      margin-bottom: 10px;
                                                                      }

                                                                      /* Make the navigation active item more visible */
                                                                      .menuBar .activeItem > a,
                                                                      .menuBar li.activeItem > a {
                                                                        font-weight: 800;
                                                                          text-decoration: underline;
                                                                          }

                                                                          /* Responsive logo improvements */
                                                                          .headerArea img {
                                                                            max-height: 100px;
                                                                              width: auto;
                                                                              }

                                                                              /* General link styling */
                                                                              a {
                                                                                color: #40a2e9;
                                                                                }
                                                                                a:hover {
                                                                                  color: #0692f3;
                                                                                  }

                                                                                  /* Improve "Join today" button look across all pages */
                                                                                  a[href*="Join"],
                                                                                  a[href*="join"] {
                                                                                    transition: background-color 0.2s ease, transform 0.1s ease;
                                                                                    }
                                                                                    a[href*="Join"]:hover,
                                                                                    a[href*="join"]:hover {
                                                                                      transform: translateY(-1px);
                                                                                        box-shadow: 0 3px 8px rgba(0,0,0,0.2);
                                                                                        }