/*shop*/

.content img:hover {
    opacity:.5;
}

.item-description img:hover {
    opacity:unset;
}

.content.flex-row img {
    margin-bottom:auto;
}

#checkout {
    text-align:left;
}

#checkout select {
    margin-top: auto;
    min-height: 2.5em;
    margin-left: 5px;
}

#checkout .footer {
    margin-top:20px;
    padding-left:unset;
    padding-right:unset;
}

.grid {
    vertical-align: middle;
    padding: 10px;
    text-align: center;
    
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
}

.grid h1 {
    font-size: 1em;
}

.grid img {
    max-width:unset;
    padding:0px;
}
.latin {
    font-size:smaller;
    font-style:italic;
}

.item-wrapper {
    display:flex;
    overflow:auto;
    position:relative;
}

.item-description h3, .cart-item h3 {
    margin-bottom: -.5em;
}

.card-wrapper {
    position: absolute;
    top: 15px;
    right:15px;
}
.card {
    display:flex;
    flex-direction: column;
    min-width:200px;
    max-width:300px;
}
.card .flex-row {
    margin-bottom: .5em;
}
.card h3 {
    margin-bottom: -.75em;
}
.card button {
    padding:10px;
}

.cart {
    position:fixed;
    top:25px;
    right:25px;
    min-width:50px;
}
.cart img {
    max-width:45px;
}
.cart .badge {
    width:1em;;
    height:1em;
    background:yellow;
    position:relative;
    left:10px;
    bottom:10px;
    text-align: center;
    border-radius: 10px;
    vertical-align: middle;
}

.cart-full {
    display:flex;
    flex-direction: row; 
    position:relative;
}

.cart-item-list {
    width: 60%;
}

.cart-item {
    display:flex;
}
.cart-item img {
    max-width:180px;
}
.cart-item>div {
    flex-grow:1;
}
.fill {
    flex-grow:1;
}
.cart-checkout {
    position:sticky;
    top: 10px;
    width: 35%;
    margin-left: 20px;
    align-self: flex-start; 
}
.cart-full .flex-column {
    max-width: unset;
}

.cart.card-wrapper {
    position:relative;
}

#checkout input {
    flex-grow:1;
}



#checkout label:not(.delivery) {
    font-size:smaller;
    padding-top:1em;
}

#checkout input {
    min-height:2em;
}

#checkout input:invalid.validated {
    border:1px solid red;
}

#checkout button {
    min-height: 2em;
    margin-top: 2em;
    padding: 10px;
}