/* Color variables */
:root {
    --kit-main-green: rgb(0, 150, 130);
    --kit-main-green-link: #007755;
    --kit-main-green-hover: rgb(0, 120, 100);
    --kit-main-blue: rgb(70, 100, 170);
    --kit-main-black: rgb(64 64 64);
    --kit-main-gray: rgb(64, 64, 64);
}

/* Opac Navbar */
/* Icon color */
nav.navbar .fa.fa-icon-black, nav.navbar .fa.fa-icon-header {
    color: black;
}

/* Font color for links in navbar*/
nav.navbar a,
nav.navbar a:hover,
nav.navbar a:active
nav.navbar a:visited,
nav.navbar a:focus,
nav.navbar-nav .nav-link.show {
    color: black !important;
}


/* Opac Header*/
div#opacheader > div.default_item > div.default_body > img {
    width: 100%;
    border-top-right-radius: 0.5rem;
}

/* Fallback for Firefox and Safari as they don't scale svg images correctly */
div#opacheader {
    background-image: linear-gradient(to right, var(--kit-main-green) 40%, rgb(65, 105, 170) 90%);
}

/* Search Box */
div#opac-main-search {
    background-image: linear-gradient(to right, var(--kit-main-green) 40%, rgb(65, 105, 170) 90%);
    margin: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.5em;
}

/* Default background on header image */
#kit-opac-headerimage {
    content: url("/api/v1/contrib/kitlibrary_opactheme/static/img/KIT-BIB_header.svg");
}

.kitbib-logo-img-overlay-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

.kitbib-logo-img-overlay-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

.kitbib-logo-img-overlay-wrap svg {
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 600px) {
    div#opac-main-search {
        background-image: linear-gradient(to right, rgb(53, 157, 133) 40%, rgb(65, 105, 170) 90%);
    }

    /* Fallback for Firefox and Safari as they don't scale svg images correctly */
    div#opacheader {
        background-image: linear-gradient(to right, rgb(53, 157, 133) 40%, rgb(65, 105, 170) 90%);
    }

    /* Mobile header image */
    #kit-opac-headerimage {
        content: url("/api/v1/contrib/kitlibrary_opactheme/static/img/KIT-BIB_header_mobile.svg");
    }

    #kit-logo-map-link-normal {
        display: none !important;
    }

    #kit-logo-map-link-mobile {
        display: block !important;
    }

}

/* End of OPAC Header */


/* Search Button inside Search Box */
div#opac-main-search #searchsubmit {
    background-color: transparent;

}

div#opac-main-search #searchsubmit:hover {
    border: 1px solid #fff;
    border-radius: 10px;
}

/*Search Box Input Fiels */
select#masthead_search.form-control,
input#translControl1.transl1.form-control {
    border-radius: 0;
}

/* All Buttons */

.btn {
    border-radius: 0;
}

.btn-primary {
    background-color: var(--kit-main-green);
    border: none;
}


.btn-primary:not(:disabled,.disabled).hover,
.btn-primary:not(:disabled,.disabled):hover,
.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(--kit-main-green-hover);
    box-shadow: none;
    border: none;
}

/* Links */
a:link, a:visited {
    color: var(--kit-main-green-link);
}

/* Legend */
legend {
    color: var(--kit-main-green);
}

/* Body */
body {
    background-color: #fff;
}

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

#opac-main {
    background: #fff;
}

div.main {
    background-color: #fff;
    border: none;
}

body {
    color: var(--kit-main-black);

}

strong {
    font-weight: 500;

}

#OpacMainUserBlock > div {
    border: 0.1rem solid #e6e6e6;
    padding: 1rem;
    /* background-color: #f2f2f2;*/
    margin-top: 0.4rem;
    box-shadow: 1px 2px 4px #e6e6e6;
    margin-bottom: 1.5rem;
}

/* News container */
#news {
    border: 0.1rem solid #e6e6e6;
    padding: 1rem;
    /* background-color: #f2f2f2;*/
    margin-top: 0.4rem;
    box-shadow: 1px 2px 4px #e6e6e6;
    margin-bottom: 1.5rem;
}

.newsitem {
    display: grid;
}

/* Strong Underline */
strong::after {
    content: '';
    display: block;
    width: 6.25rem;
    max-width: 100%;
    margin-top: 0.15em;
    border-bottom: 0.3125rem solid #00876c;
    overflow: hidden;
}

strong::after {
    -ms-transform: translateX(-15%) scaleX(0);
    transform: translateX(-15%) scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    -o-transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s
}

strong::after {
    -ms-transform: translateX(0) scaleX(1);
    transform: translateX(0) scaleX(1);
    opacity: 1
}

/* Linebreaks for availability in search results */
.availability strong:after {
    display: none;
}

.AvailabilityLabel::before {
    content: "\A";
    white-space: pre;
}

/* Left Upper Column */
#OpacNav {
    border: 0.1rem solid #e6e6e6;
    padding: 1rem;
    /* background-color: #f2f2f2;*/
    margin-top: 0.4rem;
    margin-bottom: 1.5rem;
    box-shadow: 1px 2px 4px #e6e6e6;
    max-width: 100%;
    overflow: auto;
}

/* Left Bottom Column */
#OpacNavBottom {
    border: 0.1rem solid #e6e6e6;
    padding: 1rem;
    /* background-color: #f2f2f2;*/
    margin-top: 0.4rem;
    box-shadow: 1px 2px 4px #e6e6e6;
    max-width: 100%;
}

/* Right Upper Column / Login */
#login {
    border: 0.1rem solid #e6e6e6;
    padding: 1rem;
    /* background-color: #f2f2f2;*/
    margin-top: 0.4rem;
    box-shadow: 1px 2px 4px #e6e6e6;
    margin-bottom: 1.5rem;
    max-width: 100%;
}

/* Right Bottom Column */
#OpacNavRight {
    border: 0.1rem solid #e6e6e6;
    padding: 1rem;
    /* background-color: #f2f2f2;*/
    margin-top: 0.4rem;
    box-shadow: 1px 2px 4px #e6e6e6;
    max-width: 100%;
}

#auth > fieldset > div.local-login > label:nth-child(1),
#auth > fieldset > div.local-login > label:nth-child(3) {
    font-weight: normal;
}

#provider_kit_fed,
#kit-button-login-private-users {
    background-color: var(--kit-main-green);
    border-color: var(--kit-main-green);
    color: #fff;
}

#provider_kit_fed:hover,
#kit-button-login-private-users:hover,
#provider_kit_fed:active,
#kit-button-login-private-users:active,
#provider_kit_fed:focus,
#kit-button-login-private-users:focus {
    background-color: var(--kit-main-green-hover);
    border-color: var(--kit-main-green-hover);
}


/* Lists in Main */
.main ul {
    /*list-style-type: none;*/
    padding-left: 1rem;
    /*list-style-color: var(--kit-main-green);*/
}

/*.main li::before {
    content:"\25AA  ";
    color: var(--kit-main-green);
}*/

/* Breadcrumbs-Navigation */
ol.breadcrumb {
    background-color: #fff;
}

#breadcrumbs > ol > li::before {
    content: '';
}

/* Show always the Home-Logo instead of the Koha-logo in the upper left  */
#logo {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 13 13'><g><g><path d='M2.2 6.6V13h2.83V8.9H8.2V13h2.83V6.6z'/><path d='M13.23 6.64H0L6.6 0z'/></g></g></svg>") no-repeat;
    margin: 14px;
    width: 14px;
}

#logo a {
    padding: 14px 0 0;
    width: 14px;
}

/* Align Links under the search field to the left */
#moresearches {
    margin: 0.5em 0;
}


/* Opac Disabled Buttons */
.btn-primary.disabled, .btn-primary:disabled, .btn-primary.disabled:hover, .btn-primary.disabled.hover, .btn-primary:disabled:hover, .btn-primary:disabled.hover {
    background-color: var(--kit-main-gray);
    border-color: var(--kit-main-gray);
}

/* Searchresult toolbar */
.toolbar button, .toolbar button i.fa, .toolbar a i.fa, .btn-link {
    color: var(--kit-main-green);
}

.toolbar button:hover, .toolbar button i.fa:hover, .toolbar a i.fa:hover, .btn-link:hover {
    color: var(--kit-main-green-hover);
}

/* Searchresult links */
.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, .table-striped tbody > tr:nth-child(odd) > th a.btn.btn-link {
    color: var(--kit-main-green-link);
}

.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 i.fa,
#action a i.fa-solid,
#action button i.fa {
    color: var(--kit-main-green-link);
}

.dt-button::before {
    color: var(--kit-main-green-link);
}

#action a {
    color: var(--kit-main-green-link);
}

/* Menu links */
#menu li a {
    color: var(--kit-main-green-link);
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #404040;
}


/* NumResults OPAC result list */
h1#numresults {
    color: #404040;
}

/* Search facets OPAC result list */

.moretoggle strong {
    margin: .2rem;
    font-weight: 800;
}

.moretoggle strong::after {
    content: none;

}


#facetcontainer h3 {
    font-size: 105%;
    margin-top: .2rem;
    color: #404040;
}

/* Toolbar result list */
#toolbar {
    background-color: #fff;
}

.selections-toolbar {
    background-color: #fff;
}

/* Result list */
div.coverimages.cover-slides.itemtype_ {
    max-width: 100%;
    margin-right: .5rem;
}

/* Record detail action container*/
#action {
    background-color: #fff;
}

.l_Results {
    background-color: #fff;
}

#a_listResults {
    color: var(--kit-main-blue);
}

.pg_menu .pg_link a, .pg_menu .pg_link span {
    background-color: #fff;
}


#header-region > nav {
    color: #404040;
}

/* Online-Ressourcen farblich hervorheben (Wunsch Martina W.) */
.online_resources {
    width: 50%;
    padding-left: 1.5rem;
    padding-top: .5rem;

}

/* Display Additional Search Options inline */
#moresearches, #OpacMoreSearches, #OpacMoreSearches > [class$="_item"], #OpacMoreSearches > [class$="_item"] > [class$="_body"] {
    display: inline;
}

/* Right Upper Column / User summary */
#user_summary {
    border: 0.1rem solid #e6e6e6;
    padding: 1rem;
    /* background-color: #f2f2f2;*/
    margin-top: 0.4rem;
    box-shadow: 1px 2px 4px #e6e6e6;
    margin-bottom: 1.5rem;
}

#user_summary h2 {
    color: var(--kit-main-green);
}

/* login form for private users */
#login-form-private-user {
    border: 2px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

/* Pagination in search page */
.page-link.active, .active > .page-link {
    background-color: var(--kit-main-green) !important;
}