@import url('https://fonts.googleapis.com/css?family=Rubik:300,400');

@-moz-document url-prefix() {
 #flexible-content {
      flex: 1;
    }
}

/* CLEANED CSS */

* { color: #a7a9ab;
}


.name, .name a {
    text-transform: capitalize;
    display: block;
    color: #000000;
}

.product-listing-copy .name {
    width: 150px !important;
    margin-bottom: 2px;
    margin-top: 5px;
}

h2.name {
    margin:0 !important;
}

h2.name a {
    font-weight: 400;
    font-size: 1.2rem;
}


content.contact label {
    display:block;
    width: 350px;
    max-width: 100%;
    margin: 0 auto 10px auto;
    text-align: left;
    }

content.contact input, textarea {
    color: grey !important;
    border-radius: 3px;
    border: solid 1px #a7a9ab;
    padding: 5px 10px;
    width: 330px;
    max-width: 90%;
    margin-bottom: 30px;
}

content.contact textarea {
    resize: none;
    height: 80px;
}

content.contact input[type=submit] {
    background: #f9a42a;
    color: #ffffff !important;
    border: solid 1px #f9a42a;  
    width: auto !important;
    padding: 5px 25px;
    border-radius:25px;
    font-size: .8rem;
}

content.contact input[type=submit]:hover {
    color: #f9a42a !important;
    background: #ffffff;
    cursor: pointer;
}

@media screen and (max-width: 860px) {
    .name {
        font-size: 1.4rem !important;
    }
    
    .price {
        font-size: 1.4rem !important;
        margin: 15px 0;
    }
    .price-note {
        font-size: 1rem !important;
    }
    .price-units {
        font-size: 1rem !important;
    }
}

a { 
    color: #a7a9ab;
    text-decoration: none;
    font-weight: 300;
}

a:hover {
    text-decoration: underline;
}

h2 {
    color: #000000;
}


img.mini-logo {
 width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
}

a.btn {
    border-radius: 25px;
    border: solid 1px #f9a42a !important;
    background: #f9a42a;
    text-transform: capitalize !important;
    padding: 5px 25px !important;
    transition: all .4s !important;
    display:inline-block !important;
    color: #ffffff !important;
    font-weight: 300 !important;
    font-size: .8rem !important;
    text-decoration: none;
}

a.btn:hover {
    background: #ffffff;
    color: #f9a42a !important;
    border: solid 1px #f9a42a !important;
    padding: 5px 25px !important;
    text-decoration: none;
    display:inline-block !important;
    transition: all .4s !important;
}

a.btn.check-out {
    margin-left: 20px;
}

@media screen and (max-width: 860px) {
    a.btn:hover {
        border: solid 1px #f9a42a !important;
        background: #f9a42a !important;
        color: #ffffff !important;
    }
}

a.shop-nav {
    margin-right: 20px;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    padding-bottom: 3px;
    border-bottom: solid 2px #ffffff;
    font-weight: 400;
}

/* START Section Page */

.section-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 900px;
    margin-top: 15px;
    margin-bottom: 50px;
}


.section-content-col {
    width: 27%;
    display: inline-block;
}

@media screen and (max-width: 860px) {
    .section-page {
        margin-top: 5px !important;
    }
    
    .section-content {
        flex-direction: column;
        margin-top: 25px !important;
    }
    
    .section-content-col {
        width: 100% !important;
        margin-bottom: 30px; 
    }
    
    
    .section-content img {
        width: 100%;
    }
    
    .product-listing .price-note {
        width: 100%;
    }
}

.shop-nav-wrp {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

@media screen and (max-width: 860px) {
    .shop-nav-wrp {
        display: none;
    }
    .category-subnav a {
        display: inline-block;
        font-size: 1.2rem !important;
        width: 100%;
        margin: 0;
        padding: 10px 0;
        color: #6d6e70 !important;
        text-align: center;
        margin-right: 0 !important;
        border-bottom: solid 1px #e6e7e8;
    }
    
    .category-subnav a:last-child {
        border-bottom: 0 !important;
    }
    
    .section-content p {
        font-size: 1.2rem !important;
    }
    
    a.btn {
        font-size: 1.2rem !important;
        margin: 30px 0 !important;
    }
    
    h2 {
        font-size: 1.7rem !important;
    }
    
    .category-subnav a.current {
        font-weight: 400 !important;
        color: #000000 !important;
    }
    
    .subcategory-subnav {
        column-count: 1 !important;
    }
    .subcategory-subnav a {
        font-size: .9rem !important;
        text-align: center;
        border: solid 1px #929497;
        border-radius: 25px;
        margin: 2% 2% !important;
        padding: 7px 0 !important;
        width: 45%;
        display: inline-block !important;
        
    }
    
    .subcategory-subnav a:before {
        content: none !important;
    }
    
    .subcategory-subnav a.current {
        border: solid 1px #000000 !important;
    }
    
}

a.shop-nav.current {
    padding-bottom: 3px;
    border-bottom: solid 2px #f9a42a;
}

a.shop-nav:hover {
    border-bottom: solid 2px #f9a42a;
}

.section-btn {
    margin-top: 10px;
}


/* END Section Page */

/* START Product Listing */

.cart-response {
 margin: 10px 0;   
}

h4 a {
    font-weight: 400 !important;
}

@media screen and (max-width: 860px) {
    
    .cart-response {
        font-size: 1rem !important;
    }
    
    h4 {
        font-size: 1.3rem;
    }
    
    .product-listing .name {
        width: 100% !important;
        margin-top: 15px !important;
        text-align: center;
    }
    
    .product-listing .price-note {
        text-align: center !important;
    }
    
    .product-listing .price {
        text-align: center !important;
    }
    .product-listing .price span {
        display: block;
    }
    
    .product-listing .cart-buttons {
        text-align: center !important;
    }
    
    .product-listing .cart-buttons input[type=number] {
        width: 100px !important;   
    }
    
    .product-listing {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 50px 0 !important;
        height: auto !important;
        text-align: center;
    }
    
    .product-listing img {
        width: 100% !important;
        height: auto !important;
    }
    
    .add-btn {
        width: 100px !important;
    }
    
    .wine-btn {
        width: auto !important;
    }     
    
    .product-listing input[type=number] {
        font-size: 1.1rem !important;
        width: 50px !important;
        text-align: center;
    }
    
    .products {
        margin-top: 25px;
    }
    
    .package-listing h2.name {
        display: block !important;
        text-align: center !important;
    }
    
    .package-listing h2.name a {
          font-size: 1.4rem !important;
    }
    .package-contents-bullet {
        display: none !important;
    }
    .package-contents {
        text-align: center;
    }
    .package-listing .copy .price, .package-listing .copy .price-units {
        display: block !important;
        text-align: center !important;
    }
    
    .package-listing .cart-buttons {
        text-align: center !important;
    }
    
    .package-listing .cart-buttons input[type=number] {
        width: 100px !important;   
    }
    
}

/* END Product Listing */



/* END CLEANED CSS */


body {
    margin: 0;
    padding: 0;
    text-align: center;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: 'Rubik', sans-serif;
    padding-top: 80px;
}

header {
    border-bottom: solid 1px #000000;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    height: 80px;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #ffffff;
    border-top: solid 5px #f9a42a;
}

.top-bar {
    background-color: #f9a42a;
    display: flex;
    
}

.header-language {
    margin-left: 20px;
    display: inline-block;
    color: #808284;
    font-weight: 300;
    width: 120px;
}

.header-language-burger-switch {
    display: none;
}

.header-language a {
    color: #808284;
    text-decoration: none;
    font-size: .9rem;
}

.header-language a:hover {
    text-decoration: underline;
}

.current-lang {
        text-decoration: underline !important; 
        font-weight: 400;
}

.header-cart {
    margin-right: 20px;
    display: inline-block;
    color: #808284;
    font-size: .9rem;
    width: 120px;
}

.header-cart a {
    color: #808284;
    text-decoration: none;
}

.header-cart a:hover {
    text-decoration: underline;
}

footer {
    font-weight: 300;
    line-height: 1.2rem;
    font-size: .9rem;
}

footer h2 {
    color: #a7a9ab;
    font-weight: 400;
    font-size: 1rem;
    display: inline-block;
    border-top: solid 1px #a7a9ab;
    margin-bottom: 5px;
    padding-top: 20px;
}

.footer-wrp {
    width: 100%;
    display: flex;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.wrp {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

nav.main {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

nav.main img {
    margin: 0 20px;
    max-width: 90%;
}

nav.main a.logo {
    border: 0;
    padding: 0;
    margin: 0;
}

nav.main a.logo:hover {
    border: 0;
    padding: 0;
    margin: 0;
}

nav.main a {
    text-transform: uppercase;
    color:black;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: solid 2px #ffffff;
    transition: all .4s;
    margin-top: 7px;
}

.nav-spacer {
    width: 80px;
    margin: 0;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


nav.main a:hover {
    border-bottom: solid 2px #f9a42a;
    transition: all .4s;
}

nav.mobile {
    display: none;
}

nav.mobile a {
    background-color: #e6e7e8;
    color: #000000;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 3px;
    width: 49%;
}

nav.mobile a.current {
    background-color: #cccccc;
}

/* Drop down stuff */

.nav-spacer {
    position: relative;
}
.nav-dropdown-wrp {
    display: none;
    position: fixed;
    width: 100vw;
    left: 0px
}

.nav-dropdown {
    background: #ffffff;
    height: 500px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    text-align: center;
}

.nav-dropdown h4 {
    text-transform: capitalize;
    color: #000000;
}

.nav-dropdown-content {
    max-width: 900px;
    padding-top: 25px;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
}

.dd-food {
    width: 280px;
    margin: 0 10px;
    text-align: left;
}

.dd-food img, .dd-deli img {
    width: 100% !important;
    max-width: 100% !important;
    height: 130px;
    margin: 5px 0 0 0 !important;
}

.dd-food h4, .dd-deli h4 {
    margin: 0 0;
}

.dd-food p, .dd-deli p {
    font-size: .8rem;
    margin: 10px 0;
    text-align: justify;
    width: 100%;
}

.dd-deli a {
        padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.dd-food a {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    transition: all 0s;
    margin: 5px 0;
    line-height: 1.2rem;
    font-weight: 300;
    font-size: .9rem;
}

.dd-food a:hover {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    transition: all 0s;
    text-decoration: underline;
    
}
 
.dd-food a:after {
    content: '\A';
    white-space: pre;
}

a.dd-btn {
    border-radius: 25px;
    border: solid 1px #f9a42a !important;
    background: #f9a42a;
    text-transform: capitalize !important;
    padding: 5px 25px !important;
    transition: all .4s !important;
    margin: 10px 0 !important;
    display:inline-block !important;
    color: #ffffff !important;
    font-weight: 300 !important;
    font-size: .8rem !important;
}

a.dd-btn:hover {
    background: #ffffff;
    color: #f9a42a !important;
    border: solid 1px #f9a42a !important;
    padding: 5px 25px !important;
    text-decoration: none;
    display:inline-block !important;
    transition: all .4s !important;
}




.dd-col-small {
    width: 250px !important;
}

.dd-col-large {
    width: 280px !important;
}

a.dd-see-all {
    text-transform: capitalize !important;
    color: #404041 !important;
}

.dd-deli {  
    width: 280px;
    margin: 0 10px;
    text-align: left;   
}

.nav-deli-special p {
    width: 150px;
    margin: 0;
    font-size: .9rem;
    color: #404041;
}   

.dd-deli p:after {
    content: '\A';
    white-space: pre;
}

.current-day {
    text-decoration: underline;
    text-decoration-color: #f9a42a;
    font-weight: 400 !important;
    color: #404041 !important; 
}

.nav-deli-special label {
 display:inline-block;
    width: 50px;
    font-size: .9rem;
    color: #a7a9ab;
    font-weight: 300;
}

.dd-col-row-wrp {
    width: 575px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dd-col-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
}

.dd-col-row .dd-col-small {
    margin: 0;
}

.dd-col-row .dd-col-micro {
    width: 30%;
    text-align: center;
}

.dd-col-micro img {
    width: 100%;
    height: auto;
}

.dd-col-micro h4 {
    margin: 0 !important;
}

a.dd-see-more {
    text-transform: capitalize !important;
    font-size: .8rem;
    font-weight: 300;
    color: #a7a9ab !important;
    border-bottom: 0 !important;
}

a.dd-see-more:hover {
border-bottom: 0 !important;
    text-decoration: underline;
}

/* End drop down stuff */

.slider-wrp {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.slider-wrp {
            height: auto !important;
    }
    

.slide-0-img {
    background-image: url('slide-0.jpg');
    height: 500px;
    background-size: cover;
    background-position: center center;
}

.slide-1-img {
    background-image: url('slide-4.jpg');
    height: 500px;
    background-size: cover;
    background-position: center center;
}
.slide-2-img {
    background-image: url('slide-6.jpg');
    height: 500px;
    background-size: cover;
    background-position: center center;
}

.slide-3-img {
    background-image: url('slide-3.jpg');
    height: 500px;
    background-size: cover;
    background-position: center center;
}

.slide-1-copy-wrp {
        position: static;
        width: 100%;
        padding: 2% 0% 5% 0%;
        background: #f9a42a;
        color: #ffffff !important;
        border-radius: 0;
    text-align: center;
}

.slide-1-copy-wrp p {
    width: 60%;
    color: #ffffff;
    max-width: 600px !important;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.slider-wrp p {
    font-size: 1.2rem;   
}

.owl-dots {
    margin-bottom: 15px !important;
}
.slider-wrp h2 {
    margin:0 0 15px 0;
    font-weight: 400;
    color: #ffffff !important;
    text-align: center;
    width: 100%;
}

.owl-theme .owl-dots .owl-dot span {
    background: #ffffff !important;
    opacity: .4;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    opacity: 1 !important;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    color: #ffffff !important;
}

.slider-wrp a {
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    margin: 10px 0 0 0;
    transition: all .4s;
    border: solid 1px #ffffff;
    border-radius: 25px;
    padding: 5px 20px;
    margin: 25px 0 10px 0;
}

.slider-wrp a:hover {
    color: #f9a42a;
    background: #ffffff;
    transition: all .4s;
}


content {
    flex: 1;
    width: 90%;
    max-width: 900px;
    margin: auto;
}

.content-row {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}


.story p {
    text-align: justify;
}

.story img {
    width: 100%;
    max-width: 650px;
}

/* TEXT STYLES */

h1 {
    font-weight: 400;
    margin: 10px 0;
    color: #000000;
}

h3 {
    font-weight: 400;
    color: #000000;
}

.content-item h3 {
    margin: 15px 0 10px 0 !important;
}

p {
    color: #A7A9AB;
    max-width: 650px;
    width: 90%;
    display: inline-block;
    margin: 0;
    font-weight: 300;
}

/* HOME PAGE */

.content-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-top3 {
    margin-bottom: 60px;
}

.home-top3 p {
    font-size: .8rem;
    max-width: 250px;
    width: 100%;
    margin-bottom: 10px;
}

.home-top3 h3 {
    margin: 5px 0;
}

.home-top3 a.btn {
    color: #F9A42A;
    text-decoration: none;
    font-weight: 400;
    margin-top: 10px;
    transition: all .4s;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}


.home-top3 a.btn:hover {
    color: #000000;
    transition: all .4s;
}

.home-top3-img-1 {
    background-image: url("img/groceries.jpg");
}

.home-top3-img-2 {
    background-image: url("img/specialty-baskets.jpg");
}

.home-top3-img-3 {
    background-image: url("img/wine-beer-liquor.jpg");
}


.home-deli p {
    font-size: .8rem;
    width: 100%;
}

.home-deli h3 {
    margin: 5px 0;
    text-transform: uppercase;
    font-weight: 300;
}

.home-deli h4 {
    margin: 0 0 10px 0;
    color: #000000;
}


.home-wines-parent {
    width: 150px !important;
}


/* LIVE IMAGE */

.live-img-parent {
    width: 250px;
    height: 280px;
    overflow: hidden;
}

.live-img-child {
    width: 100%;
    height: 100%;
    background-color: black; /* fallback color */
    background-position: center;
    background-size: cover;
    transition: all .5s;
}

.live-img-parent:hover .live-img-child,
.live-img-parent:focus .live-img-child {
    transform: scale(1.07);
    cursor: pointer;
}

.home-deli-parent {
    height: 140px !important;
    width: 280px !important;
}

.live-img-child {
    width: 100%;
    height: 100%;
    background-color: black; /* fallback color */
    background-position: center;
    background-size: cover;
    transition: all .5s;
}

.home-deli-special h3 {
    margin: 5px 0;
}

a.home-deli-link, a.home-wines-link  {
        border: solid 1px #000000;
        color: #000000;
        border-radius: 25px;
        padding: 10px 20px;
        margin: 25px auto 50px auto;
        width: auto;
        max-width: 50%; 
        text-decoration: none;  
        display: inline-block;
    transition: all .2s;
}

a.home-deli-link:hover, a.home-wines-link:hover {
    background: #000000;
    color: #ffffff;
    transition: all .2s;
}

.specials-weekday {
    text-transform: uppercase;
    font-weight: 300;
    display: block;
    margin-top: 20px;
}

hr.weekly-specials {
    width: 50px;
    max-width: 30%;
    border: 0;
    border-top: solid 1px #d0d2d3;
    
}

/* Juice Banner */

.home-juice {
    width: 100%;
    display: inline-block !important;
    position: relative;
    margin-top: 70px;
}

.home-juice img {
    width: 100%;
    max-width: 900px;
}

.cava {
    width: 100%;
    display: inline-block !important;
    position: relative;
    margin-top: 20px;
}

.cava img {
    width: 100%;
    max-width: 900px;
}




.home-juice-copy {
    position: absolute;
    top: 60px;
    right: 30px;
    text-align: left;
    width: 40%;
    color: #ffffff;
}

.home-juice-copy p {
    color: #ffffff !important;
}

.home-juice-copy h2 {
    margin: 5px 0;
    color: #ffffff;
}

.home-juice-copy a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
    margin-top: 10px;
    transition: all .4s;
    padding: 5px 20px;
    border: solid 1px #ffffff;
    border-radius: 25px;
}


.home-juice-copy a:hover {
 color: #000000;
    background: #ffffff;
}

.juice-wrp {
    width: 100%; 
    max-width: 400px !important;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}

h2.juice-menu {
    display: inline-block;
    margin: 0;
    font-size: 1.2rem;
}

p.juice-price {
    display:inline-block;
    text-align: right;
    line-height: 24px;
    width: 80px;
}
p.ingredients {
    display:inline-block;
    text-align: justify;
    width: 100%; 
    max-width: 400px !important;
    margin-left: auto;
    margin-right: auto;
}

p.ingredients-extra {
    display:inline-block;
    text-align: justify;
    width: 100%; 
    max-width: 400px !important;
    margin-left: auto;
    margin-right: auto;
    font-size: .9rem;
    color: lightgrey;
}

.juice-img {
    width: 100%;
}

.juice-item {
    margin-bottom: 30px;
    text-align: left;
    width: 100%; 
    max-width: 400px !important;
    margin-left: auto;
    margin-right: auto;
}
 
/* Wines */

.home-wines img {
    align-self:center;
    height: 200px;
}

.home-wines h3 {
    margin-bottom: 0;
}

.home-wines h4 {
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 300;
    color: #6D6E70;
    margin: 5px;
}

.home-wines p {
    font-size: .8rem;
    font-style:italic;
    width: 100%;
    text-transform: capitalize;
}

.home-wines a {
    color: #000000;
    text-decoration: none;
    transition: all .4s;
    text-transform: capitalize;
}

.home-wines a:hover {
    color: #f9a42a;
    transition: all .4s;
}

.home-bottom-col1 {
    width: 48%;
    text-align: left;
}

.home-bottom-col2 {
    width: 48%;
    text-align: left;
}

.home-bottom-col2-r1 {
    width: 100%;
    margin-bottom: 20px;
}
.home-bottom-col2-r2 {
    display: flex;
    justify-content: space-between;
}

.home-bottom-col2-r2-col1 {
    width: 48%;
}
.home-bottom-col2-r2-col2 {
    width: 48%;
}

.home-prepared-parent {
    height:490px;
    width: 100% !important;
}

.home-brunch-parent {
    height:490px;
    width: 100% !important;
    position: relative;
}

.home-salads-parent {
    height:260px !important;
    width: 100% !important;
    position: relative;
}


.home-salads-child {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}


.home-salads-copy {
    position: absolute;
    top:50%;
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    color: #ffffff;
}

.home-brunch-copy {
    position: absolute;
    top:50%;
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    color: #ffffff;
}



.home-deli-bottom-parent {
    height:210px !important;
    width: 100% !important;
    position: relative;
}

.home-deli-bottom-child {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}


.home-deli-bottom-copy {
    position: absolute;
    top:50%;
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    color: #ffffff;
}




.home-baked-parent {
    height:210px !important;
    width: 100% !important;
    position: relative;
}

.home-baked-child {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}


.home-baked-copy {
    position: absolute;
    top:50%;
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    color: #ffffff;
}


.home-prepared-copy h4 {
    color: #404041;
    font-weight: 400;
    font-size: 1.3rem;
    margin: 20px 0 15px 0;
}

.footer-col {
    text-align:left;
    width: 14.2%;
}
.footer-col-dbl {
    width: 28.4% !important;
}

.footer-col a {
    font-size: .8rem;
    font-weight: 300;
    color: #808284;
    text-decoration: none;
}

.footer-col a:hover {
    color: #000000;
}

.footer-col h5 {
    margin-bottom: 5px;
}

.footer-col p {
    font-size: .8rem;
    color: #808284;
}

.footer-col a:after {
    content: '\A';
    white-space: pre;
}

a.footer-sm {
    font-size: 1.2rem;
    margin-right: 5px;
}

a.footer-sm:after {
    content: '';
}

.footer-bottom {
    font-size: .8rem;
    color: #808284;
    width: 100%;
    margin: 20px 0;
}



/* SECTION PAGE */

.section-page {
    text-align: left;
    margin-top: 30px;
}

.section-page h1 {
    text-transform: uppercase;
}

.section-page h1 a {
    color: #000000;
    text-decoration: none;
}

.section-page h1 a:hover {
    text-decoration: underline;
}

.category-subnav a {
    text-transform: uppercase;
    color: #929497;
    font-weight: 300;
    text-decoration: none;
    font-size: .9rem;
    margin-right: 30px;
}

.category-subnav a:hover {
    text-decoration: underline;
}

.category-subnav a.current {
    font-weight: 400;
    color: #000000;
}

.subcategory-subnav {
    margin: 15px 0;
    display: block;
    column-count: 6;
    text-align: left;
    width: 100%;
}

.subcategory-subnav a {
    text-transform: capitalize;
    color: #929497;
    font-weight: 300;
    text-decoration: none;
    font-size: .85rem;
    margin: 0 12px 0 0;
    display: block;
    padding: 3px 0;
}

.subcategory-subnav a:hover:before {
    color: grey;
    content:"\F111";
}


.subcategory-subnav a:before {
    font-family: "FontAwesome";
    content:"\F1db";
    color: #d0d2d3;
    margin-right: 10px;
}

.subcategory-subnav .radio {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: grey;
    display: inline-block;
}

.subcategory-subnav a.current {
    color: #000000;
    font-weight: 400;
}

.subcategory-subnav a.current:before {
    font-family: "FontAwesome";
    color: #000000;
    content:"\F111";
 }








.dropbtn {
    color: #000000;
    padding: 5px 10px;
    font-size: 14px;
    border: solid 1px #e6e7e8;
    border-radius: 25px;
    cursor: pointer;
    text-transform: capitalize;
    margin: 0 10px;
    width:200px;
    text-align: left;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: 25px;
    top: 30px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    text-transform: capitalize;
    font-size: .8rem;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #e6e7e8;
}



.kitchen-alert {
    display: block;
    border: solid 1px #f9a42a;
    border-radius: 5px;
    padding: 10px 20px;
    margin-top: 20px;
    font-size: .9rem;
    font-weight: 400;
    color: #f9a42a;
    background: #fff3e3;
    text-align: justify;
}









.section-page h2 {
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
}

.section-page h2 a.check-out {
    color: #ffffff !important;
    background: #f9a42a !important;
    font-size: .9rem;
    border-bottom: 0;
    border-radius: 25px;
    padding: 6px 20px;
    text-transform: capitalize;
    border: solid 1px #f9a42a;
    font-weight: 400;
    margin-right: 0 !important;
}

.section-page h2 a.check-out:hover {
    border-bottom: 0;
    border: solid 1px #f9a42a !important;
    background: #ffffff !important;
    color: #f9a42a !important;
    
}

.section-page h2 a.view-cart {
    color: grey;
    font-size: .9rem;
    font-weight: 300;
    text-transform: capitalize;
}

.section-page h2 a.view-cart:hover {
    border-bottom: 0;
    text-decoration: underline;
}

.section-content h4 a {
    text-transform:capitalize;
    color: #000000;
    text-decoration: none;
}

.section-content h4 a:hover {
    text-decoration: underline;   
}


.section-content-col h4 {
    margin:10px 0;
}

.section-content-col p {
    font-size: .85rem;
    font-weight: 300;
    text-align: justify;
    width: 100% !important;
    height: 50px;
}

.section-content img {
    max-width: 100%;
}

.event-heading {
    background-color: #000000;
    color: #ffffff;
    width: auto;
    padding: 5px 10px;
}

.event-heading:hover {
    cursor: pointer;
}

.products {
    display: flex;
    flex-wrap: wrap;
    max-width: 930px;
    width: 100%;
    margin-bottom: 50px;
}

.subcategory {
    display: flex;
    flex-wrap: wrap;
    max-width: 930px;
    width: 100%;
}

.product-listing {
    width: 19.5%;
    margin: 15px 2% 15px 0;
    padding: 2%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-listing-copy {
    display: flex;
    align-items:flex-start;
    flex-direction: column;
    text-align: left;
}

.wine-listing {
    width: 28%;
    margin: 15px 2% 15px 0;
    padding: 2%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media screen and (max-width: 860px) {
    .wine-listing {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

.wine-listing:nth-child(3n) {
    margin-right: 0 !important;
}

.wine-listing-img {
    width: 110px;
}

.wine-listing-copy {
    width: 178px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wine-listing img {
    width: 110px;
    height: 280px;
    border-radius: 2px;
}

.wine-listing .copy { 
    width: 100%;
}

.wine-listing-row.add-to-cart {
    padding-bottom: 25px;
}

.wine-listing .product-name {
    color: #000000;
    font-size: 1.4rem;
    text-decoration: none;
    
}

.wine-listing .price {
    margin: 15px 0;
    display: inline-block;
}

.wine-listing a.btn, .product-listing a.btn, .package-listing a.btn {
    display: inline-block;
    border: solid 1px #f9a42a;
    border-radius: 25px;
    padding: 5px 7px !important;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background: #f9a42a;
    font-size: .75rem;
    margin-right: 8px;
    width: 50px;
}

.package-listing a.btn.wine-btn {
    width: auto !important;
     margin-top: 20px;
}
.wine-listing a.btn:hover, .product-listing a.btn:hover, .package-listing a.btn:hover {
    color: #f9a42a;
    background: #ffffff;
}

.wine-listing input[type=number] {
    width: 20px;
    padding: 6px 10px;
    border: solid 1px grey;
    border-radius: 25px;
}

.variatal-name {
    font-weight: 300;
    text-transform: uppercase;
    font-size: .7rem;
}

.origin-name {
    font-weight: 300;
    text-transform: capitalize;
    font-style:italic;
    font-size: .9rem;
}

.origin-wrp {
    display: block;
}

.cart-response {
    font-size: .8rem;
    margin-bottom: 10px;
    display: inline-block;
}

.product-listing .cart-response {
    font-size: .8rem;
    display: block;
}

.cart-response i {
    color: #54dd8c;
}

.view-cart {
    margin-bottom: 75px;
    display: inline-block;
    width: 100%;
}

.cart-row {
    display: inline-flex;
    align-items: center;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    font-weight: 300;
    margin-top: 4px;
    border-top: solid 1px #e6e7e8;
    padding-top: 10px;
}

.cart-row .img-name {
    display: inline-flex;
    align-items: center; 
}

.cart-row .data-buttons {
    display: inline-flex;
    align-items: center; 
}

.cart-row .mob-label {
    display: none;
}

.data-buttons-wrp {
    display: flex;
    flex-direction: column;
}

.action-note {
  display:block;  
    font-size: .7rem;
    font-style: italic;
    font-weight: 300;
    text-align: right;
    margin-top: 5px;
}
@media screen and (max-width: 860px) {
    
    .cart-row {
        width: 100% !important;
    }
    .view-cart {
        width: 100%;
    }
    
    .cart-row .item {
        width: 100% !important;
        display: inline-block !important;
        height: auto !important;
        text-align: center !important;
        font-size: 1.4rem !important;
    }
    
    
    
    .cart-row .price, .cart-row .subtotal, .cart-row .quantity {
        width: 33% !important;   
        font-size: 1.2rem !important;
        text-align: center;
    }
    
    .cart-row input[type=number]{
        margin-left: 0 !important;
    }
    
    .cart-row .img-name .name {
        font-size: 1.4rem !important;
    }
    
    .cart-row .action {
        width: 100% !important;
        text-align: center;
    }
    
    .cart-row .price {
        margin: 0 !important;
    }
    
    .cart-row.heading {
        display: none !important;
    }
    
    .cart-row .img-name {
        display: block;
        width: 100% !important;
    }
    
    .cart-row .image {
        width: 100% !important;
        display: inline-block !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    
    .cart-row .quantity {
        color: #a7a9ab !important;
        font-weight: 300 !important;
        width: 33%;
        text-align: center;
    }
    
    .cart-row a.btn.update {
        font-size: .8rem !important;
    }
    
    .cart-row .image img {
        height: 200px;
    }
    
    .cart-row .mob-labels-wrp {
     width: 100%;   
        display: block;
        font-size: 1rem !important;
        margin-bottom: 10px;
    }
    
    .cart-row .mob-label {
        width: 33%;
        display: inline-block;
        text-align: center;
    }
    
    .cart-row .data-buttons {
        display: block;
        margin-top: 25px;
    }
    .cart-row a.btn.update:hover {
        background: #d0d2d3 !important;
    }
    
    .cart-row.total {
        display: none;
    }
    
    .cart-row.total-mobile {
        padding-top: 35px;
        display:inline-block !important;   
    }
    
    .cart-row.total-mobile a.btn {
        width: 150px !important;   
    }
    
    .cart-row .check-out-btn a.btn {
        width: auto !important;
    }
    
}

    .cart-row.total-mobile {
        display:none;   
    }


.cart-row.heading {
        border-top: 0 !important; 
}

.cart-row.heading span {
    color: #a7a9ab !important;
    font-weight: 300 !important;
    font-size: .9rem;
    margin-bottom: 10px !important;
    border-top: 0 !important;
}

.cart-row .item {
    width: 350px;
    display: inline-block;
    font-weight: 400;
    color: #000000;
    text-transform: capitalize;
    margin-top: -18px;
}

.cart-row .item.heading {
    margin-top: 0px !important;
}

.cart-row .price, .cart-row .subtotal, .cart-row .action, .cart-row .quantity, .cart-row .image {
    width: 100px;
    display: inline-block;
    font-weight: 400;
    color: #000000;
}

.cart-row .check-out-btn {
    width: 200px;
    text-align: right;
}

.cart-row .check-out-btn a.btn {
    width: 100px !important;
    text-transform: uppercase !important;
}

.cart-row .price-note {
    font-size: .75rem;
    font-weight: 300;
    text-transform: none;
}

.cart-row .image {
    text-align: center !important;
    margin-right: 30px;
}

.cart-row.total {
    height: 80px;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    margin-top: 0 !important;
}

.cart-row img {
    width: auto;
    height: 80px;
}

.cart-row input[type=number] {
    width: 30px !important;
    padding: 6px 10px;
    border: solid 1px grey;
    border-radius: 25px;
    margin-left: 5px;
    text-align: center;
}

.cart-row a.btn {
    width: 45px !important;
    text-align: center;
}

.cart-row a.btn.update {
    background: #d0d2d3 !important;
    border: solid 1px #d0d2d3 !important; 
}
.cart-row a.btn.update:hover {
    color: #d0d2d3 !important;
    background: #ffffff !important;
    border: solid 1px #d0d2d3 !important; 
}

.red {
 color: #e25050 !important;   
}

.package-listing {  
    width: 100%; 
    margin: 20px 0;
    display: flex;
}

.package-listing img {
    width: 300px;
    height: 300px;
    margin-right: 30px;
}

.package-listing .copy {
    width: 100%;
}

.package-contents-wrp {
    display: flex;
    justify-content: space-between;
    margin: 6px 0;
    width: 100%;
}

.package-listing .cart-buttons {
    display: block;
}

.package-listing .cart-response {
    display: block;
    margin-bottom: 10px !important;
    margin-top: 10px;
}


.package-listing input[type=number] {
    width: 30px;
    padding: 6px 10px;
    border: solid 1px grey;
    border-radius: 25px;
    margin-left: 10px;
    text-align: center;
}


.package-contents {
    font-weight: 300;
    color: #a7a9ab;
    font-size: .9rem;
    width: 95%;
}

.package-contents-bullet {
    color: #a7a9ab;
    font-size: .7rem;
    display: inline-block;
    padding-top: 2px;
}

.package-listing .copy-wrp {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 65%;
    margin-right: 2.5%;
    padding-right: 2.5%;
    border-right: solid 1px #e6e7e8;
}

.package-listing .tasting{
    justify-content: flex-start !important;
    border-right: 0 !important;
}


.package-listing .tasting-description {
    color: #000000;
    margin: 10px 0;
}

.package-listing .wine-tasting-info {
    display: block;
    color: #a7a9ab;
    font-size: .9rem;
    font-weight: 300 !important;
    margin: 10px 0;
}

.package-listing .wine-tasting-note {
    display: block;
    color: #a7a9ab;
    font-style: italic;
    font-size: .8rem;
    font-weight: 300;
    margin: 2px 0;
}

.package-listing.tasting img {
    height: auto !important;
}

.package-listing .package-contents {
    color: #000000 !important;
}

.package-listing .package-contents-bullet i {
    color: #f9a42a !important;
}


.package-listing.tasting, .package-listing-img-wrp {
    height: auto !important;
}

img.wine-tasting-listing {
    max-width: 100%;
    width: 930px;
    height: auto !important;
    margin-top: 30px;
}

.wine-tasting-listing {
    text-align: center;
    margin-bottom: 50px;
}

.wine-tasting-listing p {
    width: 550px;
    max-width: 90%;
}

.package-listing .price-wrp {
    margin-top: 5px;
    display:inline-block;
}

.recommended a.more {
    display: block;
    text-align: center;
    font-size: .9rem;
    margin-top: 10px;
    font-weight: 400;
}

.package-listing .recommended {
    width: 30%;
}

.package-listing .recommended-copy {
    text-align: center;
    display: block;
}

.package-listing .recommended .name {
    text-align: center;
}

.package-listing .recommended .price {
    text-align: center;
    display: block;
    margin: 5px 0;
}

.package-listing .recommended .cart-buttons {
    text-align: center;
}

.package-listing .recommended .cart-repsonse {
    height: 20px;
    display: inline-block;
}

.package-listing .recommended input[type=number] {
    width: 30px !important;   
}

.package-listing .recommended h3 {
    font-weight: 300;
    text-align: center;
    font-size: .9rem;
}

.package-listing .recommended img {
    margin-right: 0;
}

.package-listing .product-name a {
    font-size: 1.2rem;
    color: #000000;
    text-decoration: none;
    display: inline-block;
    margin: 0;
}

.product-listing:nth-child(4n) {
    margin-right: 0 !important;
}

.product-listing img {
    width: 150px;
    height: 150px;
    border-radius: 2px;
}

.product-listing.wines img {
    height: auto !important;
}

.product-listing.wines {
    height: auto;
}

.product-name {
    margin-top: 5px;
    text-align: left;
    text-transform: capitalize;
    display: block;
    margin: 5px 0;
}

.package-listing .product-name {
    margin: 0 !important;
}

.package-listing-img-wrp {
    width: 300px;
    height: 300px;
    margin-right: 30px;
}

.product-listing .price {
    text-align: left;
    display: block;
}

.product-listing .price-units, .package-listing .price-units {
    color: #a7a9ab;
    font-size: .8rem;
    font-weight: 300;
}

.package-listing .copy .price {
    font-size: 1.2rem;
    color: black !important;
}

.baskets-banner {
    margin: 20px 0;
    width: 100%;
    display: flex;
}

.baskets-1 h2 {
    color: #000000 !important;
}

.baskets-1 p {
   color: #929497 !important;
}

.baskets-2 h2, .baskets-2 p {
    color: #000000 !important;
}

.baskets-banner .baskets-1 {
    width: 80%;
    box-sizing: border-box;
    padding: 15px 30px;
    margin-right: 10px;
    height: 300px;
    background: url('/img/beach-banner.jpg');
    background-size: cover;
    border-radius: 2px;
}

.baskets-banner .baskets-2 {
    width: 20%;
    box-sizing: border-box;
    padding: 0px 0px;
    margin-left: 10px;
    height: 300px;
    background-size: cover;
    border-radius: 2px;
}



@media screen and (max-width: 860px) {
    
.baskets-banner {
    flex-direction: column;
    text-align: center !important;
}
    
    .baskets-banner .baskets-2 h2 {
        display: inline-flex;
    }
        
    
.baskets-banner .baskets-1, .baskets-banner .baskets-2  {
    width: 100%;
    margin: 30px 0 10px 0;
    height: auto;
    min-height: 200px;
    text-align: center;
}
    
    
    .package-listing {
        display: block;
        margin: 5px 0 0 0 !important;
    }
    
    .package-listing-img-wrp {
        width: 100% !important;
        margin-right: 0 !important;
        
    }
    
    .package-listing-img-wrp img {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
    }
    
    .package-listing .copy-wrp {
        border-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .package-listing .copy h2 {
        margin: 15px 0 !important;
    }
    
    .package-listing .cart-buttons a.btn {
        margin: 10px 0 !important;
    }
    
    .package-listing .price-wrp {
        margin: 15px 0;
        display: block;
    }
    .package-listing .package-contents {
        font-size: 1.2rem !important;
    }
    .package-listing input[type=number] {
        font-size: 1.1rem !important;
        width: 50px !important;
        text-align: center;
    }
    
    .wine-listing {
     margin-bottom: 45px !important;   
    }
    
    .wine-listing input[type=number] {
    font-size: 1.1rem !important;
        width: 50px !important;
        text-align: center;
        margin-left: 20px;
}
    .wine-listing .cart-response {
        display: block;
        margin-top: 0 !important;
    }
    .package-listing .recommended {
        border-top: solid 1px #a7a9ab;
        border-bottom: solid 1px #a7a9ab;
        display: block;
        width: 100% !important;
        padding: 30px 0;
        margin-bottom: 30px;
        margin-top: 25px;
    }
    
    .package-listing .recommended h3 {
        font-size: 1.4rem;
        margin-top: 0;
    }
    
    .wine-listing-copy {
        width: 100% !important;
    }
    
    .variatal-name {
        font-size: .9rem !important;
    }
    .origin-name {
        font-size: 1rem !important;
    }
    
    .wine-listing .add-to-cart a.btn {
        margin: 0 !important;
    }
}

.product-listing .info a {
    font-size: .8rem;
    color: #a7a9ab;
    text-decoration: underline;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 10px;
}

.product-listing .info a:hover {
    text-decoration: none;
    color: #a7a9ab;
}

.single-line {
    height: 25px;
}

.product-listing .quantity {
    margin: 5px 0 10px 0;
    font-size: .8rem;
    color: #a7a9ab;
    text-align: left;
    font-weight: 300;
}

.product-listing .price-note {
    font-style:italic;
    color: #a7a9ab;
    font-size: .7rem;
    text-align: left;
    font-weight: 300;
    margin: 3px 0;
    line-height: .9rem;
    display:inline-block;
}

.product-listing .description {
    font-size: .7rem;
    color: #a7a9ab;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 5px;
    max-width: 150px;
    display:inline-block;
}

.product-listing .cart-buttons {
    text-align: left;
}

.product-listing a{
    color: #000000;
    text-decoration: none;
    text-transform: capitalize;
    transition: all .2s;
    font-size: .9rem;
}

.product-listing a:hover {
    color: #f9a42a;
    transition: all .2s;
}

.product-listing input[type=number] {
    width: 30px;
    padding: 6px 10px;
    border: solid 1px grey;
    border-radius: 25px;
    margin-left: 10px;
    text-align: center;
}

.mob-checkout {
    display: none;
}

@media screen and (max-width: 860px) {

    .product-listing .cart-buttons a.btn {
        margin: 0 !important;
    }
    
    
    .product-listing .cart-response {
        margin-top: 0 !important;
        margin-bottom: 15px !important;
    }
    .product-listing .price-note {
        margin-bottom: 15px;
    }
    .wine-filter-label {
        width: 75px;
        display: inline-block;
    }
    
    .wine-filter-variatal, .wine-filter-origin {
        display: block;
        width:100%;
        margin: 10px 0;
    }
    .wine-listing-img {
        width: 100%;
        display: block;
        text-align: center;
    }
    
    .wine-listing {
        display: block;
    }
    
    .dropbtn {
        width: 150px;
    }

    a.mob-checkout {
            color: #ffffff !important;
        width: 100%;
        background: #f9a42a !important;
    }
    a.mob-checkout:hover {
        text-decoration: none;
    }
    
    .view-cart p {
        text-align: center;
        width: 100% !important;
    }
        
}

    .view-cart h1 {
        text-align: center;
    }

.subcategory-listing {
    width: 15.4%;
    padding: 15px 1.5%  20px 1.5%;
    text-align: center;
    margin: 15px 2% 15px 0;
    transition: all .4s;
}

.subcategory-listing:nth-child(5n) {
    margin-right: 0 !important;
}


@media screen and (max-width: 860px) {
    .subcategory-listing {
        width: 46% !important;
        margin: 0 !important;
        padding: 2% !important
    }
    
    .subcategory-listing img {
        height: auto !important;
    }
    
    .subcategory-listing a {
        font-size: 1.4rem !important;
        font-weight: 400;
    }
}


.subcategory-listing img {
    width: 100%;
    height: auto;
    border-radius: 2px;
}

.subcategory-listing a{
    color: #000000;
    text-decoration: none;
    text-transform: capitalize;
    transition: all .2s !important;
    font-weight: 400;
    
}

.subcategory-listing a:hover {
    color: #f9a42a;
    transition: all .2s !important;
}


.wine-filters {

}

.wine-filters h4 {
    font-size: .9rem;
    font-weight: 400;
    margin: 0 0 15px 0;
}

.wine-filters h4 .grape {
    text-transform: capitalize;
    text-decoration: underline;
}

.wine-filters h4 .origin {
    text-transform: capitalize;
    text-decoration: underline;
}


.wine-filters h5 {
    font-size: .8rem;
    font-weight: 400;
    margin: 0;
}

.mob-slideout {
    display: none;
    background: #eaeaea;
    position: fixed;
    height: 100vh;
    top: 0;
    width: 100vw;
    padding-top: 90px;
    z-index: 99;
    overflow-y: scroll;
}

.mob-slideout p {
    display: block;
    padding: 5px;
    border-bottom: solid 1px #d3d3d3;
    margin-left: auto;
    margin-right: auto;
}

.mob-slideout p:last-child {
    border-bottom: 0 !important;
}

.mob-slideout a {
    font-size: 1.4rem;
    text-transform: uppercase;
}

.confirm-checkout-wrp {
    max-width: 100%;
    display: flex;
    flex-direction:row;
    justify-content: space-between;
}

.confirm-checkout-wrp h2, .confirm-checkout-wrp h3 {
    font-weight: 300;
}
.confirm-checkout-wrp h2 {
    margin: 5px 0;
}
.confirm-checkout-wrp h3 {
    margin: 0;
    color: #a7a9ab;
    font-size: 1rem;
    font-style: italic;
}
.confirm-checkout-wrp p {
    margin: 0;
    color: #a7a9ab;
    font-size: .9rem;
    margin: 10px 0;
    text-align: justify;
}

.confirm-checkout-wrp div.col {
    width: 30%;
    margin: 0 3.3%;
}
.checkout-details label {
    display: block;
    text-align: left;
    margin: 15px 0 5px 0;
    color: #000000;
    font-weight: 300;
}
.checkout-details input[type=text], .checkout-details input[type=number], .checkout-details input[type=date] {
    border-radius: 25px;
    border: solid 1px #a7a9ab;
    padding: 5px;
    width: 200px;
    color: #000000;
}

.checkout-details input[type=text], .checkout-details input[type=number] {
    width: 100%;
}
.checkout-details textarea {
    border-radius: 15px;
    border: solid 1px #a7a9ab;
    padding: 5px;
    resize: none;
    color: #000000;
    width: 100%;
    height: 100px;
}
.checkout-details input[type=date] {
    padding: 3px !important;
}

.checkout-details select {
    width: 200px;
}
.checkout-details p.note {
    font-size: .8rem;
    font-style: italic;
    width: 100% !important;
    margin-bottom: 20px;
}

.checkout-details p.note.delivery-note {
    display: none;
    margin-top: 10px;
    font-weight: 400;
    border: solid 1px #f9a42a;
    border-radius: 4px;
    padding: 10px 20px;
    background: #fff3e3;
    color: #f9a42a;
}

.checkout-details p.note.minimum-note {
    font-style: normal !important;
    margin-top: 10px;
    font-weight: 400;
    border: solid 1px #f9a42a;
    border-radius: 4px;
    padding: 10px 20px;
    background: #fff3e3;
    color: #f9a42a;
}

.checkout-inner-wrp {
    width: 300px;
    max-width: 100%;
    text-align: left;
    display: inline-block;
}

.checkout-inner-wrp input[type=submit] {
    border-radius: 15px;
    padding: 7px 20px;
    border: solid 1px #f9a42a;
    background: #f9a42a;
    color: #ffffff;
    display:inline-block;
}

.checkout-inner-wrp input[type=submit]:hover {
    color: #f9a42a;
    background: #ffffff;
    cursor: pointer;
}
/* TABLET */

@media screen and (max-width: 1024px) {
    
    .nav-spacer {
        font-size: .9rem;
        width: 60px;
    }
}


/* MOBILE */

@media screen and (max-width: 860px) {
    
    header {
        height: 80px;
    }
    
    .header-language-links { 
        display:none;
    }
    .header-language-burger-switch {
        display:block;
    }

    
    .header-cart {
        display: none;
    }
    
    .header-cart i {
        display: none;
        font-size: 0;
    }
    
    nav.mobile {
        display: inline-block;
    }
    
    .nav-spacer {
        width: 0px;
    }
    
    nav.main img {
        width: 100%;
        margin: 10px 0;
    }
    
    nav.main a {
        display: none;
        width: 0;
    }
    
    nav.main a.logo {
        display:inline-block !important;
        width: auto !important;
        max-width: 180px;
    }
    
    .slider-wrp {
        margin-top: 3px;
    }
    .juice-img {
        margin-top: 3px;
    }
    
    .owl-dots{
     display: none;   
    }
     
    .header-language {
        display: flex;
        position: absolute;
        height: 100%;
        align-items:center;
        
    }
    
    nav.main {
        width: 100%;
    }
    

    
    /* HOME PAGE */
    
    .slider-wrp {
            height: auto !important;
    }
    
    .slide-1-copy-wrp p{
        position: static;
        width: 90% !important;
        padding: 5%;
        background: #f9a42a;
        color: #ffffff;
        border-radius: 0;
    }
    
    .slide-1-copy-wrp h2 {
        margin-top: 20px;
    }
    
    .slider-wrp p {
    font-size: 1.2rem;
        color: #ffffff !important;
}


.slider-wrp a {
    color: #ffffff !important;
}

.slider-wrp a:hover {
    transition: all .4s;
}
    
    .content-item {
        width: 100%;
    }
    
    .content-row {
        flex-direction: column;
    }
    
    .home-top3 h3, .home-deli h3 {
        margin: 20px 0 10px 0;
    }
    
    .home-deli h4 {
        font-size: 1.5rem;
        color: #000000; 
    }
    
    .home-top3 p, .home-deli p {
        max-width: 100%;
        font-size: 1.2rem;
    }
    
    .home-deli p {
        margin-bottom: 50px;
    }
    
    .home-top3 a.btn {
        border: solid 1px #F9A42A;
        color: #F9A42A;
        border-radius: 25px;
        padding: 10px 20px;
        margin: 25px auto 50px auto;
        width: auto;
        max-width: 50%;
    }
    
    
    .live-img-parent, .home-deli-parent {
        width: 100% !important;
        overflow: hidden;
        height: auto !important;
    }
    
    .live-img-child {
        padding-top:112%; /* `150/400 × 100` */
    }
    
    .home-juice {
        margin-top: 0;
    }
    
    .home-deli {
        margin-bottom: 0;
    }
    
    .home-juice-copy {
        position:static;
        color: #000000;
        width: 100%;
        text-align: center;
    }
    
    .home-juice-copy p {
        color: #000000 !important;

    }
    
    .home-juice-copy a {
        color: #000000;
        border: solid 1px;
        padding: 10px 20px;
        border-radius: 25px;
    }
    
    .home-wines .content-item {
    margin-bottom: 30px;
    
    }
    .home-wines p {
        max-width: 100%;
    }
    
    .home-bottom-col1 {
    width: 100%;
    }

    .home-bottom-col2 {
    width: 100%;
    }
    .footer-wrp {
        flex-flow: column;
        width: 90%;
    }
    
    .footer-col {
    text-align:left;
    width: 50%;
    }
    .footer-col a, .footer-col p {
        font-size: 1rem;
    }
    
    .footer-col-dbl {
        width: 100% !important;
    }

    .wine-tasting-info {
        text-align: center;
    }
    .wine-tasting-note {
        text-align: center;
    }
    .tasting-description {
        text-align: center;
    }
    .action-note {
        text-align: center;
        font-size: .9rem;
        margin-bottom: 15px;
    }
    
    .confirm-checkout-wrp  {
        flex-direction:column;
    }
    
    .confirm-checkout-wrp  div.col{
        width: 100%;
        margin: 0 0 40px 0;
    }
    .confirm-checkout-wrp p {
        text-align: center;
        max-width: 300px;
        display:block;
        margin-left: auto;
        margin-right: auto;
    }
    
}