/* global styles
-------------------------------------------------- */
html, body {font-size:16px;}
body {padding-top:4.75rem;font-family:Microsoft JhengHei;}

/* footer
-------------------------------------------------- */
.bg-custom-ft {background-color:#696968;border-top:1px solid #259A9A;box-shadow:0px -1px 10px #fff799;-moz-opacity:0.9;opacity:0.9;-khtml-opacity:0.9;}

/* offcanvas navbar
-------------------------------------------------- */
@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position:fixed;
    top:4.75rem; /* Height of navbar */
    bottom:0;left:-100%;width:100%;
    padding-right:1rem;padding-left:1rem;
    overflow-y:auto;visibility:hidden;
    background-color:#3CB371;
    transition:transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {visibility:visible;transform:translateX(100%);}
}

.navbar-custom {background-color:#3CB371;border-bottom:1px solid #259A9A;box-shadow:0px 0px 10px #fff799;-moz-opacity:0.9;opacity:0.9;-khtml-opacity:0.9;}
.navbar-custom .navbar-brand {color:#fff;}
.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover {color:#fff;}
.navbar-custom .navbar-nav .nav-link {color:#fff;font-size:1.2rem;}
.navbar-custom .navbar-nav .nav-link:focus,.navbar-custom .navbar-nav .nav-link:hover {color:#FFFF00;}
.navbar-custom .navbar-nav .nav-link.disabled {color:rgba(255,255,255,.25);}
.navbar-custom .navbar-nav .nav-link.active,.navbar-custom .navbar-nav .nav-link:active,.navbar-custom .navbar-nav .show>.nav-link {color:#FF4F4F;}
.navbar-custom .navbar-toggler {color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.25);}
.navbar-custom .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-custom .navbar-text {color:rgba(255,255,255,.55);}
.navbar-custom .navbar-text a,.navbar-custom .navbar-text a:focus,.navbar-custom .navbar-text a:hover {color:#fff;}
.navbar-custom .dropdown-item:focus,.navbar-custom .dropdown-item:hover {color:#FFFF00;background-color:#3CB371;}
.navbar-custom .dropdown-item.active,.navbar-custom .dropdown-item:active {color:#FF4F4F;text-decoration:none;background-color:#3CB371;}

/* breadcrumb
-------------------------------------------------- */
.breadcrumb-item {font-size:0.8125rem;}
.breadcrumb-item a {text-decoration:none;}
.breadcrumb.breadcrumb-dark .breadcrumb-item a {color:var(--bs-gray-300);}
.breadcrumb.breadcrumb-dark .breadcrumb-item a:hover {color:var(--bs-primary);}
.breadcrumb.breadcrumb-dark .breadcrumb-item.active {color:var(--bs-gray-200);}
.breadcrumb.breadcrumb-dots .breadcrumb-item + .breadcrumb-item::before {content:"‧";font-size:22px;line-height:0;height:100%;display:flex;align-items:center;}

/* scrollup
-------------------------------------------------- */
.back-top {display:none;cursor:pointer;position:fixed !important;bottom:40px;right:40px;z-index:9999;background:rgba(255, 197, 138, 0.5);color:#FFA042;border-radius:50%;width:52px;height:52px;line-height:52px;text-align:center;}
.back-top i {font-size:1.6rem;vertical-align:middle;}
.back-top:hover {background:#FFA042;color:#fff;}
@media (max-width: 768px) {
	.back-top {bottom:15px;right:15px;width:30px;height:30px;line-height:30px;}
	.back-top i {font-size:1rem;}
}

/* Card - info
-------------------------------------------------- */
.card, .overflow-hidden {will-change:transform;}
.card.card-overlay-bottom {overflow:hidden;}
.card.card-overlay-bottom:before {
	content:"";
	position:absolute;
	height:50%;width:100%;
	bottom:0;left:0;right:0;
	background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,1)));
	background-image:linear-gradient(180deg,transparent,rgba(0,0,0,1));
	z-index:1;
}
.card .card-img-overlay {z-index:2;}
.card-img-scale .card-img {transition:all 0.3s ease-in-out;transform:scale(1);}
.card-img-scale:hover .card-img {transform:scale(1.08);}

.bg-dark-overlay-3 {position:relative;z-index:99;}
.bg-dark-overlay-3:before {content:" ";background:var(--bs-black);opacity:0.3;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;}
.bg-blur {-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}

/* Card title
-------------------------------------------------- */
.btn-link {
  padding-bottom:0px;
  background:-webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
  background:linear-gradient(to right,currentColor 0%,currentColor 100%);
  background-size:0px 6%;
  background-repeat:no-repeat;
  background-position:left 100%; -webkit-transition-duration:0.5s; transition-duration:0.5s;
  font-weight:inherit;
  padding:0;
  text-decoration:none;
}
.btn-link:hover {background-size:100% 6%;}