@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');

@font-face {
  font-family: Karnvayla;
  src: url(../fonts/karnvaylaregular-webfont.woff);
}

:root {
  --purple-1: #A88DD1;
  --purple-2: #9776C8;
  --purple-3: #855FBF;
  --purple-4: #7448B6;
  --purple-5: #6331AD;
  --purple-6: #521ba4;
  --purple-7: #491893;
  --purple-8: #411583;
  --purple-9: #391272;
  --purple-10: #311062;

  --orange: #FD6A16;
  --dark-orange: #C2331A;
  --white: #FFFFFF;
  --black: #1B2432;
  --gray: #595959;
}

*,
body,
.fonts-loaded body,
.fonts-loaded button,
.fonts-loaded input,
.fonts-loaded optgroup,
.fonts-loaded option,
.fonts-loaded select,
.fonts-loaded textarea {
  font-family: 'Noto Sans Thai', sans-serif;
}

/* tag a */
a,
a:link,
a:visited {
  color: var(--purple-6);
}

a:hover,
a:active,
a:focus {
  color: var(--purple-2);
}

#opac-main-search {
  border-radius: 0px;
  background: var(--purple-6);
}

#logo {
  display: none;
}

.coverimages img.thumbnail {
  width: 90px;
  height: 110px;
  padding: 0;
  border: none;
}

.navbar.navbar-expand .navbar-nav>li>a {
  color: var(--white);
}

.navbar.navbar-expand {
  background: var(--purple-6);
}

.navbar.navbar-expand .fa.fa-icon-black {
  color: var(--white);
}

#opac-user #wrap #header-region .navbar.navbar-inverse.navbar-static-top {
  padding-left: 20px;
  padding-right: 20px;
}

body {
  background-color: var(--white);
}

#opacheader {
  background-color: var(--white);
}

#header-region {
  padding-left: 12px;
  padding-right: 12px;
}

#header-region .container-fluid {
  padding: unset;
}

#OpacMainUserBlock .img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}

#opac-main-search {
  margin: unset;
}

/*  button */
.btn-primary {
  background-color: var(--orange);
  border-color: var(--orange);
  color: var(--white);
}

#loginModal input[type=submit]:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled, .disabled).active,
.btn-primary:not(:disabled, .disabled):active,
.btn-primary:not(:disabled, .disabled):focus,
.btn-primary:not(:disabled, .disabled).focus {
  background-color: var(--ps-maroon-1);
  border: 1px solid var(--ps-maroon-1);
  -webkit-box-shadow: 0 0 0 1px var(--ps-maroon-1);
  box-shadow: 0 0 0 1px var(--ps-maroon-1);
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--orange);
  border-color: var(--orange);
  color: var(--white);
}

.btn-primary.disabled:hover,
.btn-primary.disabled.hover,
.btn-primary:disabled:hover,
.btn-primary:disabled.hover {
  background-color: var(--orange);
  border-color: var(--orange);
  color: var(--white);
}

.dt-button,
.dt-button:link,
.dt-button:visited,
.dt-button::before {
  color: var(--purple-6);
}

.dt-button:hover,
.dt-button:active,
.dt-button:focus,
.dt-button:hover::before {
  color: var(--purple-2);
}



/* link in table */
.table-striped tbody>tr:nth-child(odd)>td a,
.table-striped tbody>tr:nth-child(odd)>th a,
.table-striped tbody>tr:nth-child(odd)>td a.btn.btn-link {
  color: var(--purple-6);
}

.table-striped tbody>tr:nth-child(odd)>td a:hover,
.table-striped tbody>tr:nth-child(odd)>td a:focus,
.table-striped tbody>tr:nth-child(odd)>td a:active,
.table-striped tbody>tr:nth-child(odd)>th a:hover,
.table-striped tbody>tr:nth-child(odd)>th a:focus,
.table-striped tbody>tr:nth-child(odd)>th a:active {
  color: var(--purple-2);
}

#a_listResults {
  color: var(--purple-6);
}



/* tab */
.view a i.fa,
.view a i.fa-solid,
.view button i.fa,
.actions a i.fa,
.actions button i.fa,
.toolbar a i.fa,
.toolbar button i.fa,
#action a:hover i.fa,
#action a i.fa,
#action a i.fa-solid,
#action button i.fa,
.toolbar button,
.btn-link {
  color: var(--purple-6);
}

.view a:hover i.fa,
.view a:hover i.fa-solid,
.btn-link:hover,
.toolbar a:hover i.fa,
.toolbar button:hover i.fa,
#action a:hover i.fa,
#action a:hover i.fa-solid,
.actions a:hover i.fa {
  color: var(--purple-2);
}


/* sidebar action */
#action a {
  color: var(--purple-6);
}

#action a:hover,
#action a:active,
#action a:focus {
  color: var(--purple-2);
}

/* navigation */
#navigation li a,
#navigation li a:link,
#navigation li a:visited {
  color: var(--purple-6);
}

#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active {
  color: var(--purple-2);
}

/* bib detail */
#opac-detail span.results_summary.online_resources a {
  font-weight: bold;
}

#results .ItemSummary {
  font-size: 120%;
  font-weight: bold;
}

#login {
  display: none;
}

body#results .results_summary .itemnotforloan {
  color: var(--orange);
}

#biblio-cover-slider {
  border-color: var(--purple-6);
}

@media (max-width: 767px) {

  /* main content */
  .main {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .maincontent {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /* bib detail */
  #opac-detail #views {
    display: none;
  }

  #opac-detail .bookcover {
    width: 100%;
  }

  /* advsearch */
  #advsearch .nav.nav-tabs {
    display: block;
  }

  #advsearch .nav-tabs .nav-link {
    margin: unset;
  }
}