body {
  font-family: "Satoshi", sans-serif;
}

.navbar #block-site-branding a img {
  width: 60px;
  height: auto;
  margin-right: 20px;
}

/* Navbar gradient background */
.navbar {
  background: linear-gradient(180deg, #003b82 0%, #0057b7 100%) !important;
}

/* Nav links */
.navbar .nav-link {
  color: #ffffff !important;
  transition: color 0.3s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #17d6fd !important; /* gold/yellow on hover */
}

/* Active link */
.navbar .nav-link.active {
  color: #17d6fd !important;
}

/* Dropdown menu (keep white for readability) */
.navbar .dropdown-menu {
  background-color: #ffffff;
  border-radius: 0 0 8px 8px;
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Dropdown items */
.navbar .dropdown-item {
  color: #003b82;
  transition: background-color 0.2s ease;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
  background-color: #f2f6ff;
  color: #003b82;
}

body.page-access-denied {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f9fa;
  font-family: "Satoshi", sans-serif;
}

body.page-not-found {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f9fa;
  font-family: "Satoshi", sans-serif;
}
.error-container {
  text-align: center;
}
.error-code {
  font-size: 8rem;
  font-weight: 700;
  color: #0057b7;
}
.error-message {
  font-size: 1.5rem;
  color: #6c757d;
}

.error-container .home-btn {
  color: #fff; /* White text */
  background-color: #0057b7; /* Blue background */
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

.error-container .home-btn:hover {
  color: #fff; /* Keep white text */
  background-color: #004099; /* Darker blue on hover */
  transform: translateY(-2px); /* Slight lift effect */
}

.form-logo {
  background: #00499d;
  border-radius: 50%;
  padding: 10px;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  box-shadow: 1px 2px 6px #a9a1a1;
}
.form-logo img {
  width: auto;
  height: 74px;
  margin: 0 auto;
}
.user-login-form-card {
  background: linear-gradient(180deg, #003b82 0%, #0057b7 100%) !important;
}
.user-login-form-card .button {
  background: linear-gradient(180deg, #003b82 0%, #0057b7 100%) !important;
  width: 100%;
  height: 47px;
}

.check-btn-row {
  display: flex;
  align-items: center;
}

.check-btn {
  margin-top: 39px;
}

.alert-error,
.alert-success {
  margin-top: 1%;
  box-shadow: 1px 2px 4px rgb(0 0 0 / 23%);
}
.check-btn input,
.participant-btn,
.form-submit {
  width: 100%;
  background: linear-gradient(180deg, #003b82 0%, #0057b7 100%) !important;
  transition: 0.9s;
  color: #fff;
}
/* #edit-reset {
  height: 55px;
  margin-top: 25px;
  margin-left: 10px;
  border-radius: 10px;
  background: #4d545b !important;
} */
.participant-btn {
  width: auto;
}
#views-exposed-form-event-user-list-block-1 .form--inline,
.user-attendance-form {
  display: flex;
  align-items: center;
}

.form--inline {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}

#views-exposed-form-event-user-list-block-1 .form-item-mail {
  width: 50%;
}
#views-exposed-form-event-user-list-block-1 .form-actions {
  width: 30%;
  display: flex;
  align-items: center;
}
#views-exposed-form-event-user-list-block-1
  .form-item-field-event-attended-value {
  width: 20%;
}

.event-organizer-sec .form-submit {
  margin: 22px 0 0 10px;
}

.check-btn input:hover,
.sub-btn input:hover,
.participant-btn:hover {
  background: linear-gradient(180deg, #002f5c 0%, #004a91 100%) !important;
  color: #fff;
}
.form-actions input:nth-child(2) {
  background: #6c757d !important;
}
.sub-btn input {
  width: 100%;
  margin-top: 2%;
  background: linear-gradient(180deg, #003b82 0%, #0057b7 100%) !important;
  transition: 0.9s;
}

.add-participant-form input,
.add-participant-form select,
#views-exposed-form-event-user-list-block-1 .form-item-mail input,
.form-submit,
#views-exposed-form-event-user-list-block-1 select,
.user-login-form input,
.user-login-form .form-submit {
  height: 55px;
  border-radius: 10px;
}
.add-participant-form .form-text {
  margin-top: 0;
}

.view-empty p {
  color: red;
  font-weight: bold;
}

.event-organizer-sec table {
  background: #fff;
}
.event-organizer-sec table tbody td,
table th {
  padding: 10px;
  line-height: 36px;
}

.event-organizer-sec table thead tr th {
  background: #0c99eb !important;
  color: #fff !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: rgb(228 245 255);
}
section.event-organizer-sec {
  margin: 25px auto;
}
.about-event h2,
.about-participant h2 {
  margin-bottom: 25px;
}
.about-participant {
  margin-top: 25px;
}

.user-attendance-form {
  margin-top: 25px;
}
.user-attendance-form .form-submit {
  margin: 0;
}
.add-event-participant-form .form-submit {
  margin-top: 0;
}

.event-organizer-sec .table-responsive {
  box-shadow: 4px 2px 7px rgb(0 0 0 / 12%);
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}

.event-organizer-sec table {
  margin-bottom: 0px;
}

.event-organizer-sec .about-event .table-responsive,
.event-organizer-sec .about-participant .table-responsive {
  border-radius: 10px 10px 10px 10px;
}

@media (max-width: 768px) {
  .check-btn {
    margin-top: 8px;
  }
}