body{font-family:Arial,sans-serif;margin:0;padding:0}nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding-left:20px}nav .nav-links a{color:#505050;margin-right:30px;text-decoration:none;font-weight:700;font-size:18px}nav .header-right-buttons{display:flex}nav .header-right-buttons .donate{height:100px;line-height:100px;background:#71be44;color:#fff;font-size:16px;font-weight:700;letter-spacing:0;text-decoration:none;padding:0 30px}nav .header-right-buttons .donate .uk-icon{margin-right:8px;top:2px;position:relative;border:none;border-radius:0;overflow:visible;font:inherit;color:#fff;text-transform:none;padding:0;background-color:transparent;display:inline-block;fill:#fff;line-height:0}header{position:relative;background:#f2f2f2;text-align:center}header .slide-img{max-width:1300px}header .information{position:absolute;top:100px;left:60%;transform:translate(-50%);color:#fff}h2{margin:20px 0 10px}#events-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:20px;background:#00a550}.event-card{border:1px solid #ddd;padding:15px;border-radius:8px;background:#fff;color:#505050;transition:box-shadow .3s}.event-card img{width:100%}.event-card:hover{box-shadow:0 4px 8px #0000001a}.event-card .past{color:#f79252;font-weight:700}.event-card .upcoming{color:#00adee;font-weight:700}.button{background:#0072bc;color:#fff;font-size:16px;font-family:HelveticaNowDisplay;font-weight:700;padding:18px 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:55px;line-height:1;cursor:pointer;-webkit-appearance:none;border-radius:10px;transition:all .3s ease-in-out;border:none}.button:hover{border:1px solid #0072BC;background:#fff;color:#0072bc}header .button{position:absolute;left:250px;bottom:100px}main{max-width:1300px;margin:50px auto}main h2{font-size:35px;line-height:50px;margin-bottom:15px;font-weight:800;letter-spacing:.5px;color:#0072bc}main .block-1{z-index:2;position:relative;max-width:700px;margin-right:auto;margin-left:auto;text-align:center}main .short-desc{color:#505050}main .view-details-button{width:100%;height:100%;text-align:left;line-height:60px;color:#00a550;font-weight:700}main .event-card h3{color:#0072bc}#search-form{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end;margin:20px auto;padding:20px;background:#f2f2f2;border:1px solid #ddd;border-radius:8px}#search-form label{display:flex;flex-direction:column;font-weight:700;color:#505050;flex:1;min-width:180px}#search-form input,#search-form select{margin-top:5px;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none}#search-form input:focus,#search-form select:focus{border-color:#0072bc;box-shadow:0 0 5px #0072bc4d}#search-form button{padding:10px 20px;font-size:14px;font-weight:700;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease-in-out}#search-form button[type=submit]{background-color:#0072bc;color:#fff}#search-form button[type=submit]:hover{background-color:#005f99}#clear-filters{background-color:#f79252;color:#fff}#clear-filters:hover{background-color:#d96a25}#search-results{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:10px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #ddd;padding:10px 15px;text-align:left}.success{color:#25d725;margin-top:10px}.error{color:#d22d2d;margin-top:10px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;transition:opacity .3s ease}.modal.show{display:block}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border-radius:10px;width:500px;max-width:90%;box-shadow:0 5px 15px #0000004d;position:relative;animation:slide-down .3s ease}.modal-content h3{margin-top:0}@keyframes slide-down{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close{position:absolute;right:15px;top:10px;font-size:24px;cursor:pointer;color:#999}.close:hover{color:#333}.modal-content input,.modal-content select{margin-top:5px;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;box-sizing:border-box}.modal-content form>div{margin-bottom:10px}.modal-content form div.form-buttons{margin-top:20px;display:flex;gap:10px}
