body {
    display: flex;
    flex-direction: column;
    height: unset !important;
    min-height: 100vh;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.client-home-cards > .row > .col-12 {
    padding: 0 !important;
}

.tiles {
    border-radius: .25rem !important;
    border: 1px solid rgba(0,0,0,.125) !important;
}

header.header {
    background-color: #404040;
}

.btn-primary, .btn-order-now, .btn-checkout {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.btn-primary:hover, .btn-order-now:hover, .btn-checkout:hover {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

.btn-primary:focus, .btn-order-now:focus, .btn-checkout:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important;
}

header.header .navbar > a, header .navbar-brand, header .navbar-nav > li > a {
    color: #fff !important;
}

header .navbar-brand {
    display: flex;
    align-items: center;
    gap: 0.3em;
}

header .navbar-brand h1 {
    font-size: 1em !important;
    margin: 0;
    border-bottom: 0;
}

/*.dropdown-item {*/
/*    color: #444 !important;*/
/*}*/

header.header .main-navbar-wrapper .navbar-collapse {
    padding: .5rem 0 !important;
}

section#main-body {
    flex-grow: 1;
}

footer {
    justify-self: flex-end;
    padding: 20px 0 !important;
}


.navbar-nav {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    gap: 1em;
}

/*.navbar-nav .primary-action::before {
    content: "";
    border-left: 1px solid #fff;
    opacity: .50;
    height: 1.5em;
    margin-right: 0.5em;
}*/

.navbar-nav .primary-action a {
    background-color: #222;
    transition: .2s;
}

.navbar-nav .primary-action a:hover {
    background-color: #333;
}

.list-group-item.active {
    background-color: #404040 !important;
    color: #fff !important;
    border-color: #404040 !important;
}

.cosmo-showcase {
    background: #453b7a;
    background: -webkit-linear-gradient(45deg, rgba(69, 59, 122, 1) 17%, rgba(122, 108, 202, 1) 100%);
    background: -moz-linear-gradient(45deg, rgba(69, 59, 122, 1) 17%, rgba(122, 108, 202, 1) 100%);
    background: linear-gradient(45deg, rgba(69, 59, 122, 1) 17%, rgba(122, 108, 202, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#453B7A", endColorstr="#7A6CCA", GradientType=0);

    border: 1px solid #7A6CCA;
    border-radius: .25em;
}

.cosmo-showcase .card-body h2, .cosmo-showcase .card-body p {
    color: #fff;
}

.cosmo-showcase .card-body {
    padding: 2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cosmo-showcase .card-body div {
    display: flex;
    flex-direction: column;
}

.cosmo-showcase .card-body div .btn {
    width: 100%;
}

.cosmo-showcase .card-body div .btn-primary {
    background-color: #fff !important;
    color: #222222 !important ;
}

.cosmo-showcase .card-body div .btn-primary:hover{
    background-color: #cbcbcb !important;
}

.cosmo-showcase .card-body div .btn-secondary:hover {
    color: #fff;
    background-color: rgba(147, 147, 147, 0.9) !important;
}

.cosmo-showcase .card-body div .btn-secondary {
    color: #222222;
    background-color: rgba(255, 255, 255, 0.7) !important;
}