.productTitleArea h1{
font-size:1.5rem;
color:#fff;
}

.productsList{
padding:.5rem;
background-color:#e1e1e1;
}
.productSnip{
padding:.5rem;
background-color:#fff;
margin-bottom:.5rem;
}

.media{
display:block;
}
.productSnip .media img{
width:100%;
height:auto;
}
div.productSnip .media-body{
max-width:unset;
}
.productSnip .media p{
margin-bottom:.5rem;
}
.productsList h2{
display:block;
width:100%;
border-bottom: 1px dotted #000;
}
.productSnip .media h3{
font-size:1.2rem;
}
.productSnip .media h3 a{
font-family:'calendasPregular';
color:#1c383f;
transition:all .2s;
}
.productSnip .media h3 a:hover{
text-decoration:underline;
}
.productSnip .btn {
margin-top:.5rem;
padding:.5rem 1rem;
}


.productSnip a.btn{
line-height:1;
position: relative;
width: 96%;
}


p.productWish a{
font-size:.85rem;
color:#000;
}
.productDetailsHolder p.crushDate {
font-family: 'gothamMedium';
font-size: .85rem;
color: #fff;
line-height: .85rem;
display: inline;
text-transform: uppercase;
padding: 3px 10px;
background-color: #8bc025;
white-space: nowrap;
}
.productDetailsHolder ul li, .productDetailsHolder ul{
list-style-type:square;
}
.media-body p.productDetail, .media-body p.productStock{
margin-bottom:.25rem;
font-size: .85rem;
}
.media-body p.productDetail{
display:inline-block;
}
.media-body p.productDetail:first-of-type{
margin-right:12px;
}
.prodDetailsBtn{
position:relative;
margin-top:1.5rem!important;
width:100%;
}
.shopFilters .input-group > .form-control {
font-size: .85rem;
height:28px;
padding: .175rem .375rem;
border-radius:0px;
}
.shopFilters .input-group > .input-group-prepend{
height:28px;
border-left:2px solid #ced4da;
border-top:2px solid #ced4da;
border-bottom:2px solid #ced4da;
border-right:0px solid transparent;
}
.shopFilters .form-group.shopFilterSearch{
width: 40%;
margin-right: 2rem;
margin-bottom: .5rem;
margin-top: .5rem;
}
.shopFilters .form-group.shopFilterSort{
width: 45%;
margin-right: 0rem;
margin-bottom: .5rem;
margin-top: .5rem;
}

.cartSummaryWrapper{
background-color:#e4e4e4;
}



/* 
*
*
PRODUCT DETAIL PAGES
UP TO XL
*
* */

.productInfo .productPhoto{
margin-bottom:1rem;
}


form{
font-family:'gothamLight', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

#productPrice{
font-weight:bold;
}
.stockStatus{
padding-top:.75rem;
padding-bottom:.75rem;
border-top:1px solid #c69b67;
border-bottom:1px solid #c69b67;
margin-bottom:1rem;
}
.productDetailsHolder .stockStatus p{
font-family:'gothamLight';
}

#productOverview p{
font-family:'gothamlight';
font-size:1.1rem;
color:#000;
}
#productOverview a{
font-family:'gothamMedium';
color:#000;
display:block;
}
#productOverview a:first-of-type{
margin-right:2rem;
}
#productOverview a.collapsed, #productOverview a[aria-expanded="false"]{
font-family:'gothamLight';
}
#productDesc, #productPairings{
margin-top:1rem;
}
#productOverview a:hover{
text-decoration:underline;
cursor:pointer;
}
.productDetailsHolder ul li{
padding-left:.25rem;
}
#productDesc ul{
list-style-type:square;
padding-left:1rem;
}
.productDetailsHolder ul li, #productDesc ul li{
font-family: 'gothamlight';
font-size:1rem;
}


.productDetailsHolder h2{
font-size:1.2rem;
}


.stockStatus{
text-align:center;
}
.productDetailsHolder .stockStatus p{
font-size:1rem;
}
.productDetailsHolder .stockStatus p.stock{
font-family:'gothamMedium';
display:block;
}


.productInfo .productPhoto{
margin-bottom:1rem;
}

/* *
PRODUCT CAROUSEL UP TO XL
* */
.productInfo .carousel{
padding:1rem;
}
.productInfo .carousel-indicators {
position:relative;
margin-top:1rem;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}
.carousel-indicators li {
height:80px;
width:80px;
background-color: #9d9d9d;
border:1px solid;
box-sizing: content-box;
}



/* *
SUGGESTED PRODUCTS UP TO XL
* */
.suggestedProductsWrap{
text-align:center;
margin-top:2rem;
}
.suggestedProductsWrap h3{
font-family:'calendusPregular';
font-size:1.5rem;
margin-bottom:1rem;
}
.suggestedProductsWrap .suggestedProduct{
padding-left:0px;
padding-right:0px;
}
.suggestedProductsWrap .suggestedProduct{
padding-right:.5rem;
}
.suggestedProductsWrap .suggestedProductsHolder{
width:100vw;
position: relative;
left: 15px;
}
.suggestedProductsWrap .suggestedProductsHolder .suggestedProductCard{
text-align:left;
margin-bottom:1rem;
border-radius:0px;
/* border:none; */
}
.suggestedProductCard h4{
font-size:1.1rem;
height:50px;
margin-bottom:.25rem;
}

.suggestedProductsWrap .suggestedProductsHolder .suggestedProductCard .card-body{
padding:.5rem;
}
.suggestedProductCard p.card-title{
font-size:.85rem;
line-height:1.3;
height:80px;
overflow:hidden;
text-overflow:ellipsis;
}






@media (min-width: 768px) and (max-width: 1199px){
.media-body{
display: inline-block;
width: 60%;
}	
.media-body.purchaseDetails {
display: inline-block;
float: right;
width: 15%;
}
.productSnip{
overflow:hidden;
}
.productSnip .media img {
margin-bottom: 50px;
}
}

@media (min-width: 992px) and (max-width: 1199px){
.productSnip .media img {
width:200px;
height:200px;
margin-bottom: 10px;
}
}






/* *
*
*

XL AND UP 

*
*
* */





@media (min-width: 1200px){


.productTitleArea h1{
font-size:2rem;
}
.productDetailsHolder h2{
font-size:1.3rem;
font-family:'gothamMedium';
}
.productDetailsHolder .stockStatus p{
font-size:1rem;
}
.productDetailsHolder .stockStatus p.stock{
font-family:'gothamMedium';
}
 li.featuredLinks{
font-family:'gothamMedium';
font-size:.85rem;
color:#fff;
text-transform:uppercase;
 }
li.featuredLinks:first-of-type {
width: 160px;
}
.productFiltersHolder img{
max-width:220px;
margin-right:12px;
}
.media{
display:flex;
}
.productsList, .productSnip{
transition:all .5s;
}
.productSnip{
opacity:0;
display:none;
transition:all .2s;
}
.productSnip .media img{
width:200px;
height:200px;
margin-bottom:0px;
}
.productSnip .media h3{
font-size:1.4rem;
}
.grid.productSnip .media h3{
height:55px;
}
.productSnip .media p{
font-family:'gothamLight';
font-size:1rem;
margin-bottom:1rem;
line-height: 1.25;
}
.productSnip .media p.productDetail, .productSnip .media p.productStock{
font-family:'gothamMedium';
font-size:.9rem;
margin-bottom:.5rem;
}
.productSnip .media p.productDetail span{
color:#8cc026;
}
.productSnip .purchaseDetails{
text-align: right;
padding-left:1rem;
width:135px;
height:100%;
flex:unset;
position:relative;
}
.productSnip.grid a.prodDetailsBtn{
position:absolute;
width:90%;
left:15px;
bottom:0px;
margin-bottom:1rem;
}
.purchaseDetails .productPricePrice{
font-weight:bold;
}
.productSnip .purchaseDetails .productWish{
font-size: .85rem;
display:block;
margin-top:.5rem;
}


/* GRID VIEW */
.grid.productsList{
padding:0px;
background-color:#fff;
display:flex;
flex-wrap:wrap;
}
.grid.productSnip{
width:285px;
display: none;
padding-bottom: 55px;
border-left: solid 1px lightgrey;
border-top: solid 1px lightgrey;
margin-right:0px;
margin-bottom:0px;
}
.grid.recipe.productSnip{
width:282px;
display: none;
padding-bottom: 30px;
border-left: solid 1px lightgrey;
border-top: solid 1px lightgrey;
margin-right:0px;
margin-bottom:0px;
}
.giftAccessory:nth-of-type(3n+0){
margin-right:0px;
border-right:solid 1px lightgray;
}
.evoos{
margin-right:0px;
border-right:solid 1px lightgray;
}
.fusedInfused{
margin-right:0px;
border-right:solid 1px lightgray;
}
.balsamics{
margin-right:0px;
border-right:solid 1px lightgray;
}
.grid.productSnip .media{
display:inline-block;
}
.grid.productSnip .media img{
width: 100%;
height: auto;
margin-bottom: .5rem;
padding-right: 0px !important;
}
.grid.productSnip .media p.productDetail{
font-size:.75rem;
}
/* .grid.productSnip .media p.productDetail, grid.productSnip .media p.productStock{
font-size:.85rem;
} */
.grid.productSnip .media-body.purchaseDetails{
width: 100%;
height: 50px;
text-align: center;
padding: 0px;
position: absolute;
bottom: 0px;
}
.grid.productSnip .purchaseDetails .productWish{
text-align:left;
margin-right: 0px;
margin-bottom: 0px;
display:block;
float:left;
margin-top:1rem;
}
.grid.productSnip .btn {
margin-top: .5rem;
padding: .5rem .75rem;
}


/* SHOP FILTERS */
.shopFilters.container.featuredLinks{
padding-right:0px;
}
.shopFilters li.featuredLinks{
text-align:left;
border:0px transparent;
padding-left:1rem;
padding-bottom: .5rem;
padding-top: .85rem;
}
.shopFilters li.featuredLinks:first-of-type{
padding-left:0px;
padding-right:1rem;
}
.shopFilters .featuredLinks{
font-family:'gothamMedium';
font-size:.85rem;
}
.shopFilters li.featuredLinks:hover{
color:#8cc026;
cursor:pointer;
}
.shopFilters li.featuredLinks i img{
max-width:20px;
margin-right:8px;
position:relative;
top:-2px;
}
.shopFilters.featuredLinks ul{
width:30%;
float:left;
}

.shopFilters .form-inline{
display:inline-flex;
float: right;
}
.shopFilters .form-group.shopFilterSearch{
width:250px;
margin-top: 0px;
}

.shopFilters .form-group.shopFilterSort{
width:unset;
margin-top: 0px;
margin-left:auto;

}
form#prodSearch input::placeholder{
font-size:1rem
}
input#productSearch{
width:200px;
}
.shopFilters .form-group.shopFilterSort .input-group{
width:250px;
}
.shopFilters .input-group{
margin-top:9px;
width:100%;
}
.shopFilters .input-group > .form-control{
border-radius:0px;
border-left:0px solid transparent;
}
.shopFilters .input-group > .form-control{
height:28px;
border-left:0px solid transparent;
border-top:1px solid #ced4da;
border-bottom:1px solid #ced4da;
border-right:1px solid #ced4da;
padding-top: 2px;
padding-bottom: 2px;
}
.shopFilters .input-group > .input-group-prepend{
height:28px;
border-left:1px solid #ced4da;
border-top:1px solid #ced4da;
border-bottom:1px solid #ced4da;
border-right:0px solid transparent;
}
.shopFilters .form-inline .input-group-text{
border-color:#fff;
Border-radius:0px;
background-color:#fff;
}


/* PRODUCT FILTERS */
.productFiltersHolder{
    font-size:.85rem!important;
    line-height: 1.2;
}
/* The "show" class is added to the filtered elements */
.productFiltersHolder ul{
padding-bottom:.5rem;
border-bottom: 1px dotted #9e9e9e;
margin-bottom:.5rem;
}
.productFiltersHolder h5{
font-family:'calendasPregular';
font-size:1rem;
color:#1C383F;
margin-bottom:.25rem;
}
.productFiltersHolder .filterLink, .productFiltersHolder .filterLinkFlavor, .productFiltersHolder .filterLinkCategory{
font-family:'gothamLight';
font-size:.85rem;
margin-bottom:.25rem;
padding-left:1.5rem;
transition:all .2s;
}
.productFiltersHolder .filterLink:hover, .productFiltersHolder .filterLinkFlavor:hover, .productFiltersHolder .filterLinkCategory:hover{
cursor:pointer;
background-color:#f0f0f0;
}
.show{
opacity:1;
display:block;
}
.show.grid.productSnip {
display:inline-block;
position: relative;
}
.productFiltersHolder .filterLink.active:after{
content:'\2713';
margin-left:6px;
}





/* *
*

PRODUCT DETAIL PAGES XL UP
*
* */

.productInfo{
padding-bottom:1rem;
margin-bottom:1rem;
border-bottom: 2px dotted #1c383f;
}
.productInfo .productPhoto{
padding-top: 0rem;
}
.productDetailsHolder h2{
font-size:1.2rem;
margin-bottom: 0px;
}

.stockStatus{
text-align:center;
}

.productDetailsHolder .stockStatus p.stock {
margin-bottom:.5rem;
}
.productDetailsHolder .stockStatus p{
margin-bottom:0px;
}

#productOverview a{
display:inline-block;
}




/* *
PRODUCT CAROUSEL XL UP
* */
.productInfo .carousel{
padding:0rem;
}
.productInfo .carousel-indicators li {
margin-left:32px;
margin-right:32px;
}




/* *
SUGGESTED PRODUCTS XL UP
* */
.suggestedProductsWrap h3 {
margin-bottom:2rem;
}
.suggestedProductsWrap{
margin-bottom:4rem;
}
.suggestedProductsWrap .suggestedProductsHolder {
position: static;
width: auto;
}
.suggestedProductsWrap .suggestedProduct {
padding-right: 15px;
padding-left: 15px;
}




}







/* *
*
*
1900px AND UP
*
*
* */


@media (min-width: 1900px){
.productDetailsHolder .stockStatus p{
font-size:1rem;
}


/* *
SUGGESTED PRODUCTS 1900 UP
* */
.suggestedProductsWrap h3 {
margin-bottom:2rem;
}





}