@charset "utf-8";
/* CSS Document */

/* ===== SIDE PAGE HEADER WRAPPER ===== */
.sidepage_header {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* ===== TOP NAVIGATION ===== */
.sidepage_navigation {
  width: 100%;
  background-color: #333333; /* dark grey */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
}

.sidepage_nav_list {
  list-style: none;
  display: flex;
  gap: 40px;
  margin: 0;
  padding: 0;
}

.sidepage_nav_link {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
}

.sidepage_nav_link:hover {
  opacity: 0.8;
}




/* ===== SIDE PAGE IMAGE HEADER ===== */
.sidepage_image_header {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;

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

/* If using an <img> inside the header */
.sidepage_image_header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Optional: centered content over the image (text, buttons, etc.) */
.sidepage_image_header_content {
  position: absolute;
  z-index: 2;
  text-align: center;
  color: #ffffff;
}







/* ===== BLUE TITLE BAR ===== */
.sidepage_title_bar {
  width: 100%;
  height: 80px;
  background-color: #18a4df;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidepage_title_text {
  color: #ffffff;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

/* ===== YELLOW DIVIDER ===== */
.sidepage_yellow_divider {
  width: 100%;
  height: 10px;
  background-color: #ffd400;
}