/*global css*/
.d-flex { display: flex; } 
.j-c-c { justify-content: center; } 
.j-c-s-b { justify-content: space-between; } 
.j-c-s-a { justify-content: space-around; } 
.j-c-s { justify-content: flex-start; } 
.j-c-e { justify-content: flex-end; } 
.a-c { align-items: center; } 
.a-t { align-items: flex-start; } 
.a-b { align-items: flex-end; } 
.a-s { align-items: flex-start; } 
.a-e { align-items: flex-end; } 
.f-d-c { flex-direction: column; } 
.w-100 { width: 100%; } 

:root { --black: #000; --white: #fff; --theme-yellow: #ae9650; } 

.full { width: 100%!important; overflow: hidden; display: flex; } 
.pd_b_xxl { padding-bottom: 24px!important; } 
.pd_w_xxl { padding-left: 24px!important; padding-right: 24px!important; } 
.half { width: 50%; } 
.third { width: 33.333%; } 
.half-third { width: 66.666%; } 
.half-six { width: 45.833%; } 
.half-eight { width: 62.5%; } 
.half-third, .half, .eight, .half-quarter, .quarter, .six, .third, .half-third, .half-eight, .half-six { vertical-align: top; display: inline-block; overflow: hidden; padding: 0; margin: 0; } 
.cms-page-view #maincontent p, .blog-page-list #maincontent p { text-align: left; font-size: 16px; line-height: 28px; margin: 0 0 1.4em; word-spacing: 1px; } 
.pd_xxl { padding-top: 24px!important; padding-bottom: 24px!important; } 
.text_center { text-align: center !important; } 
.flex-row_0 { flex: 0 0 auto; } 
.flex-container { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: stretch; } 

@media (min-width:769px){
 .page-layout-1column .loginplst .block.widget .products-grid li.product-item { height: 565px !important; } 
 }

@media (max-width:768px){
 .full, .half-third, .half, .eight, .half-quarter, .quarter, .six, .third, .half-third, .half-six, .half-eight, .offset-half-eight, .offset-half-six { width: 100%; display: block; } 
 }

 
/*top banner full width*/
.cms-traceable #maincontent > .container,
.cms-pour-more #maincontent > .container,
.cms-meet-your-growers #maincontent > .flex-container,
.cms-bellucci-recipefingerlingpotatoes #maincontent > .container,
.cms-bellucci-recipecrostini #maincontent > .container,
.cms-bellucci-recipelemonblueberry #maincontent > .container,
.cms-bellucci-recipestuffedmushrooms #maincontent > .container,
.cms-bellucci-recipeswordfish #maincontent > .container,
.cms-bellucci-recipechocchipcookies #maincontent > .container,
.cms-bellucci-recipeflanksteak #maincontent > .container,
.cms-bellucci-recipepasta #maincontent > .container,
.cms-bellucci-recipeorzosalad #maincontent > .container,
.cms-bellucci-pourmore-fresholives #maincontent > .container,
.cms-bellucci-pourmore-ripetime #maincontent > .container,
.cms-bellucci-pourmore-tailgating #maincontent > .container,
.cms-bellucci-pourmore-summerherbs #maincontent > .container,
.cms-bellucci-pourmore-topographyoftaste #maincontent > .container,
.cms-bellucci-pourmore-oliveoilgrade #maincontent > .container,
.blog-post-view #maincontent > .container { width: 100% !important; } 

.cms-hero-img { width: calc(100% + 30px); margin-left: -15px; max-width: calc(100% + 30px); } 

@media (min-width: 1220px){
 .cms-traceable .page-wrapper .container .container,
 .cms-pour-more .page-wrapper .container .container,
 .cms-meet-your-growers .page-wrapper .container .container,
 .cms-bellucci-recipefingerlingpotatoes .page-wrapper .container .wrapper,
 .cms-bellucci-recipecrostini .page-wrapper .container .wrapper,
 .cms-bellucci-recipelemonblueberry .page-wrapper .container .wrapper,
 .cms-bellucci-recipestuffedmushrooms .page-wrapper .container .wrapper,
 .cms-bellucci-recipeswordfish .page-wrapper .container .wrapper,
 .cms-bellucci-recipechocchipcookies .page-wrapper .container .wrapper,
 .cms-bellucci-recipeflanksteak .page-wrapper .container .wrapper,
 .cms-bellucci-recipepasta .page-wrapper .container .wrapper,
 .cms-bellucci-recipeorzosalad .page-wrapper .container .wrapper,
 .cms-bellucci-pourmore-fresholives #maincontent > .container .wrapper, 
 .cms-bellucci-pourmore-ripetime #maincontent > .container .wrapper,
 .cms-bellucci-pourmore-tailgating #maincontent > .container .wrapper,
 .cms-bellucci-pourmore-summerherbs #maincontent > .container .wrapper,
 .cms-bellucci-pourmore-topographyoftaste #maincontent > .container .wrapper,
 .cms-bellucci-pourmore-oliveoilgrade #maincontent > .container .wrapper,
 .blog-post-view #maincontent > .container .wrapper { max-width: 1200px !important; margin: 0 auto; width: 100%; } 
 }
 

/* 
cms-bellucci-alwaysfresh
cms-bellucci-theroot 
cms-bellucci-theroot
*/
.cms-page-view h1.page-title { color: #bb9670; } 
.cms-bellucci-alwaysitalian .bellucci-always-italian .top-return-link,
.cms-bellucci-alwaysfresh .bellucci-fresh .top-return-link,
.cms-bellucci-theroot .bellucci-root .top-return-link { color: #bb9670; margin: 25px 0; display: inline-block; } 
.cms-bellucci-alwaysitalian .main-section,
.cms-bellucci-alwaysfresh .main-section,
.cms-bellucci-theroot .main-section { display: flex; margin: 50px 0; flex-direction: column; } 
.cms-bellucci-alwaysitalian .main-section .right-section a,
.cms-bellucci-alwaysfresh .main-section .right-section a,
.cms-bellucci-theroot .main-section .right-section a { border: 2px solid; padding: 10px 20px; display: flex; justify-content: center; align-items: center; max-width: 200px; margin: 20px auto 0; color: #bb9670; text-transform: uppercase; font-weight: 600; } 
.cms-bellucci-alwaysitalian .bellucci-links a,
.cms-bellucci-alwaysfresh .bellucci-links a,
.cms-bellucci-theroot .bellucci-links a { text-transform: uppercase; margin: 0 25px; color: #bb9670; text-decoration: underline; } 
.cms-bellucci-alwaysitalian .bellucci-links .link-items,
.cms-bellucci-alwaysfresh .bellucci-links .link-items,
.cms-bellucci-theroot .bellucci-links .link-items { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 
.cms-bellucci-alwaysitalian .left-section,
.cms-bellucci-alwaysfresh .left-section,
.cms-bellucci-theroot .left-section { padding-bottom: 30px; text-align: center; } 
.cms-bellucci-alwaysitalian .left-section h3,
.cms-bellucci-alwaysfresh .left-section h3,
.cms-bellucci-theroot .left-section h3 { line-height: 1.5; margin-top: 0px; } 

@media (min-width:768px){
 .cms-bellucci-alwaysitalian .left-section h3,
 .cms-bellucci-alwaysfresh .left-section h3,
 .cms-bellucci-theroot .left-section h3 { padding-right: 0; /* margin-left: 16.66% */ } 
 .cms-bellucci-alwaysitalian .left-section,
 .cms-bellucci-alwaysfresh .left-section,
 .cms-bellucci-theroot .left-section { padding-left: 24px; padding-right: 24px; padding-bottom: 0; text-align: left; } 
 .cms-bellucci-alwaysitalian .main-section .right-section,
 .cms-bellucci-alwaysfresh .main-section .right-section,
 .cms-bellucci-theroot .main-section .right-section { padding-left: 48px; padding-right: 48px; } 
 .cms-bellucci-alwaysitalian .main-section,
 .cms-bellucci-alwaysfresh .main-section,
 .cms-bellucci-theroot .main-section { flex-direction: row; } 
 }


/* traceable page - start */
.traceable-content-top { text-align: center; max-width: 550px; margin: 30px auto 50px !important; } 
.traceable-item { display: flex; align-items: center; width: 100%; position: relative; } 
.traceable-item::before { content: ''; width: 1px; height: 100%; display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; border: 1px dashed #b4b4b4; } 
.traceable-item::after { content: ''; width: 16px; height: 16px; display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; background: var(--white); border-radius: 100%; border: 2px solid #b4b4b4; } 
.traceable-item-img { width: 50%; display: flex; padding: 50px; } 
.traceable-item-img img { width: 100%; } 
.traceable-item-desc { width: 50%; padding: 50px; font-size: 20px; } 
.traceable-item:nth-child(odd) .traceable-item-desc { text-align: right; } 
.bellucci-links-section .bellucci-buy-btn { border: 2px solid; padding: 10px 20px; display: flex; justify-content: center; align-items: center; max-width: 200px; margin: 20px auto; color: #bb9670; text-transform: uppercase; font-weight: 600; } 
.bellucci-links .link-items { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 
.bellucci-links .link-items a { text-transform: uppercase; margin: 0 25px; color: #bb9670; text-decoration: underline; } 

@media (max-width:767px){
 .traceable-item { flex-direction: column; } 
 .traceable-item:nth-child(odd) .traceable-item-desc { text-align: left; } 
 .traceable-item-desc { width: 100%; padding: 00px; font-size: 15px; order: 2; margin: 10px 0 40px; padding-bottom: 20px; } 
 .traceable-item-img { width: 100%; display: flex; padding: 00px; order: 1; } 
 .traceable-item::before { bottom: 30px; width: 100%; height: 0; } 
 .traceable-item::after { bottom: 23px; } 
 .bellucci-links .link-items a { width: 50%; margin: 5px 0; } 
 .bellucci-links .link-items a:nth-child(even) { text-align: right; } 
 .page-layout-1column .block.widget .products-grid li .sku ul, .page-layout-1column .block.widget .products-grid li .sku .skucont { width:50% } 
 }

 .top-return-link { color: #bb9670; } 
/* traceable page - end */


.search-section { background-color: #fafafa; position: relative; } 
.search-section::after { content: ''; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; background: #fafafa; right: auto; } 
.search-section::before { content: ''; width: 100%; height: 100%; position: absolute; left: auto; top: 0; background: #fafafa; right: 100%; } 
.search-section-title li { padding: 5px; text-decoration: underline; cursor: pointer; } 
.search-section-title li:first-child { text-decoration: none; cursor: auto; } 
.grower-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; text-align: center; margin: 30px 0; } 
.grower-name { font-size: 22px; margin: 0 0 0.5em; padding-top: 22px; } 
.grower-desc { font-size: 16px; line-height: 28px; margin: 0 0 1.4em; word-spacing: 1px; } 
.search-section-img { margin-right: 20px; } 
.grower-grid-item { display: none; } 
.grower-grid-item.active { display: block; } 
.result-bar { display: none; } 
.search-section.active .result-bar { display: block; } 
.result-bar .close-btn { background: transparent; box-shadow: none; position: relative; width: 16px; height: 16px; display: inline-block; border: none; padding: 0; } 
.result-bar .close-btn::before { -webkit-font-smoothing: antialiased; font-size: 10px; line-height: 16px; color: #3a3a3a; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; text-align: center; } 

@media (max-width:767px){
 .meet-your-growers-content .full { flex-direction: column; } 
 .meet-your-growers-content .half { width: 100%; } 
 .grower-grid { grid-template-columns: 1fr 1fr; } 
 .grower-name { font-size: 16px; } 
 .grower-desc { font-size: 14px; } 
 }


 /*pour more*/
 .pour-more-grid { flex-wrap: wrap; } 
.pour-more-grid a { text-decoration: none; } 
.pour-more-grid h2 { font-size: 42px; line-height: 46px; margin: 0 0 0.5em; padding-top: 24px!important; color: #333; text-transform: capitalize; } 
.pour-more-grid p { padding-bottom: 24px!important; } 
@media (max-width:767px){
 .pour-more-grid h2 { font-size: 28px; } 
 }

/* cms-recipes */ 
.cms-recipes h2 { font-size: 64px; margin-bottom: 10px; } 
.recipes-content .rec-sort-desc { font-size: 14px; text-transform: uppercase; margin-bottom: 15px; margin-top: 5px; } 
.recipes-content .rec-name { font-size: 24px; margin: 0 0 1.4em; } 

@media (max-width:800px) and (min-width:480px){
 .recipes-content .flex-row_0.third { width: 50%; display: inline-block; } 
 }


/*recipe sub category pages*/
.recipe-content-top * { overflow: visible; } 
.recipe-content-top { background-color: #fafafa; } 
.recipe-ingredients li { list-style: circle; } 
.cooking-instructions-list li { margin-bottom: 20px; } 
.recipe-content-top-title { font-size: 48px !important; margin-bottom: 10px; line-height: 58px; } 
@media (max-width:768px){
 .recipe-intro .full { width: 100%; display: flex; } 
 }

/*Pour More sub category pages*/
.cms-bellucci-pourmore-fresholives h1.pour-content-top-title,
.cms-bellucci-pourmore-ripetime h1.pour-content-top-title,
.cms-bellucci-pourmore-tailgating h1.pour-content-top-title,
.cms-bellucci-pourmore-summerherbs h1.pour-content-top-title,
.cms-bellucci-pourmore-topographyoftaste h1.pour-content-top-title,
.cms-bellucci-pourmore-oliveoilgrade h1.pour-content-top-title { font-size: 42px !important; line-height: 46px; } 
.pour-content-top { background-color: #fafafa; margin-bottom: 25px; } 

.pour-content .pour-intro a, .pour-content .pour-intro a:hover, .pour-content .pour-intro a:focus { color: var(--black); } 
.pour-content .pour-intro a { text-decoration: underline; } 
/*Pour More sub category pages - end */

@media (max-width:767px){
 .catalog-product-view .product.media { width: 100%!important; padding-right: 20px; } 
 }

.cms-ourproducers .d-grid { display: flex; align-content: center; justify-content: center; text-align: center; flex-wrap: wrap; } 
.cms-ourproducers .d-grid a { width: 31.33%; margin: 1%; } 
.cms-ourproducers .d-grid img { width: 200px; height: 200px; object-fit: contain; object-position: center; } 
@media (max-width:767px){
 .cms-ourproducers .d-grid a{ width: 48% } 
 .cms-page-view .page-wrapper .container .container { padding: 0 15px !important; } 
 .cms-ourproducers .d-grid img { width: 120px; height: 100px; } 
 }

.wholsale-btn { display: inline-block; text-align: center; width: 100%; padding: 0 15px; color: var(--theme-yellow); } 
.wholsale-btn a { display: flex; justify-content: center; align-items: center; background: var(--theme-yellow); max-width: 150px; margin: 10px auto 0; font-size: 16px; height: 40px; border-radius: 5px; color: var(--white); font-weight: 600; letter-spacing: 0.5px; transition: 0.3s all ease-in-out; } 
.wholsale-btn a:hover, .wholsale-btn a:focus { background: var(--black); color: var(--white); transition: 0.3s all ease-in-out; } 


/****************************************************************** Responsive Design ******************************************************************/
@media (max-width:992px){
 .the_flavors_of_spain img.bgimage { height: 100%; object-fit: cover; object-position: 20% 50%; } 
 }
@media (max-width:767px){
 .the_flavors_of_spain .floverscontent .homedelivery, .the_flavors_of_spain .floverscontent .bisnesdelivery { padding: 15px; } 
 .the_flavors_of_spain img.bgimage { object-position: 10% 50%; width: 100%; } 
 }
@media (max-width:400px){
 .the_flavors_of_spain .floverscontent .subtitle { min-height: 51px; } 
 .the_flavors_of_spain .floverscontent a.button { font-size: 14px; width: 100%; padding: 5px 7px; } 
 }

 /* Blog CSS - start */

.post-list-wrapper .sort-desc{font-size: 14px; text-transform: uppercase; margin-bottom: 15px; margin-top: 5px;}

.post-list-wrapper .sort-heading{font-size: 24px; margin: 0 0 1.4em;}

.blog-category-recipes h2{font-size: 64px;margin-bottom: 10px;}
.blog-page-list h1{color: #ae9650;}

.blog-category-pour-more h2 {
    font-size: 42px;
    line-height: 46px;
    margin: 0 0 0.5em;
    padding-top: 24px!important;
    color: #333;
    text-transform: capitalize;
}
.blog-category-pour-more .post-list-wrapper a{
    text-decoration: none;
}

.blog-category-recipes .flex-container{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: stretch;    
}

.blog-category-pour-more .flex-container{
    display: flex;
    flex-wrap: wrap;
}

.blog-post-view .pour-content-top-title{
    font-size: 42px !important;
    line-height: 46px;
}
.blog-post-view .page.messages {margin: 0;}


/* Blog CSS - end */

/*check out page css - start*/
@media (min-width:768px) {
    .checkout-cart-index .cart.items.data.table tr td.col.order-unit select {margin-top: -2px !important;}
    .cart.table-wrapper .cart thead tr th {white-space: nowrap;}
}

@media (max-width:991px) and (min-width:768px){
    .checkout-cart-index .cart.items.data.table tr td.col.order-unit select{
        max-width: 80px;
    }
}

@media (max-width:767px) {
    .cart-container .form-cart {
        width: 100% !important;
    }
    .checkout-cart-index .cart.items.data.table tr td.col.price,
    .checkout-cart-index .cart.items.data.table tr td.col.qty,
    .checkout-cart-index .cart.items.data.table tr td.col.order-unit {
        text-align: left;
    }
    .checkout-cart-index .cart.items.data.table tr td {
        padding: 20px 0;
        text-align: center;
    }
    .checkout-cart-index .cart.items.data.table tr td.subtotal {
        text-align: right;
    }
    .checkout-cart-index .cart.items.data.table .item-actions td {
        padding: 10px 0 0 !important;
    }
    .checkout-cart-index .cart.items.data.table tr td.col {
        padding-top: 0 !important;
        width: 25%;
        display: inline-block !important;
        margin: 0 !important;
        float: left;
    }
    .checkout-cart-index .cart.items.data.table tr td.col.item {
        width: 100%;
        display: flex !important;
        padding-bottom: 0;    padding-top: 10px !important;
    }
    .cart.table-wrapper .product-item-photo {
        position: relative;
        margin-right: 10px;
        top: 0;
        left: 0 !important;
    }
    .cart.table-wrapper .product-item-details {
        display: inherit;
    }
    .checkout-cart-index .cart.items.data.table tr td.cart-item-action {
        display: inline-block;
        width: 100%;
        padding-top: 0;
    }
    .cart.table-wrapper thead .col.unitcase {
        display: none;
    }
    .cart.table-wrapper .col.order-unit:before {
        content: attr(data-th);
        display: block;
        font-weight: 600;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .cart.table-wrapper .col.order-unit .unit {
        float: left;
        height: 37px;
        width: auto;
        max-width: 100%;
    }
    .cart.table-wrapper .product-item-name a {
        display: inline-block;
            margin-bottom: 10px;
            text-align: left;
    }
}
@media (max-width:540px) {
    .cart-container a.action.continue {
        margin-bottom: 10px;
        float: left;
    }

}
/*check out page css - end*/

#eye-icon, #shop-eye-icon {
    position: absolute;
    top: 20%;
    right: 4%;
    cursor: pointer;
}

.page-header .field.password .control {
    position: relative;
}

.fieldset > .field.password .control,
.fieldset > .field.confirmation .control,
.checkout-index-index .block-authentication .field-password .control,
.checkout-index-index .checkout-shipping-address .form-login .rw-password{
    position: relative;
}
.fieldset > .field.password .control input,
.fieldset > .field.confirmation .control input {
    padding-right: 40px;
}
.fieldset > .field.password .control i,
.fieldset > .field.confirmation .control i {
    position: absolute;
    right: 10px;
    top: 8px;
}

.checkout-index-index .block-authentication .field-password .control i,
.checkout-index-index .checkout-shipping-address .form-login #shipping-pass-eye{
    top: 8px;
    position: absolute;
    right: 10px;
    color: #000;
    background: none;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: 0;
}

.whole_headr {
    height: auto;
}
.header .logoswrapper, .header .searchwrapper {
    align-items: center;
}
.whole_headr .search {
    margin: 0;
}
.whole_headr .sec_headr .block-search {
    margin-top: 0;
}
.whole_headr .block-search .action.search::before {
    margin-top: 0px!important;
    line-height: 24px !important;
}
.whole_headr .block-search .control {
    display: flex;
}

/*Order comments extension CSS - start*/

.reference-no-block .payment-option-content .field {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 10px;
    margin-bottom: 10px;
}

.reference-no-block #block-ref-heading::after {
    display: none;
}

.order-status-details + .order-date {
    margin: 10px 0 0 0 !important;
}
.order-status-details {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}
.order-ref-details {
    font-weight: 700;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.order-custom-btn a {
    text-decoration: none;
    color: #333;
}
.order-custom-btn a:hover{
    border: 2px solid #ccc;
    border-radius: 3px;
}
.opc-payment-additional.reference-no-block {
	margin-top: 20px;
	display: inline-block;
}
.reference-no-block #block-ref-heading {
	font-size: 16px;
}

/*Order comments extension CSS - end*/

@media (min-width:768px){
    .account .data.table .col.shipping {
        white-space: nowrap;
    }
}

/*12-6-24*/
.products-grid .product-item .product-item-details .sku {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0 !important;
}
.page-layout-1column .products-grid li .sku ul {
    display: flex;
    margin: 0px !important;
}
.product-item-actions .actions-primary input {
    height: 34.7px;
}

@media (max-width:768px) {
    .mc-banner {
        box-shadow: -10px 0px 20px rgba(0, 0, 0, 0.23);
        bottom: 0 !important;
        top: auto !important;
    }
    body.customer-account-login .block-content {
        width: initial !important;
    }
}

.customer-account-create .field-recaptcha {
    width: 100%;
    display: inline-block;
}

.checkout-index-index .minicart-wrapper {
    display: none;
}