/* 首頁幻燈片區域的上下間距 */

.section-first-main {
  margin-top: 105px;
}

/* 其他頁面主要區域的上下間距設定，可能需要根據不同的螢幕大小再做設定 */

.section-first {
  margin-top: 120px;
  margin-bottom: 30px;
}

.navbar-brand {
  width: 74%;
}

@media (min-width: 576px) {
  .navbar-brand {
    width: fit-content;
  }
}

footer .copyright {
  font-size: 14px;
}

.footer-wrap {
  display: grid;
  text-align: start;
  line-height: 24px;
}

@media (min-width: 768px) {
  .footer-wrap {
    display: block;
    text-align: center;
  }
}

.bg-image {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

.shadow-strong {
  box-shadow: 0 1px 5px 0 rgba(0,0,0,.21);
}

.mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-attachment: fixed;
  opacity: 0;
}

.mask:hover {
  opacity: 1;
}

.sidebar-link:hover {
  color: rgba(0, 0, 0, .7);
}

.sidebar-link.active {
  color: rgba(0, 0, 0, .9);
}

.sidebar-link {
  color: rgba(0, 0, 0, .6);
}

/* set-carousel-size: 設定幻燈片在不同視窗大小下的高度值 */

.set-carousel-size {
  height: 200px;
}

@media (min-width: 576px) {
  .set-carousel-size {
    height: 320px;
  }
}

@media (min-width: 992px) {
  .set-carousel-size {
    height: 550px;
  }
}

@media (min-width: 1400px) {
  .set-carousel-size {
    height: 600px;
  }
}

/* 修改麵包屑連結的樣式顯示 */

.breadcrumb-item > a {
  text-decoration: none;
}

.breadcrumb-item > a:hover {
  color: rgba(0, 0, 0, .7);
}

.breadcrumb-item > a {
  color: rgba(0, 0, 0, .6);
}

.breadcrumb-item.active > a {
  color: rgba(0, 0, 0, .9);
}

/* 地圖地點的照片樣式設定 */

.map-photos-gallery .image {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
}

/* contact form 樣式設定 */

.contact-overloay {
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 10px;
}

/* 設定文字左右對齊 */

.text-justify {
  text-align: justify;
}

/* bs5-lightbox 背景顏色 */

body.modal-open .carousel-item .ratio {
  background-color: #00000020 !important;
}

/* 首行縮寫 */

.text-indent-2 {
  text-indent: 2em;
}