/* === photography.css === */
header#p-header nav ul li a {
  color: white; /* 預設文字顏色為白色 */
  transition: color 0.3s ease; /* 平滑過渡效果 */
}

.greycolor {
  color: #6D6D6D !important; /* 設置文字顏色為黑色 */
  transition: color 0.3s ease; /* 平滑過渡效果 */
}

/* 設置 #p-container 以使用 flexbox 排版，並確保其最小高度為頁面高度 */
#p-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;  /* 確保容器高度至少為頁面高度 */
}

/* 主內容區域，當內容區域較少時將推動 footer 到頁面底部 */
.p-mainpage {
  width: 100%;
  height: 100vh;
  max-height: 1024px;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 文字樣式 */
.p-name {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 200;
  font-size: 120px;
  color: #e6e6e6;
  letter-spacing: -4px;
  transform: scaleY(1.3);
}

/* bio 區域 */
.bio {
  display: flex;
  max-height: 1024px;
  flex-direction: column;  /* 垂直排列標題和圖片 */
  justify-content: center;
  background-color: white;
 
}

.bio.kadwa.container-fluid {
  background-color: white;  /* 確保背景為白色 */
  width: 100%;  /* 確保寬度為全屏 */
  padding:50px 0; /* 去除內邊距 */
}


.bio-title {
  font-size: 90px;
  color: #E5E5E5;
  letter-spacing: 12px;
}

.bio-content{
  padding-top:10px;
}


/* 響應式圖片 */
#overview-image {
  max-width: 100%;  /* 確保圖片不超過容器寬度 */
  height: auto;
}

footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 20px;
  height: 100%;
}

/* === Header 樣式 === */
header#p-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  color: white;
  padding: 10px 100px;
  z-index: 1000;
  opacity: 1;
}

/* 讓 footer 始終在頁面底部 */
#footer-container.p-footer {
  position: unset;
}


#photography {
  position: relative;
  height: 100vh;
  max-height: 1024px;
  background-color: rgba(130, 130, 130, 0.5);
}
/* 響應式設置 */
@media (max-width: 767px) {
  .bio-title {
    font-size: 50px;
  }
  .bio-content h1 {
    font-size: 60px;
  }
}