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

:root {
    --primary: #ED008D;
    --secondary: #2F2F2F;
    --white: #FFFFFF;
    --gray: #CCCCCC;
}

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

a,
.breadcrumb a {
    color: var(--secondary);
}
a:hover,
.breadcrumb a:hover {
    color: var(--primary);
}

.dropdown-item {
    color: var(--secondary);
}

.page-link,
.page-link i {
    color: var(--secondary) !important;
}
.page-link:hover {
    color: var(--primary);
}

.active .page-link {
    background: var(--primary);
    color: var(--white) !important;
    border-color: unset;
}

/* override bootstrap */
.fa.fa-icon-black,
.fa.fa-icon-white {
    color: #FFFFFF;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:visited {
    background: none;
    background-color: #ED008D;
    border-color: #CCCCCC;
}

.btn-link {
    color: var(--secondary);
}
.btn-link i {
    color: var(--secondary) !important;
}
.btn-link:hover {
    color: var(--primary) !important;
}

body {
    background-color: #E1E1E1;
}

/* hide koha logo */
#logo {
    display: none;
}

/* navbar */
#wrapper {
    padding-left: 0px;
    padding-right: 0px;
}

nav.navbar.navbar-expand {
    background: var(--secondary);
}

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

nav.navbar.navbar-expand li.dropdown.show>.dropdown-toggle,
nav.navbar.navbar-expand li a:focus,
nav.navbar.navbar-expand li a:hover {
    color: var(--primary);
}

nav.navbar.navbar-expand li .dropdown-menu.show a:focus,
nav.navbar.navbar-expand li .dropdown-menu.show a:hover {
    color: var(--white);
    background: var(--primary);
}

nav.navbar.navbar-expand li.dropdown.show>.dropdown-toggle .caret,
nav.navbar.navbar-expand li.dropdown.show>.dropdown-toggle .caret:hover,
nav.navbar.navbar-expand li.dropdown>a:focus .caret,
nav.navbar.navbar-expand li.dropdown>a:hover .caret {
    border-bottom-color: var(--primary);
    border-top-color: var(--primary)
}

.nav-tabs .nav-link {
    color: var(--secondary);
}
.nav-tabs .nav-link:hover {
    color: var(--primary);
}

/* tab header */
#opacheader {
    background: transparent;
}

#opacheader img {
    padding: 20px 0px 25px 45px;
}

/* opac-main-search */
#opac-main-search {
    background: var(--secondary);
}

#opac-main-search label {
    color: var(--white);
}

/* actions-menu */
#action a:hover i.fa,
#action button:hover i.fa,
.actions a:hover i.fa,
.actions button:hover i.fa,
.toolbar a:hover i.fa,
.toolbar button:hover i.fa,
.view a:hover i.fa,
.view button:hover i.fa {
    color: var(--primary);
}

/* footer */
#wrap>div.container-fluid>div.row-fluid>div.span12 {
    background: var(--secondary);
    color: var(--white);
    padding: 20px 0px;
}

.results_summary .label {
    font-weight: bold;
}

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

#opac-detail th#item_itemtype {
    width: 135px;
}

#a_listResults {
    color: var(--secondary);
}

#moresearches {
    margin: unset;
}