.own1 {
  --cassiopeia-color-primary: #f9ad88;
  --cassiopeia-color-link: #ff6910;
  --link-color: #ff6910;
  --link-color-rgb: 255, 105, 16;
  --cassiopeia-color-hover: #e3540e;
  --link-hover-color: #e3540e;
  --link-hover-color-rgb: 227, 84, 14;
}

.own2 {
  --cassiopeia-color-primary: #fc9295;
  --cassiopeia-color-link: #c53438;
  --link-color: #c53438;
  --link-color-rgb: 197, 52, 56;
  --cassiopeia-color-hover: #e24246;
  --link-hover-color: #e24246;
  --link-hover-color-rgb: 226, 66, 70;
}

.pagination {
--pagination-active-bg: #f57e81;
--pagination-active-border-color: #f57e81;
}

.tag-count.badge.bg-info {
  background-color: #adadad!important;
  color: #ffffff;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--btn-active-color);
  background-color: #c53438;
  border-color: #c53438;
}

.float-center.item-image {
  text-align: center;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em; /* 間距可視需要調整 */
  margin-bottom: 2em;
}

.gallery .item-image {
  margin: 0;
}

@media (max-width: 768px) {
  .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .gallery {
    grid-template-columns: 1fr;
  }
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  text-decoration: underline;
}

a:not([class]) {
  text-decoration: none;
}

a:not([class]):hover {
  text-decoration:  underline;
}

.btn-info {
  --btn-bg: #888888;
  --btn-border-color: #888888;
  --btn-hover-bg: #555555;
  --btn-hover-border-color: #555555;
  --btn-active-bg: #555555;
  --btn-active-border-color: #555555;
  --btn-disabled-bg: #888888;
  --btn-disabled-border-color: #888888;
}

@media (width >= 1200px) {
  h1, .h1 {
    font-size: 2rem;
  }
}

@media (width >= 1200px) {
  h2, .h2 {
    font-size: 1.75rem;
  }
}

@media (width >= 1200px) {
  h3, .h3 {
    font-size: 1.65rem;
  }
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-bottom: 1rem;
  font-weight: 500;
  line-height: 1.2;
}


.com-sermonspeaker-serie {
  --cassiopeia-color-primary: #f9ad88;
  --cassiopeia-color-hover: #e3540e;
  --cassiopeia-color-link: #ff6910;
}


.com-sermonspeaker-sermon {
  --cassiopeia-color-primary: #f9ad88;
  --cassiopeia-color-hover: #e3540e;
  --cassiopeia-color-link: #ff6910;
}

.own .container-header {
	background-color: #f9ad88;
}