/* punsarn custom css */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');

:root {
  --punsarn-secondary-color: #394698;
  --punsarn-primary-color: #0B8D73;
  --punsarn-primary-color-hover: #085c4b;
  --punsarn-border-primary-color: #085c4b;

  --punsarn-text-on-secondary-color: #FFF;
  --punsarn-text-on-primary-color: #FFF;

  --punsarn-white: #FFF;
  --punsarn-black: #353535;

  --punsarn-gray: #EFEFEF;

  --punsarn-link-color: #066C58;
  --punsarn-link-color-hover: #085c4b;
}

body {
  background-color: var(--punsarn-white);
  font-family: 'Prompt', sans-serif;
}

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

#wrapper {
  padding-left: unset;
  padding-right: unset;
}

a:link,
a:visited {
  color: var(--punsarn-link-color);
}

a:hover {
  color: var(--punsarn-link-color-hover);
}

/* Header */
#header-region {
  background-color: var(--punsarn-gray);
  color: var(--punsarn-link-color);
}

#header-region .navbar-nav li a,
#header-region .navbar-nav li i {
  color: var(--punsarn-link-color);
  font-weight: normal;
}

#header-region .navbar-nav li .dropdown-menu a {
  color: var(--punsarn-black);
}

#header-region #members li .dropdown {
  margin-top: auto;
  margin-bottom: auto;
}

#header-region .navbar-nav .login-link.loginModal-trigger {
  background: #0B8D73;
  border-radius: 50px;
  color: var(--punsarn-white);
  padding-left: 1rem;
  padding-right: 1rem;
}

#header-region .navbar-nav .login-link.loginModal-trigger i {
  color: var(--punsarn-white);
}

#logo {
  height: 111px;
  min-width: 111px;
  width: 345px;
  background: transparent url(../images/logo.png) no-repeat scroll 0 0;
}

#cart-list-nav {
  justify-content: right;
}

#cartDetails {
  top: 82px;
  right: 538px;
  left: unset;
}

/* Subheader */

#opac-main-search {
  background-color: var(--punsarn-gray);
}

#moresearches,
#breadcrumbs {
  font-weight: normal;
}

#moresearches a {
  color: var(--punsarn-black);
}

#moresearches li:not(:first-child):not(:last-child) a {
  margin-left: 10px;
  margin-right: 10px;
}

#moresearches li:first-child a {
  margin-right: 10px;
}

#moresearches li:last-child a {
  margin-left: 10px;
}

.breadcrumb {
  background-color: var(--punsarn-primary-color);
}

.breadcrumb-item a,
.breadcrumb-item.active a:active,
.breadcrumb-item.active a:hover,
.breadcrumb-item.active a:link,
.breadcrumb-item.active a:visited {
  color: var(--punsarn-white);
}


.breadcrumb-item.active a:visited {
  color: var(--punsarn-white);
}

.breadcrumb-item+.breadcrumb-item::before {
  background-size: 10px;
}

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

.btn-primary:active,
.btn-primary:hover,
#loginModal input[type="submit"]:hover {
  background-color: var(--punsarn-primary-color-hover);
  border-color: var(--punsarn-border-primary-color);
  box-shadow: 0 0 0 1px var(--punsarn-primary-color);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):focus,
.show>.btn-primary.dropdown-toggle {
  background-color: var(--punsarn-primary-color-hover);
  border-color: var(--punsarn-border-primary-color);
}

.btn-primary:focus {
  box-shadow: 0 0 0 1px var(--punsarn-primary-color);
}

.form-control:focus,
.table_controls .dataTables_filter input:focus,
input[type="password"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
  border-color: var(--punsarn-border-primary-color);
  box-shadow: 0 0 0 1px var(--punsarn-primary-color);
}


/* Footer */
#opaccredits {
  background-color: var(--punsarn-secondary-color);
  color: var(--punsarn-text-on-secondary-color);
  min-height: 44px;
  padding: 10px 20px 10px 20px;
}

#opaccredits .default_body {
  display: flex;
}

#opaccredits .footer-content {
  width: fit-content;
}

#opaccredits .footer-content img.link-icon {
  width: 26px;
  height: 26px;
}

#opaccredits .footer-content a:not(:last-child) {
  margin-right: 5px;
}

#opaccredits #footer-left {
  width: 33%;
  text-align: left;
}

#opaccredits #footer-right {
  width: 33%;
  text-align: right;
}

#opaccredits #footer-middle {
  width: 34%;
  text-align: center;
}

#opaccredits .footer-content a {
  color: var(--punsarn-text-on-secondary-color);
}

#report-koha-url {
  display: none;
}

/* Login page */
#opac-login-page #opac-auth {
  padding: 30px 45px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 700px) {
  #logo {
    background-position: bottom;
  }

  .navbar-expand {
    flex-flow: wrap;
  }

  #cart-list-nav {
    justify-content: unset;
  }

  #header-region .navbar-nav .login-link.loginModal-trigger {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 991px) {
  #cartDetails {
    right: 20%;
  }
}

/* Stackmap */
:root {
  --stackmap-max-width: 1100px;
}

.stackmap {
  max-width: var(--stackmap-max-width);
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.stackmap-modal .modal-dialog {
  max-width: var(--stackmap-max-width);
}

.stackmap .map {
  display: block;
  width: 100%;
  height: auto;
}

.stackmap .location {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: var(--stackmap-max-width);
  height: auto;
}

/* Stackmap blink */
.stackmap img.location {
  animation: blink 1s infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}


#loginModal input {
  font-size: inherit;
}

#loginModal .closebtn {
  font-size: 2em;
}

/* Member edit profile */
.patron-attributes a.clear-attribute {
  display: none;
}

.patron-attributes div.required {
  color: #c00;
  display: block;
  font-size: 95%;
  margin-left: 10rem;
  margin-top: 3px;
}

/* marc field seperator */
.resource_list li::after {
  content: ";";
  padding: 0 .2em;
}

.bookcover {
  width: 24%;
}

.cover-image img.item-coverimage {
  max-width: 100%;
}

.cover-image {
  display: block;
}

.cover-image img {
  max-width: 200px;
}

.item-cover-image {
  margin-top: 10px;
  text-align: center;
}

.cover-nav {
  display: none;
}

#useraccount .account-actions {
  text-align: right;
  margin-bottom: 10px;
}

.spinner {
  animation-name: spin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Force hide pay online button */
fieldset.pay-online {
  display: none;
}

#cs_pay_hint {
  float: left;
  text-align: left;
}

#forgotpassword {
  display: none;
}