/* 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. */

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

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.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 .25rem .75rem rgba(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;
    padding-top: 60px;
}

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

.search-background {
    background: url('/images/background.png');
}

.backgroundWhite {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.backgroundWhiteBorder {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}

.backgroundWhiteBorder10Padding {
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.detailsText {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.item-filter-list li {
    cursor: pointer;
    padding: 10px 20px 10px;
    text-transform: uppercase;
    background: #f5f5f5;
    border-radius: 5px;
    font-weight: 700;
    font-size: 13px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Poppins",sans-serif;
}

    .item-filter-list li.is-checke, .item-filter-list li:hover {
        background-color: #545b62;
        color: #fff;
    }

#item-filter a:hover {
    color: aqua;
}

.border2 {
    border: 5px solid #dee2e6;
    padding: 5px;
    margin: 5px;
}

#bottom-links {
    background-color: rgba(0, 0, 0, 0.25);
}

#head-jumbotron {
    background-image: url("../images/headerback.PNG");
    background-repeat: no-repeat;
    background-size: cover;
}

#menu-wrapper {
    border-left: 0px solid black;
}

#navbar-logo {
    height: 1em;
}

#border-top-bottom {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-top: 1%;
    margin-bottom: 1%
}

#footer-custom ul li a {
    color: dimgray;
    text-decoration: none;
}

    #footer-custom ul li a:hover {
        color: lightgray;
        text-decoration: none;
    }

#modal-details {
    min-width: 70%;
}

.text-primary-neinline {
    font-size: 21px;
    color: maroon;
}

.card-custom {
    min-width: 200px;
}

.cardCustomImage {
    max-width: 9rem;
}

.itemPrice {
    color: maroon;
    font-size: 1.2em;
}

.borderRoundCustom {
    border-radius: 5px;
    border: 1px solid #bbb9b9;
}

.aboutImage {
    width: 30rem;
    height: 30rem;
    border: 1px solid black;
}

.twoFAcustom {
    display: inline-block;
}

.footerBgColor {
    background-color: #343a40;
}

.tableButton {
    width: 150px;
}

.stripe-button-el {
    display: none !important;
}

.identity-container {
    min-height: 700px;
}

.manage-dropdown a {
    color: #ffffff;
    background-color: #343a40;
}

.manage-dropdown a:hover {
    color: #bbb9b9;
    background-color: #343a40;
}

.card-description {
    min-height: 5em;
}

.zoom {
    max-width: 200px;
}

.zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    z-index: 1;
    transition: transform 0.5s ease-in-out;
    border: 1px solid #bbb9b9;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    position: absolute;
}