.menu-item{min-width:30%;height:240px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;border:1px solid black;margin:0 7.5px 15px;overflow:hidden}.menu-item:hover{cursor:pointer}.menu-item:hover .backgroundImage{transform:scale(1.1);transition:transform 6s cubic-bezier(.25,.45,.45,.95)}.menu-item:hover .content{opacity:.9}.menu-item.large{height:380px}.menu-item .backgroundImage{width:100%;height:100%;background-position:center;background-size:cover}.menu-item .content{height:90px;padding:0 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid black;background-color:#fff;opacity:.7;position:absolute}body{font-family:Encode Sans Condensed,sans-serif;padding:20px 60px}a{text-decoration:none;color:#000}*{box-sizing:border-box}.collection-preview{display:flex;flex-direction:column;margin-bottom:30px}.collection-preview .title{font-size:28px;margin-bottom:25px}.collection-preview .preview{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;justify-content:space-between!important}.collection-item{width:22vw;display:flex;flex-direction:column;height:350px;align-items:center;position:relative}.collection-item .image{width:100%;height:95%;background-size:cover;background-position:center;margin-bottom:2 5px}.collection-item .custom-button{width:80%;opacity:.7;position:absolute;top:255px;display:none}.collection-item:hover .image{opacity:.8}.collection-item:hover .custom-button{opacity:.85;display:flex}.collection-item .collection-footer{width:100%;height:5%;display:flex;justify-content:space-between;font-size:18px;position:absolute;bottom:0}.collection-item .collection-footer .name{width:90%;margin-bottom:15px}.collection-item .collection-footer .price{width:10%}.header{height:70px;width:100%;display:flex;justify-content:space-between;margin-bottom:25px}.header .logo-container{height:100%;width:70px;padding:25px}.header .options{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end}.header .options .option{padding:10px 15px;cursor:pointer}.group{position:relative;margin:45px 0}.group .form-input{background:none;background-color:#fff;color:gray;font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-radius:0;border-bottom:1px solid grey;margin:25px 0}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label{top:-14px;font-size:12px;color:#000}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:gray;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:.3s ease all}.group .form-input-label.shrink{top:-14px;font-size:12px;color:#000}.custom-button{min-width:165px;width:auto;height:50px;letter-spacing:.5px;line-height:50px;padding:0 35px;font-size:15px;background-color:#000;color:#fff;text-transform:uppercase;font-family:Open Sans Condensed;font-weight:bolder;border:none;border-radius:10px;cursor:pointer;margin-bottom:20px}.custom-button:hover{background-color:#fff;color:#000;border:1px solid black}.custom-button.google-sign-in{background-color:#4285f4;color:#fff;margin-left:15px}.custom-button.google-sign-in:hover{background-color:#357ae8;border:none}.custom-button.inverted{background-color:#fff;color:#000;border:1px solid black;border-radius:5px;transition:.3s ease-in-out}.custom-button.inverted:hover{background-color:#000;color:#fff;border:none}.sign-up{display:flex;flex-direction:column}.sign-up .title{margin:10px 0}.acct{color:gray}.acct .acctSignIn{cursor:pointer;font-weight:900;margin-left:5px}.acct .acctSignIn:hover{color:#000}.cart-icon{width:32px;height:32px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-icon .shopping-icon{width:24px;height:24px}.cart-icon .item-count{position:absolute;font-size:10px;font-weight:700;bottom:7px}.cart-dropdown{position:absolute;width:250px;height:300px;display:flex;flex-direction:column;padding:20px;border:1px solid black;background-color:#fff;top:90px;right:40px;z-index:5}.cart-dropdown .cart-items{height:240px;display:flex;flex-direction:column;overflow:scroll}.cart-dropdown .empty-message{font-size:18px;margin:50px auto}.cart-dropdown button{margin-top:auto;font-size:11.5px}.cart-item{width:100%;display:flex;height:80px;margin-bottom:15px}.cart-item img{width:30%}.cart-item .item-details{width:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 20px}.cart-item .item-details .name{font-size:16px}.checkout-page{width:55%;min-height:90vh;display:flex;flex-direction:column;align-items:center;margin:50px auto 0}.checkout-page .checkout-header{width:100%;padding:10px 0;display:flex;justify-content:space-between;border-bottom:1px solid darkgrey}.checkout-page .checkout-header .header-block{text-transform:capitalize;width:23%}.checkout-page .checkout-header .header-block:last-child{width:8%}.checkout-page .total{margin-top:30px;margin-left:auto;font-size:36px}.checkout-item{width:100%;display:flex;min-height:100px;border-bottom:1px solid darkgrey;padding:15px 0;font-size:20px;align-items:center}.checkout-item .image-container{width:23%;padding-right:15px}.checkout-item .image-container img{width:100%;height:100%}.checkout-item .name,.checkout-item .quantity,.checkout-item .price{width:23%}.checkout-item .quantity{display:flex;padding-left:20px}.checkout-item .quantity .arrow{cursor:pointer}.checkout-item .quantity .value{margin:0 10px}.checkout-item .remove-button{padding-left:12px;cursor:pointer}.collections-overview,.collection-page{display:flex;flex-direction:column}.collection-page .title{font-size:38px;margin:0 auto 30px}.collection-page .items{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px}.collection-page .items .collection-item{margin-bottom:30px}.shop-logo{width:200px;height:200px}.homepage{display:flex;flex-direction:column;align-items:center;padding:20px 80px}.directory-menu{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.menu-item{min-width:30%;height:240px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;border:1px solid black;margin:0 7.5px 15px}.menu-item:first-child{margin-right:7.5px}.menu-item:last-child{margin-left:7.5px}.menu-item .content{height:90px;padding:0 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid black}.menu-item .content .title{font-weight:700;margin-bottom:6px;font-size:22px;color:#4a4a4a}.menu-item .content .subtitle{font-weight:lighter;font-size:16px}.stripeButton{margin-top:10px;padding:10px;background-color:#915fbf;color:#fff;border:none;border-radius:5px}.stripeButton:hover{background-color:#9b41ef}.stripeForm{width:200px;height:150px;background-color:#fff;border-radius:10px;box-shadow:0 0 20px #00000080;transform:translateZ(0);transition:box-shadow .3s ease-in-out}
