@import './lib_barrio.css';
@import './sidebar_tree.css';

[id], [name] {
    scroll-margin-top: unset;
}

/* Display of titles in text */
span.title {
    font-variant: unset;
}
.inherit {
    font-style: unset;
}

/* Image. */
#footer-innovation .footer-innovation-links .img-link {
    padding-top: 24px;
    padding-bottom: 24px;
}
#footer-innovation .footer-innovation-links .img-link img {
    height: auto;
    max-width: 320px;
}

/* Separate the local footer from the content. */
.footer { margin-top: 4rem; }

/* Some elements in the page have different fonts */
.inline-label, .identifier .id-label,
.record-type-badge,
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif; }

/* Duplicating useful AS styles that were overridden */
.no-pad {
    padding-left: 0;
    padding-right: 0;
}

/* Buttons shouldn't be blue, even active. */
#submit_search,
.btn.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary.active:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background: #8c1d40;
    border-color: #8c1d40;
}

/* Load all elements */
#load-all-section .bg-secondary.rounded {
    border-radius: 0 !important;
    background-color: #191919 !important;
}
#load-all-showing-percent { color: #191919; }
.load-all__label-toggle {
    background: #d0a4b2;
    color: #8c1d40;
}
.load-all__label-toggle::after { background: #8c1d40; }

/* Override main nav styles until we can adjust the classes in the template. */
.navbar-default .navbar-nav > li > a.nav-link,
.navbar-default .navbar-nav > li > a.nav-link:hover,
.navbar-default .navbar-nav > li > a.nav-link:focus {
    color: #191919;
    text-decoration: none;
}
.navbar-default .navbar-nav > .nav-item > a::after {
    transition: 0.5s cubic-bezier(0.19, 1, 0.19, 1);
    content: "";
    display: block;
    height: 0.5rem;
    position: relative;
    top: 0.6rem;
    right: 12px;
    width: 0px;
    background-image: linear-gradient(to right, transparent 0.5%, rgb(255, 198, 39) 0.5%);
}
.navbar-default .navbar-nav > .nav-item:hover > a::after {
    width: calc(100% + 24px);
}
.navbar-default .navbar-collapse, .top-bar {
    /*border-top: none !important;  this for menu below header */
    border-color: #d0d0d0;
    background-color: #fff !important;
    border: none; /* this for menu in header */
    padding: 0.5rem 0.75rem;
    width: 100%; /* Added for sooner mobile */
}
.top-bar .nav-item.p-2 { padding: .5rem .5rem 0 .5rem !important; }

a:hover, a:focus { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); }

/* Facet buttons */
/* Make facet and show more buttons into outline buttons */
.more-facets .btn,
label.readmore__label {
    border: 1px solid #191919;
    color: #191919;
}
.more-facets .btn:hover,
.more-facets .btn:focus,
label.readmore__label:hover,
label.readmore__label:focus {
    color: #fff;
    background-color: #191919;
    border-color: #191919;
}
/* Duplicate btn-sm */
label.readmore__label {
    --bs-btn-border-radius: 400rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.5;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 400rem;
    transition: 0.03s ease-in-out;
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    font-weight: bold;
    white-space: nowrap;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}
#facets .badge-pill {
    color: #191919;
    background-color: #d6f0fa;
}
a.delete_filter {
    padding: .25rem;
    width: 2rem !important;
    height: 2rem;
    border: solid 1px #d0d0d0;
    border-radius: 400rem;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: #e8e8e8;
    color: #191919;
}
a.delete_filter:hover {
    transform: scale(1.05);
}

/* Pagination */
.page-item.active > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}

/* Apply accordion chevron transition to FA span.  */
.accordion-item .accordion-header a .fa-chevron-up {
    margin-left: 1.5rem;
    transition-duration: 0.4s;
    -webkit-align-self: flex-start;
    align-self: flex-start;
}
.accordion-item .accordion-header a.collapsed .fa-chevron-up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion-body ul:first-child,
.accordion-body dl:first-child {
    margin-top: 1rem;
}

/* Accordions in the sidebar shouldn't look like accordions for now. */
.subjects .sidebar .accordion-item-gray {
    border-left-color: transparent;
}
.subjects .sidebar .accordion-body {
    background: none;
    padding-top: 1rem;
}

/* Search result heading is normal, not underlined. Term is bold. See search.asu.edu for inspiration */
.searchterm {
    background: none;
    padding-right: 0;
}
.searchstatement {
    background-color: #e8e8e8;
    padding: 2rem 4rem;
}
.btn.btn-group,
.btn.btn-group:hover {
    background: none;
    border: none;
    transform: none;
}
.searchstatement .btn.btn-group .btn {
    border: solid 1px #191919;
    background: #191919;
    color: #fff;
    border-radius: 400rem !important;
}
.searchstatement .btn-group .btn:first-child {
    margin-right: 1rem;
}
/* This is search results and repository list. */
.recordrow {
    border: none;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0;
    padding-bottom: 3rem;
    padding-top: 2rem;
    padding-left: 0;
}
.search-results h3 {
    font-weight: normal;
}
/*.search-results h3 a {
    text-decoration: none;
}
.search-results h3 a:hover {
    text-decoration: underline;
}*/
.search-results .record-type-badge,
.search-results .identifier .id-label,
.search-results .identifier .component {
    font-weight: normal;
}
.record-type-badge {
    color: #191919 !important;
    border: none;
}

/* Page action buttons */
/* Hide icons, make them look like regular buttons */
.page_action.btn-default,
.page_action.btn-default:hover,
.page_action.btn-default:active {
    color: #fff;
    background: #191919;
}
.btn.page_action .fa.fa-3x,
.btn.page_action br {
    display: none;
}

.resizable-sidebar-left { margin-right: 1.5rem; }
.resizable-sidebar-right { margin-left: 1.5rem; }

/* Link to object in repository */
/* Make it so focus has something to surround */
.record-type-badge.digital_object.external-digital-object__link {
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: underline;
}
.external-digital-object__content-container {
    margin-bottom: 0; /* move margin to parent */
    border: 1px solid #d0d0d0;
    border-radius: 0;
    text-align: left;
    padding: 2rem;
}
a.record-type-badge,
.breadcrumb * a {
    color: #8c1d40 !important;
}
.available-digital-objects {
    float: none;
}

/* Change breadcrumb separator */
.breadcrumb > li + li::before {
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider,"/");
}

.external-digital-object__content-btn,
.external-digital-object__link:hover .external-digital-object__content-btn {
    background: none;
    border: none;
    color: inherit;
    padding: 0;
    text-align: left;
}
.record-type-badge.digital_object.external-digital-object__link:hover { text-decoration: none; }
.external-digital-object__link:hover .external-digital-object__content-container { background: none; }



/* Not all buttons need to be maroon */

/* Collapse/show all on resource pages */
.btn.acc_button,
.btn.acc_button.btn-primary:not(:disabled):not(.disabled):active,
.btn.acc_button.btn-primary.active:not(:disabled):not(.disabled),
.show > .btn.acc_button.btn-primary.dropdown-toggle{
    color: #000;
    background: #bfbfbf;
    border-color: #bfbfbf;
}

/* Mobile menu button */
.navbar-light .navbar-toggler {
    color: #191919;
    border-color: #191919;
}

/* Card with no headers need extra body margin. */
.card:not(:has(.card-header)) .card-body,
.card:not(:has(.card-header)) .card-link {
    margin-top: 2rem;
}

/* Fiddle with header css for merged nav */
#header-main #menubar .header-content-container > :last-child {
    margin-bottom: 0;
}
.svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
/* No border on non-mobile */
@media screen and (min-width: 78.75rem) {
    #header-main .navbar-nav .nav-item .nav-link {
        border-top: none;
    }
    #header-main .nav-link.nav-link-home {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
/* Do mobile navigation sooner to match UDS xl breakpoint. */
@media screen and (max-width: 1260px) {
    .navbar-nav .icon-nav-item {
        display: none;
    }
    #header-main .navbar {
        flex-direction: column;
    }
    #header-main .navbar-expand-xl .navbar-toggler {
        display: block !important;
    }
    #header-main .collapse:not(.show) {
        display: none !important;
    }
    #header-main .navbar-expand-xl .navbar-nav {
        flex-direction: column;
        width: 100%;
    }
    .navbar-expand-xl .navbar-collapse {
        flex-direction: column;
    }
    #header-main #menubar .header-content-container {
        width: 100%;
    }
    #header-main .d-xl-none {
        display: block !important;
        width: 100%;
    }
}

/* Might not need this with updated page_actions template */
/*.page_actions .large-badge:nth-child(n+3) {
    margin-top: .5rem;
}
@media screen and (max-width: 992px) {
    .page_actions .large-badge:nth-child(n+2) {
        margin-top: .5rem;
    }
}*/
#header-main #menubar .header-content-container { min-height: auto; }

/* Don't hide breadcrumbs on small screens (overrides UDS). */
@media screen and (max-width: 36rem) {
    .breadcrumb {
        display: flex;
    }
}

/* Removed the ASU sign in link so need to add borders to surrounding items. */
/* Remove these styles if we add the sign in link back. */
#header-main .navbar-mobile-footer .nav-grid .nav-link:nth-child(2n) {
    border-bottom: 1px solid #d0d0d0;
}
#header-main .navbar-mobile-footer .nav-grid .nav-link:nth-child(3n) {
    border-right: 1px solid #d0d0d0;
}

/* Content max width */
.single_note { max-width: 700px; }
.subnote { padding-left: 0; }

.test { background-color: rebeccapurple; }