﻿@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic);
html{
    position:relative;
    min-height:100%;
}
html,body {
    background-color:rgba(248,248,248,1);
    /*background-color:rgba(252,252,236,1);*/
    color:rgba(0,0,0,.6);
    font-family: 'Roboto', sans-serif;
    font-size:14px;
    line-height:1.6;
}
body{
    padding-top:68px;
    padding-bottom:36px;
    position:relative;
    z-index:0;
}
h1,h2,h3,h4,h5,h6{
    color:rgba(0,0,0,1);
    margin-top:0;
    margin-bottom:0;
}
a, a:hover, a:visited, a:active{
    color:rgba(0,0,0,.7);
}
a:link, a:hover, a:active {
    text-decoration:none !important;
}
p{
    /*font-size:16.5px;*/
    line-height:1.6;
}
.serif{
    font-family: 'Playfair Display', serif;
}
.page{
   /*padding-top:30px;*/
}
.upcase{
    text-transform:uppercase;
}
.text-white{
    color:rgba(255,255,255,1);
}

.btn{
    border-radius:2px;
}
.btn-xl{
    font-size:1.8rem;
}
.btn-green{
    background-color:rgba(152,179,117,1);
    color:rgba(255,255,255,1);
}
.btn-green.disabled{
    background-color:rgba(152,179,117,1);
    color:rgba(255,255,255,.4);
}
.btn-green:hover{
    background-color:rgba(152,179,117,.8);
    color:rgba(255,255,255,1);
}
.checkbox input[type="checkbox"]{
    margin-left:0;
}
.btn-add-to-cart{
    background-color:rgba(152,179,117,1);
    color:rgba(255,255,255,1);
}
.btn-add-to-cart:hover{
    background-color:rgba(152,179,117,.6);
    color:rgba(255,255,255,1);
}
.col-full-bleed{
    padding-left:0;
    padding-right:0;
}

.modal{
    margin-top:0 !important;
    top:16px !important;
}
.modal .modal-body {
    max-height: 420px;
    overflow-y: auto;
}
.anchor-offset{
    display:block;
    position:relative;
    top:-109px;
    visibility:hidden;
}
.radio-button-list label{
    margin-left:8px;
    background-color:rgba(0,0,0,.07);
    padding-top:16px;
    padding-bottom:16px;
    padding-left:16px;
    padding-right:16px;
    margin-bottom:2px;
    width:80%;
    font-weight:normal;
    font-size:1.6rem;
}
.feature-teaser{
    height:312px;
}
.card{
    background-color:rgba(255,255,255,1);
    border-radius:3px;
    /*border:solid 1px rgba(0,0,0,.1);*/
    padding-bottom:0px;
}
.search-spinner{
    position:fixed;
    left:50%;
    /*top:30px;*/
}
.search-button{
    display:none;
}
#sharePage .share{
    display:none;
}

.ui-dialog{
    background-color:rgba(255,255,255,1);
}

.page-title{
    margin-bottom:4px;
    margin-top:16px;
}
.subheader{
    color:rgba(0,0,0,.5);
    font-size:13px;
    padding-top:8px;
    padding-bottom:8px;
}
.display-4{
    font-size:3rem;
    font-weight:normal;
}
.display-3{
    font-size:2.5rem;
    font-weight:normal;
}
.display-2{
    font-size:2rem;
    font-weight:normal;
}
.display-1{
    font-size:1.3rem;
    font-weight:normal;
    line-height:1em;
}
.margin-bottom-xs{

}
.margin-bottom-sm{
    margin-bottom:8px;
}
.margin-bottom-md{
    margin-bottom:16px;
}
.margin-bottom-lg{
    margin-bottom:32px;
}
.price-label-bottle{
    padding-top:8px;
    padding-bottom:8px;
}
.sale-price{
    color:red;
}
.old-price .value{
    color:rgba(0,0,0,.4);
    text-decoration:line-through;
}
.new-price-case,.new-price-bottle{

}
.content-section{
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
}
.card .header{
    text-align:left;
}
.alert-section{
    text-align:left;
}
.grid-container{
    border-bottom:solid 1px rgba(0,0,0,.1);
    margin-top:20px;
    margin-bottom:20px;
}
.key-light-shadow-8dp{
    box-shadow: 0px 8px 8px rgba(0,0,0,.3);
}
.key-light-shadow-2dp{
    box-shadow: 0px 1px 3px rgba(0,0,0,.3);
    transition: 0.5s ease; 
}
a:hover .key-light-shadow-2dp{
    box-shadow: 0px 1px 3px rgba(0,0,0,.5);
    transition: 0.5s ease; 
}
.key-light-shadow-left-8dp{
    box-shadow: -3px 0px 8px rgba(0,0,0,.3);
}
.key-light-shadow-hover{
    transition: 0.5s ease; 
    box-shadow: 0px 2px 3px rgba(0,0,0,0);
}
a:hover .key-light-shadow-hover{
    transition: 0.5s ease; 
    box-shadow: 0px 2px 3px rgba(0,0,0,.4);
}

.ambient-light-shadow{
    box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}
.nav-tabs{
    border:none;
    text-transform:uppercase;
}
.nav-tabs li a{
}
.nav-tabs li.active a{
}
.nav > li > a:focus, .nav > li > a:hover{
    background-color:none;
}
.nav-tabs > li > a:hover{
    border:none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    border-bottom:solid 6px rgba(195,70,57,1);
    border-top:none;
    border-left:none;
    border-right:none;
    background-color: inherit;
}

.vertical-middle-parent{
    position:relative;
}
.vertical-middle-parent .vertical-middle-child{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

.article-list .article{

}
.article .article-header{
    padding-top:30px;
    height:inherit;
}
.article h2{
    
}
.article .article-content{
    padding-top:30px;
    padding-bottom:30px;
}
.module-list .module{
    margin-bottom:32px;
}
.module-list .module:last-child{
    margin-bottom:0;
}
.module .module-body p:last-child{
    margin-bottom:0;
}
.module-list .module-header{
    margin-bottom:8px;
}
ul.material-list{
    margin-bottom:0px;
}
ul.material-list.list-with-avatar li{
    border-bottom:none;
}
ul.material-list li > a, ul.material-list li > span{
    padding-left:16px;
    padding-right:16px;
    display:block;
}
ul.material-list li > a:hover{
    background-color:rgba(0,0,0,.05);
    padding-left:24px;
    transition: .5s ease;
}
ul.material-list li .text, ul.material-list li .text-with-stroke, .navigation-drawer ul.material-list li a, ul.material-list li .avatar{
    padding-top:16px;
    padding-bottom:16px;
}
ul.material-list li .text-with-stroke{
    border-bottom:1px solid rgba(0,0,0,.1);
}
ul.material-list li:last-child .text-with-stroke{
    border-bottom:none;
}
ul.material-list li > a{
    display:block;
    transition: .5s ease;
}
ul.material-list .avatar{
    text-align:center;
    width:20%;
    vertical-align:top;
}
ul.material-list.list-with-avatar li .text, ul.material-list.list-with-avatar li .avatar{
    display:inline-block;
}
ul.material-list.list-with-avatar .text, ul.list-with-avatar.two-line-list .text{
    text-align:left;
    width:75%;
}
ul.material-list i.fa{
    margin-right:16px;
}
.list-checkbox label{
    float:left;
    padding-left: 0 !important;
}
.list-checkbox input{
    float:right;
    position:relative !important;
}
.list-dropdown{
    background-color: inherit;
    border: none;
    box-shadow: none;
}
.lastviewed-menu{
    padding:0;
}
ul.list-last-viewed li{
    width:300px;
}
ul.list-last-viewed li > span, ul.list-last-viewed li > a{
    display:block;
    padding-top:16px;
    padding-bottom:16px;
    padding-left:16px;
    padding-right:16px;
}
ul.list-last-viewed li a:hover{
    background-color:rgba(248,248,248,1);
}
.dropup .dropdown-menu.lastviewed-menu{
    box-shadow:none;
    border-radius:0;
}

#homepage a#email-signup-tout i.fa-long-arrow-right{
    transition: .5s ease;
}
#homepage a#email-signup-tout:hover i.fa-long-arrow-right{
    padding-left:16px;
    transition: .5s ease;
}

.item-profile .item-profile-title{
    padding-bottom:8px;
}
.item-profile .item-portrait{
    overflow:hidden;
}
.item-profile .item-portrait img{
    height: 300px;
}
.item-profile .glossary-teaser{
    padding-top:20px;
    padding-bottom:20px;
}
.item-profile .glossary-entry-header{
    font-size:14px;
}
.item-profile .item-image-container{
    position:relative;
    height:200px;
    overflow-y:hidden;
}
.item-profile .item-image-background{
    position:absolute;
    top:0;
    left:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('../images/vineyard.jpg');
    height:110%;
    width:100%;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    z-index:0;
}
.item-profile .item-image-portrait{
    position:absolute;
    top:0;
    left:0;
    text-align:center;
    padding-top:30px;
    width:100%;
    z-index:5;
}
.item-profile-supplement{
    margin-top:32px;
    margin-bottom:32px;
}
.item-profile  #ubc-container img.ubc-award{
    width:100px;
}
.card .header, .card .header-sm, .item-teaser .header, .item-teaser .header-with-subheader, .info-card .header{
    /*border-top:solid 1px rgba(0,0,0,.1);
    border-right:solid 1px rgba(0,0,0,.1);
    border-left:solid 1px rgba(0,0,0,.1);*/
    padding-top:16px;
    padding-bottom:0px;
    padding-left:16px;
    padding-right:16px;
    text-align:left;
    margin-bottom:0;
    background-color:rgba(255,255,255,1);
}
.card .supporting-text, .card .supporting-text-with-addon, .info-card .supporting-text-with-addon{
    /*min-height:155px;*/
}
.card .rich-media{
    min-height:90px;
}
.card .header, .info-card .header{
    margin-bottom:16px;
    margin-top:8px;
}
.item-profile-supplement .supporting-text, .item-teaser .supporting-text, .item-profile-supplement .supporting-text-with-addon, .card .supporting-text, .card .supporting-text-with-addon, .info-card .supporting-text, .info-card .supporting-text-with-addon{
    /*border-top:solid 1px rgba(0,0,0,.1);
    border-right:solid 1px rgba(0,0,0,.1);
    border-left:solid 1px rgba(0,0,0,.1);
    border-bottom:solid 1px rgba(0,0,0,.1);*/
    padding-top:8px;
    padding-bottom:16px;
    padding-left:16px;
    padding-right:16px;
    text-align:left;
    line-height: 1.6rem;
    background-color:rgba(255,255,255,1);
}
.item-teaser .rich-media, .item-teaser .rich-media img, .item-teaser .item-description{
    height: 149px;
}
.item-teaser .rich-media{
    position:absolute;
    z-index:5;
    width:100%;
    overflow: hidden;
}
.item-teaser .item-description-hover{
    display:none;
    position:absolute;
    z-index:10;
    background-color:rgba(255,255,255,.8);
    width:100%;
    /*font-size:16px;*/
    padding-top:8px;
    padding-left:32px;
    padding-right:32px;
    line-height:1.7rem;
}
.card .rich-media{
    text-align:center;
}
.card p:last-of-type, .info-card p:last-of-type{
    margin-bottom:0;
}
.notification-card, .button-card{
    background-color:rgba(255,255,255,1);
    padding-left:16px;
    padding-right:16px;
    padding-top:16px;
    padding-bottom:16px;
    margin-top:8px;
    margin-bottom:8px;
}
.info-card{
    background-color:rgba(255,255,255,1);
    margin-top:16px;
    margin-bottom:16px;
}

.hub .hub-intro{
    min-height:300px;
    margin-bottom:32px;
    margin-top:16px;
    position:relative;
    width:100%;
    background-color:rgba(0,0,0,.4);
}
.hub .hub-intro .hub-intro-text{
    position:relative;
    width:100%;
    bottom:0;
    z-index:5;
    padding:32px;
}

.item-profile-supplement .supporting-text-with-addon, .card .supporting-text-with-addon, .info-card .supporting-text-with-addon{
    padding-bottom:16px;
}
.item-profile-supplement .actions, .card .actions{
    /*border-right:solid 1px rgba(0,0,0,.1);
    border-left:solid 1px rgba(0,0,0,.1);
    border-bottom:solid 1px rgba(0,0,0,.1);*/
    background-color:rgba(255,255,255,1);
    padding-top:8px;
    padding-bottom:8px;
    padding-left:8px;
    padding-right:8px;
    text-align:right;
}
.card .addon, .info-card .addon{
    padding-left:16px;
    padding-right:16px;
    padding-top:16px;
    padding-bottom:16px;
}
.item-profile .out-of-stock-container{
    background-color:rgba(0,0,0,.1);
}
.item-profile .out-of-stock-msg, .item-profile .wait-list-button{
    height:90px;
}
.item-profile .out-of-stock-msg{
    padding-left:8px;
}
.item-profile a.wait-list-button{
    background-color:rgba(0,0,0,.2);
    display:block;
    text-align:center;
}
.item-profile a.wait-list-button .wait-list-button-inner{
    width:100%;
}
.item-profile a.wait-list-button:hover {
    background-color:rgba(0,0,0,.1);
}
.item-profile .out-of-stock-container{
    margin-top:16px;
}
.item-profile-share-container .count.total{
    display:none;
}
.item-image-potrait-parent{
    position:relative;
}
.item-image-portrait-overlay{
    background: -moz-linear-gradient(top,  rgba(165,165,165,0) 0%, rgba(159,159,159,0) 50%, rgba(153,153,153,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,165,165,0)), color-stop(50%,rgba(159,159,159,0)), color-stop(100%,rgba(153,153,153,0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(165,165,165,0) 0%,rgba(159,159,159,0) 50%,rgba(153,153,153,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(165,165,165,0) 0%,rgba(159,159,159,0) 50%,rgba(153,153,153,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(165,165,165,0) 0%,rgba(159,159,159,0) 50%,rgba(153,153,153,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(165,165,165,0) 0%,rgba(159,159,159,0) 50%,rgba(153,153,153,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5a5a5', endColorstr='#a6999999',GradientType=0 ); /* IE6-9 */
}
.item-profile .social-buttons a.count, .item-profile .count.email, .social-buttons{
    display:inline-block;
}
.item-profile .count.email, .item-profile .social-buttons .count{
    margin-right:64px;
    font-size:1.2rem;
}
.social-buttons .label{
    color:rgba(0,0,0,1);
}
.social-buttons .value{
    display:none;
}

.meta-section{
    padding-bottom:16px;
}
.meta-group{
    /* background-color:rgba(0,0,0,.1); */
}
.meta-group .meta-title, .meta-group .meta-value{

}
.meta-group .meta-title{
    
}
.meta-group .meta-value{
    /* background-color:rgba(0,0,0,.2); */
}
.meta-group a.meta-link:hover{
    background-color:rgba(0,0,0,.3);
}
.meta-group .meta-title span, .meta-group .meta-title a, .meta-group .meta-value span, .meta-group .meta-value a{
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
}
.meta-group .meta-title{
    border-top:solid 1px rgba(0,0,0,.1);
    border-left:solid 1px rgba(0,0,0,.1);
}
.meta-group .meta-value{
    border-top:solid 1px rgba(0,0,0,.1);
    border-left:solid 1px rgba(0,0,0,.1);
    font-weight:900;
}
.meta-group .meta-title a, .meta-group .meta-value a{
    /* color:rgba(255,255,255,1); */
}

.daliy-feature .price{

}
.daily-feature .item-image{
    width:50px;
}
.daily-feature .subheader{
    padding-top:0;
}
.daily-feature-grid{
    display:block;
    margin-bottom:16px;
}

.item-profile .price-section, .item-profile .add-to-cart-section{
    padding-bottom:24px;
    padding-top:8px;
}
.item-profile .price-group{
    padding-bottom:8px;
    padding-top:8px;
    border-bottom:solid 1px rgba(0,0,0,.1);
}
.price-group-bottle{
    border-top: solid 1px rgba(0,0,0,.1);
}
.item-profile .price-group .price-case, .item-profile .price-group .price-bottle{
  
}
.item-profile .price-section .price-group .price-bottle .old-price{
    height:34px;
}
.item-profile .price-section .price-group .price-bottle .price{
    height:80px;
}
.item-profile .price-section .price-group .price-case .price{
    height:49px;
}
.item-profile .price-section .price-group .price-case-discount, .item-profile .price-section .price-group .price-bottle-discount{
    height:28px;
    padding-top:8px;
}

.price-bottle-discount, .price-case-discount, .price-group .price-sale{
    color:rgba(195,70,57,1) !important;
}
.price-case-discount, .price-bottle-discount{
    font-style:italic;
}
.price-value.price-bottle{
    color:rgba(0,0,0,1);
}
.price-value.price-old{
    color:rgba(0,0,0,.5);
    text-decoration:line-through;
}
.price-group .price-title{
    color:rgba(0,0,0,.5);
}
.item-profile > .price-bottle, .item-profile > .price-case{
    padding-left:16px;
}
.price-section .price-group .price-icon-parent {
    position:relative;
    width:100%;
    height:121px;
}                                                                
.price-section .price-group .price-icon-child{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align:center;
}
.item-profile .price-value.price-bottle{
    font-size: 2rem;
    font-weight:500;
}
.item-profile .price-group span.price-title{

}

.item-teaser .price-group{
    padding-left:16px;
    padding-right:16px;
    background-color:rgba(255,255,255,1);
}
.item-teaser .price-group:last-child{
    padding-bottom:8px;
}
.item-teaser .price-value-container{

}
.item-teaser .bottle-price-container{
    height:48px;
}
.item-teaser .price-case-discount, .item-teaser .price-bottle-discount, .item-teaser .case-price-container{
    height:32px;
    background-color:rgba(255,255,255,1);
}

.item-teaser .price-group .price-label{
    border-right:solid 1px rgba(0,0,0,.1);
    width:80px;
    float:left;
}
.card .header-sm{
    height:48px;
}
.item-teaser .header-with-subheader{
    height:100px;
}

.item-teaser .item-image{
    height:288px;
}
.item-teaser .sku-container{
    padding-left:16px;
    padding-right:16px;
}
.item-teaser-sm .text, .item-teaser-sm .avatar, .teaser-sm{
    background-color: rgba(255,255,255,1);
}
.item-teaser-sm .text, .teaser-sm .supporting-text{
    /*padding-left:16px;*/
     padding-bottom:16px;
    padding-right:16px;
}
.item-teaser-sm .avatar, .teaser-sm .rich-media{
    padding-left:16px;
    /*padding-top:16px;*/
    /*padding-bottom:16px;*/
}
.item-teaser-sm .avatar, /*.item-teaser-sm .avatar img,*/ .item-teaser-sm .text, .teaser-sm .rich-media, .teaser-sm .supporting-text{
    height:180px;
    padding-top:16px;
}
.item-teaser-sm .text .item-teaser.meta-title{
    height:40px;
}
.item-teaser .feature-pill{
    padding-left:8px;
    padding-right:8px;
    font-size:.8em;
    background-color:rgba(100,100,100,1);
    color:rgba(255,255,255,.8);
}
.item-teaser .add-to-cart-container{
    padding-left:16px;
    padding-right:16px;
    padding-top:16px;
    background-color:rgba(255,255,255,1);
}
 .item-teaser .out-of-stock-container{
     padding-bottom:16px;
 }
.more-like-this .item-teaser-link{
    display:block;
}
.more-like-this a.item-teaser-link:hover{
    background-color:rgba(0,0,0,.1);
}
.more-like-this .value{
    margin-right:8px;
}
.global-wrapper{
    min-height: 100%;
	height: auto !important; 
	height: 100%;
    width:auto;
	margin-bottom: 600px; /* the bottom margin is the negative value of the footer's height */
}
#global-footer{
    padding-top:30px;
    padding-bottom:32px;
    text-align:center;
    box-shadow: 0px -2px 3px rgba(0,0,0,.3);
    background-color:rgba(255,255,255,1);

    position:absolute;
    bottom:0;
    width:100%;
    height:640px;
}
#global-footer .basics-col{
    text-align:left;
}

#global-header{
    background-color:rgba(255,255,255,1);
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:500;
    line-height:1.4;
    /*box-shadow: 0px 2px 3px rgba(0,0,0,.3);*/
}
#global-header #logo-bar{
    height:68px;
    background-color:rgba(255,255,255,1);
    border-bottom:1px solid rgba(0,0,0,0.18);
    position:relative;
    z-index:501;
    /*overflow-y:hidden;*/
}
#global-header #logo-bar .site-logo{
    height:67px;
    overflow:hidden;
}
#global-header #action-bar{
    background-color:rgba(0,0,0,.035);
    height:36px;
}
#global-header #action-bar ul{
    margin-bottom:0;
}
#global-header #action-bar ul li{
    vertical-align:top;
}
#global-header #action-bar ul li a{
    padding-top:6px;
    border-left:solid 1px rgba(0,0,0,.1);
    height:36px;
    padding-left:16px;
    padding-right:16px;
    display:block;
}
#global-header #action-bar ul li a:hover{
    color:rgba(16,48,77,.4);
}
#global-header #action-bar ul li:last-of-type{
    border-right:solid 1px rgba(0,0,0,.1);
}
#global-header #global-nav{
    height:38px;
}
#global-header #global-nav-container{
    position:fixed;
    width:100%; 
    background-color:rgba(255,255,255,1);
    box-shadow: 0px 2px 3px rgba(0,0,0,.3);
    transition: top 0.2s ease-in-out;
    top:101px;
    z-index:500;
}
#global-header #global-nav-container.nav-up {
    top: 63px;
}
#global-header #global-nav ul#nav-sections{
    margin-bottom:0;
}
#global-header #global-nav #nav-sections li{
    height:100%;
    border-left:1px solid rgba(0,0,0,0.18);
    display:block;
    float:left;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:0;
}
#global-header #global-nav #nav-sections li:last-child{
    border-right:1px solid rgba(0,0,0,0.18);
}
#global-header #global-nav #nav-sections li a{
    display:block;
    padding:9px 7px;
    transition: .5s ease;
}
#site-navigation-drawer{
    position:fixed;
    top:0;
    right:0;
    background-color:rgba(255,255,255,1);
    z-index:1000002;
    width:300px;
    height:100%;
    display:none;
}
#global-header #global-nav #nav-sections li a:hover, #site-navigation-drawer li a:hover{
    background-color:rgba(195,70,57,1);
    color:rgba(255,255,255,1);
    transition: .5s ease;
}
#global-header #global-nav .selected{
    background-color:rgba(16,48,77,1);
    color:rgba(255,255,255,1);
}
#global-header .ui-buttons{
    padding:10px;
    margin-bottom:0;
}
#global-header .ui-buttons i.fa{
    margin:5px;
}
#global-header #mobile-search-container{
    display:none;
}
#global-header #mobile-search-container .search-nav-input{
    font-size:14px;
}
#global-header #mobile-search-container .search-nav-input.input-lg{
    padding-left:0;
}
#global-advanced-search{
    box-shadow: 0px -2px 3px rgba(0,0,0,.3);
    position:fixed;
    bottom:0px;
    z-index:1000002;
    width:100%;
}
#global-advanced-search, .global-advanced-search-container{
    height:200px;
}
.global-advanced-search-container{
    background-color:rgba(255,255,255,1);
    padding-left:32px;
    padding-right:32px;
    overflow-y:scroll;
}
.global-advanced-search-inner{
    padding-top:32px;
    padding-bottom:64px;
}
#advancedSearchTabs ul{
    margin-bottom:32px;
}
#advancedSearchTabs ul li a{
    padding-top:16px;
    padding-bottom:8px;
}
#advancedSearchTabs ul li a.selected{
    border-bottom:solid 1px rgba(1,1,1,1);
}
#advancedSearchTabs ul li.active a{
    border-bottom:solid 4px rgba(0,0,0,1);
}
#search-nav-input-container{
    display:none;
    padding-top:6px;
    height:68px;
    width:100%;
}
#search-nav-icon{
    padding-top:16px;
    padding-right:16px;
    padding-left:16px;
    position:absolute;
}
.search-nav-input{
    border:0;
    box-shadow: none;
    border-radius:3px;
    padding-left:52px;
    height:59px;
}
.search-nav-input.form-control:focus{
    border:none;
    box-shadow:none;
    /*background-color:rgba(0,0,0,.08);*/
}
.search-query{
}
.search-query-label{
    color:rgba(0,0,0,.4);
}
.site-main{

}
#search-results .item-description{
    height:228px;
}
#search-results .item-meta{
    height: 48px;
}
#search-results .item-price-container{
    height:inherit;
}
#search-results .item-price-container ul{
    margin-bottom:0;
}
#search-results .item-price-container{
    height:inherit;
}

ul.autocomplete_completionListElement{
    width:100% !important;
    z-index:1000002;
    border:solid 1px rgba(0,0,0,.18);
    padding:0;
    top:20px;
}
ul.autocomplete_completionListElement div.autocomplete_listItem, ul.autocomplete_completionListElement div.autocomplete_highlightedListItem{
    cursor:pointer;
    padding-top:16px;
    padding-bottom:16px;
    padding-left:8px;
    padding-right:8px;
}
ul.autocomplete_completionListElement div.autocomplete_listItem{
    background-color:rgba(255,255,255,1);
}
ul.autocomplete_completionListElement div.autocomplete_highlightedListItem{
    background-color:rgba(195,70,57,1);
    color:rgba(255,255,255,1);
}

.tasting-date .tasting-month{
    
}
.tasting-date .tasting-day{

}

.pagination{
    background-color:rgba(255,255,255,1);
    padding-top:8px;
    padding-bottom:8px;
    font-size:2rem;
}
.pagination a, .pagination span > i, .pagination b{
    padding-top:8px;
    padding-bottom:8px;
    padding-left:16px;
    padding-right:16px;
}
.pagination span > i{
    color:rgba(0,0,0,.2);
}
.hero{
    height:175px;
    display:block;
}
.hero .feature-image{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
}
.hero .feature-image{
    background-size:cover;
    z-index:0;
}
.hero .hero-title{
    bottom:0;
    position:absolute;
    z-index:10;
    padding-top:24px;
    padding-bottom:24px;
    padding-left:24px;
    padding-right:24px;
}
.hero .hero-title h2 {
    color:rgba(255,255,255,1);
    font-weight:900;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5)
}

.page .image-header{
    position:absolute;
    width:100%;
    height:546px;
    overflow:hidden;
    z-index:0;
}
.page .image-header .background-image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:550px;
    background-size:cover;
    background-position:0% 50%;
}
.page .image-header .background-image-blur{
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
}

.checkout-progress li{
    display: block;
    text-align:left;
}
.checkout-progress span{
    font-size:1rem;
    text-transform:uppercase;
}
.checkout-progress span.active{
    color:rgba(195,70,57,1);
    font-size:1rem;
}
.response-msg-dialog{
    background-color:rgba(255,255,255,1);
    padding-top:16px;
    padding-bottom:16px;
    border-radius:6px;
}
.response-msg-dialog .ui-widget-header{
    display:none;
}
.callout-danger{
    padding-top:16px;
    padding-bottom:16px;
    padding-left:16px;
    padding-right:16px;
    background-color:rgba(195,70,57,1);
    color:rgba(255,255,255,1);
}
.callout-warning{
    border-top:solid 1px rgba(0,0,0,.078);
    border-bottom:solid 1px rgba(0,0,0,.078);
    border-right:solid 1px rgba(0,0,0,.078);
    border-left:solid 16px yellow;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:8px;
    padding-right:8px;
    background-color:rgba(255,255,255,1);
}
#oc-email-list{
    margin-bottom:32px;
}
#oc-email-list li{
    background-color:rgba(255,255,255,1);
    height:360px;
    padding-top:8px;
    padding-bottom:8px;
    width:220px;
    vertical-align:top;
}
#oc-email-list li h4{
    height:64px;
}

.grow { 
    transition: all .5s ease-in-out; 
}
.grow:hover { 
    transform: scale(1.1); 
}
.drop-opacity{
    
}
.drop-opacity:hover{
    opacity:0.5;
    transition: 0.5s ease; 
}

.astorcenterevent-teaser{
    overflow:hidden;
}
.pers-recs{

}
.pers-recs .slick-next, .pers-recs .slick-prev{
    position:absolute;
    z-index:5;
    top:30%;
    cursor:pointer;
}
.pers-recs .slick-prev{
    left:-24px;
}
.pers-recs .slick-next{
    right:-24px;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .card .header{
        text-align:left;
    }
    .content-section{
        text-align:left;
    }
    .daily-feature .item-image{
        width:60px;
    }
    #global-footer {
        padding-bottom: 48px;
    }
    .checkout-progress li{
        display: inline-block;
    }
    .checkout-progress span{
        font-size:1rem;
    }
    .checkout-progress span.active{
        font-size:1.2rem;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    html, body {
        font-size:16px;
    }
    .margin-bottom-sm{
        margin-bottom:16px;
    }
    .margin-bottom-md{
        margin-bottom:32px;
    }
    .margin-bottom-lg{
        margin-bottom:64px;
    }
    body{
        padding-top:140px;
    }
    #search-nav-input-container{
        display:inline-block;
    }
    .daily-feature .item-image{
        width:60px;
    }
    #search-results .item-price-container{
        padding-top:0px;
        height:144px;
    }
    .hero, .feature-link {
        height:240px;
    }
    .item-teaser .item-image{
        height:288px;
    }
    .item-teaser .header{
        height:80px;
    }
    .item-teaser .add-to-cart-container{
        height:120px;
    }
    .item-teaser .out-of-stock-container{
        padding-bottom:0px;
    }
    .global-wrapper {
        margin-bottom:320px; /*height of global footer - action bar*/
    }
    #global-footer {
        height:360px;
    }    
    .checkout-progress span{
        font-size:1rem;
    }
    .checkout-progress span.active{
        font-size:1.6rem;
    }
    .card .supporting-text, .card .supporting-text-with-addon, .info-card .supporting-text-with-addon{
        min-height:155px;
    }
    .card .header{
        height:70px;
    }
    .item-profile .item-profile-title{
        padding-top:64px;
    }
    .item-profile .price-section{
    }
    .item-profile .item-portrait img{
        height:600px;
    }
    .item-profile-supplement-list{
        padding-top:48px;
    }
    #global-advanced-search, .global-advanced-search-container{
        height:400px;
    }
    .item-profile .count.email, .item-profile .social-buttons .count{
        margin-right:32px;
    }
    .hub .hub-intro{
        margin-bottom:64px;
        min-height:600px;
    }
    .hub .hub-intro .hub-intro-text{
        position:absolute;
    }
    .logo-flip-container { 
      width: 136px;
      height: 68px;
      position: relative;
      perspective: 800px;
    }
    #logo-flip {
      width: 100%;
      height: 100%;
      position: absolute;
      transform-style: preserve-3d;
      transition: transform .8s;
    }
    #logo-flip figure {
      margin: 0;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
    }
    #logo-flip .logo-front {
      background: rgba(79,20,36,1);
    }
    #logo-flip .logo-back {
      background: rgba(79,20,36,1);
      transform: rotateX( 180deg );
    }
    #logo-flip.flipped {
      transform: rotateX( 180deg );
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) { 
    .daily-feature .item-image{
        width:60px;
    }
    .checkout-progress span{
        font-size:1.2rem;
    }
    .checkout-progress span.active{
        font-size:1.8rem;
    }
    .item-profile .count.email, .item-profile .social-buttons .count{
        margin-right:64px;
    }
}