/* @import url('../fonts/SR_FahTHAI/stylesheet.css'); */
@import url('https://fonts.googleapis.com/css2?family=Pridi&display=swap');

:root {
    --ps-maroon-1: #800000;
    --ps-maroon-2: #6D0000;
    --ps-maroon-3: #5B0000;
    --ps-maroon-4: #490000;
    --ps-maroon-5: #360000;
    --ps-maroon-6: #240000;
    --ps-maroon-7: #120000;
    --ps-white: #FFFFFF;
    --ps-orange: #FB7B18;
}

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

/* tag a */
a,
a:link,
a:visited {
    color: var(--ps-maroon-1);
}
a:hover,
a:active,
a:focus {
    color: var(--ps-maroon-3);
}

/*  button */
.btn-primary {
    background-color: var(--ps-maroon-2);
    border-color: var(--ps-maroon-2);
    color: var(--ps-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(--ps-maroon-2);
    border-color: var(--ps-maroon-2);
    color: var(--ps-white);
}
.btn-primary.disabled:hover,
.btn-primary.disabled.hover,
.btn-primary:disabled:hover,
.btn-primary:disabled.hover {
    background-color: var(--ps-green-6);
    border-color: var(--ps-green-6);
    color: var(--ps-white);
}
.dt-button,
.dt-button:link,
.dt-button:visited,
.dt-button::before {
    color: var(--ps-maroon-1);
}
.dt-button:hover,
.dt-button:active,
.dt-button:focus,
.dt-button:hover::before {
    color: var(--ps-maroon-3);
}

/* 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(--ps-maroon-1);
}
.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(--ps-maroon-3);
}
#a_listResults {
    color: var(--ps-maroon-1);
}

/* tab */
.view a i.fa,
.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 button i.fa,
.toolbar button,
.btn-link {
    color: var(--ps-maroon-1);
}
.view a:hover i.fa,
.btn-link:hover,
.toolbar a:hover i.fa,
.toolbar button:hover i.fa,
.actions a:hover i.fa {
    color: var(--ps-maroon-3);
}

/* sidebar action */
#action a {
    color: var(--ps-maroon-1);
}
#action a:hover,
#action a:active,
#action a:focus {
    color: var(--ps-maroon-3);
}

/* navigation */
#navigation li a,
#navigation li a:link,
#navigation li a:visited {
    color: var(--ps-maroon-1);
}
#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active {
    color: var(--ps-maroon-3);
}

/* 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(--ps-orange);
}

#biblio-cover-slider {
    border-color: var(--ps-maroon-1);
}

/* CSS for Koha CoverFlow Plugin 
   This CSS was added automatically by installing the CoverFlow plugin
   Please do not modify */
.coverflow {
    height:160px;
    margin-left:25px;
    width:850px;
}

.coverflow img,.coverflow .item {
    -moz-border-radius:10px;
    -moz-box-shadow:0 5px 5px #777;
    -o-border-radius:10px;
    -webkit-border-radius:10px;
    -webkit-box-shadow:0 5px 5px #777;
    border-radius:10px;
    box-shadow:0 5px 5px #777;
    height:100%;
    width:100%;
}

.itemTitle {
    padding-top:30px;
}

.coverflow .selectedItem {
    -moz-box-shadow:0 4px 10px #0071BC;
    -webkit-box-shadow:0 4px 10px #0071BC;
    border:1px solid #0071BC;
    box-shadow:0 4px 10px #0071BC;
}
#coverflow .flipster__item .flipster__item__content p {
    font-family: 'sr_fahthairegular', sans-serif;
    font-style: normal;
    font-weight: bold;
    display: -webkit-box !important;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#coverflow .flipster--coverflow .flipster__item__content {
    -webkit-box-reflect: unset;
}
/* End of CSS for Koha CoverFlow Plugin */

#results .available.reference strong {
    color:  var(--ps-orange);
}

#opac-detail #wrap {
    padding-bottom: 40px;
}

/* Opac Design */
#header-region .navbar-expand {
    background-color: var(--ps-maroon-1);
}

#header-region .navbar-expand #logo {
    display: none;
}

#header-region .navbar .nav>li>a,
#header-region .fa.fa-icon-black,
#header-region .fa.fa-icon-white {
    color: var(--ps-white);
    text-shadow: none;
}

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

#header-region .navbar .nav>li>a:hover,
#header-region .navbar-inverse .navbar-inner li>a:focus, 
#header-region .navbar-inverse .navbar-inner li>a:hover {
    color: var(--ps-maroon-7);
    text-shadow: none;
}

#header-region .navbar-inner li.dropdown > a:hover .caret {
    border-bottom-color: var(--ps-maroon-7);
    border-top-color: var(--ps-maroon-7);
}

#members a.logout {
    color: var(--ps-orange) !important;
}

#opac-main-search,
.mastheadsearch {
    background-color: var(--ps-maroon-7);
}

#opac-main-search,
.mastheadsearch label {
    color: var(--ps-white);
}

#advsearch .btn-success {
    background: var(--ps-maroon-1);
}

#opac-detail .title {
    font-size: 100%;
}

@media (max-width: 979px) and (min-width: 768px) {
    #opac-detail .row-fluid .span3 {
        width: 100%;
    }
}

#shelfbrowser td, #shelfbrowser th {
    max-width: 240px;
}

#shelfbrowser .thumbnail-shelfbrowser > a {
    min-height: 155px;
    display: grid;
}

#shelfbrowser img.thumbnail {
    padding: 0px;
    margin: auto;
    width: 100%;
}

#shelfbrowser td.top a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: auto;
}

/* facet */
#search-facets h3 {
    font-size: 14px;
}