@import 'https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/ChulabhornLikitDisplay/ChulabhornLikitDisplay.css';
@import 'https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/ChulabhornLikitText/ChulabhornLikitText.css';

body {
  font-family: 'Chulabhorn Likit Text', sans-serif;
}

#opac-home .header {
  background: #FFFFFF;
}

#opac-home .header .row {
  margin: 0px;
}

#opac-home .footer a:hover {
  color: #F47A37;
}

#opac-home .footer h6 {
  font-weight: bold;
}

#opac-home .logo img {
  max-width: 100%;
  width: auto;
  height: auto;
}

#opac-home .nav-menu {
  background-color: #F36B21;
  font-weight: bold;
}

#opac-home .nav-menu a {
  color: #FFFFFF;
}

#opac-home .nav-menu a:hover {
  background-color: #F47A37;
}

#opac-home .welcome h4,
#opac-home .welcome .org,
#opac-home .welcome h1 {
  font-family: 'Chulabhorn Likit Display', sans-serif;
}

#opac-home .welcome img {
  max-width: 100%;
  height: auto;
  width: auto;
}

#opac-home .org {
  color: #1F3D7D;
}

#opac-home #search-block {
  color: #1B3058;
  background: #D1D6DE;
  border: 4px solid #FFFFFF;
  border-radius: 17px;
  box-shadow: 20px 24px 0px 0px #F36B21;
  text-align: center;
  padding: 20px;
}

#opac-home #search-block h6 {
  font-family: 'Chulabhorn Likit Display', sans-serif;
  font-weight: bold;
}

#opac-home #search-block a {
  color: #1B3058;
}

#opac-home #search-block a.nav-link.active {
  color: #FFFFFF;
  background: #1F3D7D;
  border-radius: 12px;
}

#opac-home #search-block a:hover {
  color: #FFFFFF;
  background: #295CCA;
  border-radius: 12px;
}

#opac-home #search-block #search-content .search-input {
  width: 100%;
  border: 6px solid #FFFFFF;
  border-radius: 10px;
}

#opac-home #search-block #search-content .search-btn {
  z-index: 9999;
  width: 20%;
  color: #FFFFFF;
  right: 0%;
  position: absolute;
  background: #1F3D7D;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
}

#opac-home #search-block #search-content .search-btn:hover {
  background: #295CCA;
}

#opac-home #search-block #search-content .advance-search {
  text-align: center;
}

#opac-home #search-block #search-content .advance-search .btn {
  color: #FFFFFF;
  background: #1F3D7D;
  border-radius: 10px;
  border: none;
}

#opac-home #search-block #search-content .advance-search .btn:hover {
  background: #295CCA;
}

#opac-home .new .new-title,
#opac-home .category .category-title,
#opac-home .quick-menu-title {
  color: #F36B21;
}

#opac-home #coverflow.flipster {
  overflow-y: hidden;
}

/*
#opac-home #coverflow .flipster__item__content {
	background-color: #ffffff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	text-align: center;
	-webkit-box-reflect: unset;
}

#opac-home #coverflow .flipster__item img {
  max-height: 265px;
}

#opac-home #coverflow .flipster__item .flipster__item__content p {
	font-weight: 600;
	font-family: 'Chulabhorn Likit Text', sans-serif;
	display: -webkit-box !important;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
  */

#opac-home .new,
#opac-home .category {
  text-align: center;
  background-color: #EAEDF2;
}

#opac-home .new h2,
#opac-home .category h2 {
  color: #1B3058;
}

#opac-home .category .category-item {
  color: #1B3058;
  background: #FFFFFF;
  border-radius: 12px;
  text-align: start;
  margin: 5px;
  padding-left: 10px;
}

#opac-home .category .category-item:hover {
  color: #F36B21;
  box-shadow: 0px 0px 35px 0px #1F3D7D99;
}

#opac-home .category a:hover {
  text-decoration: none;
}

#opac-home .popular {
  text-align: center;
  background-color: #1F3D7D;
}

#opac-home .popular h2 {
  color: #FFFFFF;
}

#opac-home #popular ul li a {
  color: #1B3058;
}
#opac-home #popular ul li a:hover {
  color: #F36B21;
}

#opac-home .quick-menu {
  background-image: url('../img/category_background.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

#opac-home .quick-menu .squre {
  background-color: #1F3D7D;
  width: 550;
  gap: 8px;
  border-radius: 10px;
  margin-bottom: 12px;
  padding: 10px 16px;
  color: #FFFFFF;
}

#opac-home .quick-menu .squre .item-list {
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 5px;
  color: #1F3D7D;
}

#opac-home .see-more-btn {
  text-align: right;
}

#opac-home .see-more-btn a {
  color: #FFFFFF;
}

#opac-home .see-more-btn a:hover {
  color: #F47A37;
}

#opac-home .renew,
#opac-home .recommend,
#opac-home .reserve {
  cursor: pointer;
}

#opac-home .renew:hover,
#opac-home .recommend:hover,
#opac-home .reserve:hover {
  background-color: #295CCA;
}

#opac-home .footer {
  background-color: #1F3D7D;
  color: #FFFFFF;
}

#opac-home .footer a {
  color: #FFFFFF;
}

#opac-home .copyright {
  text-align: center;
  background-color: #1F3D7D;
  color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
}

.address > p {
  margin: 0;
}

img.social {
  width: 34px;
  height: 34px;
}


.flipster__item img {
  max-height: 297px;
  border-radius: 20px;
}

.flipster__item__content {
  padding: 10px;
  background: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0px 0px 5px 3px rgba(51, 101, 100, 0.33);
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flipster__item__content a {
  color: black;
  text-decoration: none;
}

.flipster__item__content p {
  margin-top: 15px;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  #opac-home #search-tab span,
  #opac-home #button-addon2 span {
    display: none;
  }
}

@media (max-width: 767px) {
  #opac-home .welcome img,
  #opac-home .quick-menu .squre {
    margin-bottom: 10px;
    height: auto;
  }
}