/* This style sheet contains Microsofts generated site styles
    
Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.byu-alert {
    color: #002e5d !important;
    background-color: #cee3f5 !important;
    border-color: #cee3f5 !important;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

img#banner {
    object-fit: cover;
    width: 100%;
}


a:link {
    color: #007bff;
}

a:visited {
    color: #007bff;
}

a:hover {
    color: #007bff;
    text-decoration: underline;
}

a:active {
    color: #007bff;
}

.byu-footer-link, .byu-footer-link:visited, .byu-footer-link:hover, .btn {
    color: rgb(255, 255, 255)!important;
}

.byu-bread-crumb {
    opacity: 0.75 !important;
    color: rgb(255, 255, 255) !important;
    margin-right: 0.5em !important;
    padding-right: 0.75em !important;
    text-decoration: none !important;
    border-right: 1px solid rgb(51, 88, 125) !important;
}

/* Bright primary button (Cart) */
.btn-primary {
    color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
}

/* Force bright success button (Search) */
.btn-success {
    --bs-btn-bg: #28a745;
    --bs-btn-border-color: #28a745;
    --bs-btn-hover-bg: #218838;
    --bs-btn-hover-border-color: #1e7e34;
    --bs-btn-active-bg: #1e7e34;
    --bs-btn-active-border-color: #1c7430;
    --bs-btn-focus-shadow-rgb: 72, 180, 97;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}
.btn-success:hover { background-color: #218838 !important; border-color: #1e7e34 !important; }
.btn-success:active, .btn-success:focus { background-color: #1e7e34 !important; border-color: #1c7430 !important; }

/* Cart badge: solid white circle next to the Cart label */
.cart-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    padding: 0 !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #0d6efd !important;
    background-color: #fff !important;
    border-radius: 50% !important;
}
/* Also style counters when used without cart-badge but inside a button */
.btn .ShoppingcartCounter {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 1.25rem !important;
    height: 1.25rem !important;
    padding: 0 !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #0d6efd !important;
    background-color: #fff !important;
    border-radius: 50% !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

/* BYU Sticky footer styles
-------------------------------------------------- */
html,
body {
    height: 100%;
}

.containing-element {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.page-content {
    flex-grow: 1;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

    .pagination a.active {
        background-color: #002e5d;
        color: white;
    }

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.jumbotron {
    position: relative;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 6rem 0 3rem 0; /* reduce bottom padding so image height is smaller */
}

/* Ensure description below hero is visible and centered */
.p-3.text-center, .text-center.p-3 {
    margin-top: 1rem;
    background: rgba(255,255,255,0.95);
    color: #222;
    padding: .75rem 1rem;
    display: block;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset;
}