/* system */
html { background:#f4efe3; }
body { padding:0 0 20px; }
body, button, input, select, textarea { font:16px/1.9 'Open Sans', Arial, Helvetica, Verdana, sans-serif; color:#231f20;  }
::-moz-selection { background:#0073AE; color:#fff; }
::selection { background:#0073AE; color:#fff; }
/* end system */

/* type */
h1, h2, h3, h4, h5, h6 { }
h1 { font-size:60px; line-height:1; margin:0; text-transform:uppercase; color:#b11826; font-weight:normal; }
h2 { font-size:16px; line-height:1.3em; margin:0 0 1em; text-transform:uppercase; }
h3 { font-size:16px; line-height:1.3em; margin:0 0 0.5em;  }
h4 { }
h6 { float:right; font-size:1em; margin:0; }
a { color:#b11826; text-decoration:none; }
a:hover { color:#b11826; text-decoration:underline; }

#nav li, h1, #mobile-menu li a { font-family:'Abraham', Arial, Helvetica, sans-serif; }
/* end type */

/* main structure */
.holder, #page, #footer { max-width:1000px; margin:0 auto; }
.row { padding:0; }
img { max-width:100%; }
/* end main structure */


/* header */
#header figure { font-size:0; line-height:0; text-align:center; padding:50px 0 40px; }
#header figure img { max-height:216px; }

#nav { border:1px solid #3c3b38; border-width:1px 0 5px; padding:7px 0; margin:0 0 20px; position:relative; }
#nav ul { margin:0; padding:0; font-size:0; text-align:left; }
#nav li { display:inline-block; vertical-align: top; text-transform:uppercase; font-size:28px; }
#nav li a { color:#231f20; font-weight:300;}
#nav li a + span { margin:0 14px; }
/*#nav li a .m-0 { text-transform:none; }*/
#nav li#page-item-5 a .m-0 { text-transform:uppercase; }
#nav li.active a, #nav li a:hover { text-decoration:none; color:#b11826; }
#nav li:last-child span { display:none; }
#nav li#page-item-1 { display:none; }


.instagram { position:absolute; right:0; top:8px; font-size: 0; }
.instagram a { font-size:27px; color:#aaaba3; margin-right: 7px; }
.instagram a:hover { color: #b11826;}
.instagram a:last-child { margin-right: 0; }

@media only screen and (max-width:1040px) {
    #nav li { font-size:27px;  }
    .instagram { top: 7px; }
}
@media only screen and (max-width:1004px) {
    #nav li a + span { margin:0 13px; }
}
@media only screen and (max-width:990px) {
    #nav li { font-size:26px;  }
    #nav li a + span { margin:0 12px; }
    .instagram { top: 5px; }
}
@media only screen and (max-width:950px) {
    #nav li { font-size:25px;  }
    #nav li a + span { margin:0 11px; }
    .instagram { top: 4px; }
}
@media only screen and (max-width:912px) {
    #nav li a + span { margin:0 10px; }
}


#mobile-menu { position:fixed; top:0; right:0; bottom:0; left:-200px; z-index:0; width:200px; height:100%; overflow:auto; background:#f4efe3; display:none; }
#mobile-menu ul { margin:0; padding:0; list-style:none; }
#mobile-menu li { margin:0; padding:0; }
#mobile-menu li a { display:block; padding:10px 15px; color:#231f20; font-size:25px; line-height:1; border-bottom:1px solid #3c3b38; text-transform:uppercase; }
#mobile-menu li > span { display:none; }
#mobile-menu li a .m-0 { text-transform:none; }
#mobile-menu li a:hover, #mobile-menu li.nav-item-active > a, #mobile-menu li.nav-item-ancestor-active > a { color:#b11826; text-decoration: none; }
#mobile-menu li li a { padding-left:25px; font-size:14px; font-weight:normal; }

#site { position:relative; z-index:1; min-width:100%; min-height:100%; top:0; bottom:100%; left:0; background:#f4efe3; }
.mobile-trigger { position:absolute; right:4%; top:27px; z-index:30; font-size:24px; color:#000; display:none; }
.mobile-trigger .fa { cursor:pointer; }
#site { -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; -ms-transition: left 0.2s ease; -o-transition: left 0.2s ease; transition: left 0.2s ease; }
.mobile-menu-active #site { left:200px; }
.mobile-menu-active #mobile-menu { left:0; }

/* end header */

/* banner */
#banner { position:relative; z-index:1; }
#banner ul { margin:0; padding:0; list-style:none; }
#banner li { margin:0; padding:0; }
#banner img { display:block; width:100%; }
.banner-controls { text-align:right; margin-top:10px; font-size:12px; }
.banner-controls > span { cursor:pointer; }
.banner-controls > span:last-child span { display:none; }
.banner-controls > span span { margin:0 5px; }
.banner-controls span.cycle-pager-active, .banner-controls span:hover  { color:#b11826; }
.banner-controls span.cycle-pager-active span, .banner-controls span:hover span { color:#231f20; }
/* end banner */

/* body */
#body { padding:35px 0; }
#body > header { text-align:center; margin:0 0 35px; }
#body > header h1 { background:url(../img/ui/page-header-border.png) repeat-x left center; }
#body > header h1 > span { vertical-align: middle; background:#f4efe3; padding:0 50px; }
/*#body .m-0 { text-transform:none; }*/
.page-9 #body .m-0, .page-10 #body .m-0, .page-5 #body .m-0 { text-transform:uppercase; }
/*#body a[target="_blank"]:before { content:'> '; }*/

.home-holder figure { text-align:center; line-height:0; }
.home-holder figure img { max-width:780px; width:100%; }

.content-columns .content-holder { -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px; }
.content-columns .content-holder p { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid;}
.content-single .content-holder { padding:0 80px; text-align:center; }
.template-home .content-single .content-holder { margin-bottom:30px; }
/* end body */

/* footer */
#footer { border-top:5px solid #3c3b38; padding:20px 0; text-transform:uppercase; font-size:12px; line-height:1; }
#footer, #footer a { color:#231f20; }
#footer .column-6:nth-child(2) { text-align:right; }
/* end footer */

/* contact */
#google-maps { height:450px; }
.contact-holder { text-align:center; }
#body .contact-holder a:before { display:none; }
/* end contact */


/* news */
#news-holder { font-size:0; }
.news-block { display:inline-block; vertical-align: top; font-size:16px; margin:0 0 30px; width:100%; }
.news-header { }
.news-block figure { margin:0 0 20px; }
.news-block figure img { max-width:100%; width:100%; }
.news-header h3 { font-size:18px; line-height:1.1em; text-transform:uppercase; margin:0 0 4px; }
.news-header h4 { font-weight:300;  }
.news-footer { margin-top:20px; display:block; }
.news-footer a { font-weight:bold; text-transform: uppercase; }
.news-footer a:before { display:none; }

.news-articles-2 .news-block { width:48.5%; margin-right:3%; }
.news-articles-2 .news-block:nth-child(2n+2) { margin-right:0; }

.news-articles-3 .news-block { width:31%; margin-right:3.5%; }
.news-articles-3 .news-block:nth-child(3n+3) { margin-right:0; }

.news-articles-large .news-block { padding:0 0 40px; margin:0 0 40px; border-bottom:1px solid #3c3b38; }
.news-articles-large .news-block:last-child { padding:0; margin:0; border-bottom:0; }
.news-articles-large .news-block figure { padding-right:40px; }
.news-articles-large .news-block h3 { margin:0 0 4px; }
.news-articles-large .news-block h4 { font-weight:300;  }

#news-details .left-column { width:30%; padding-right:5%; }
#news-details .left-column img { display:block; margin:0 0 20px; width:100%; max-width:100%; }
#news-details .right-column { width:70%; }
#news-details .right-column header { margin:0; float:right;  }
#news-details .right-column header a { display:inline-block; color:#969696; width:10px; height:20px; background:url(../img/ui/angle-right.png) no-repeat left top; background-size:cover; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#news-details .right-column header a:hover { background-position:left bottom; }
#news-details .right-column header a img { width:100%; display:block; }
#news-details .right-column header a:first-child { margin-right:20px; background-image:url(../img/ui/angle-left.png); }

/* end news */

/* products */
.product { padding:0 0 40px; margin:0 0 40px; border-bottom:1px solid #3c3b38; }
.product-holder .product:last-child { padding:0; margin:0; border-bottom:0; }
.product figure { padding-right:80px; }
.product figure img { width:100%; }
.product h3 { font-size:16px; line-height:1.3; text-transform:uppercase; }
.sale { text-decoration:line-through; }
.price { color:#b11826; }
.buy { margin-left:30px; text-transform:uppercase; }
.buy i { margin-right:8px; font-size:18px; }

.cart-holder figure { padding-right:0; }
.cart-holder div.column { padding-right:30px; }
.cart { background:#fff; padding:20px; min-height:390px; }
.price-items { width:180px; display:inline-block; }

.no-results { text-transform:uppercase; color:#b11826; }
.cart-holder form { display:inline-block; margin:0; }
.cart-holder label { margin:0 20px 0 25px; }
.cart-holder input { padding:2px 5px; margin-right:10px; border:0; width:50px; }
.cart-holder button { border:0; background:none; cursor:pointer; color:#b11826; }
input[type="number"], input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance:none; margin: 0; }
input[type="number"] { -moz-appearance:textfield; }
.product .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.cart-content { margin-top:30px; }
.cart-content h3 { text-transform:uppercase; }
.cart-content .column:last-child { padding-left:10px; }

.manual-order-form { text-transform:uppercase; margin-top:10px; font-weight:bold; font-size:15px; line-height:1; }
.manual-order-form a:before { display:none; }

.cart h5 { text-transform:uppercase; font-size:16px; line-height:1; padding-right:10px; margin:0 0 5px; }
.cart-row { font-size:16px; line-height:1; margin:0 0 10px; font-weight:bold; }
.remove-from-cart { color:#fff; font-size:17px; line-height:1; font-weight:normal; background:#bcbdc0; width:21px; height:21px; border-radius:50%; float:right; padding-top:1px; padding-left:6px; }
.remove-from-cart:hover { color:#fff; text-decoration: none; background:#b11826; }
.cart-row .price { color:#231f20; font-weight:normal; }
.cart-row .price span { margin-right:5px; }
.cart-total-row { margin-top:60px; text-transform:uppercase; }
.cart-total-row .price { font-weight:bold; margin-left:5px; color:#231f20; }
.checkout-link { margin-top:35px; text-transform:uppercase; font-weight:bold; display:block; }
.cart-msg { margin:0 0 15px; color:#b11826; font-style:italic; }

.page-form {padding-top: 40px; border-top: 1px solid #000; margin-top: 60px;}
.form {width: 50%;}
.form-row { margin:0 0 20px; }
.form-row label { display:block; cursor:pointer; margin:0 0 5px 0; text-transform: uppercase;}
.form-row input, .form-row select, .form-row textarea { width:100%; padding:5px; border:1px solid rgba(244,239,227,0.5); }
.form-row select { width:auto; }
.form-row textarea { height:200px; }
.form-row-required label:after { content:'*';display:inline-block; font-size:80%; color:#b11826; vertical-align: super;}
.form-row.required label:after { content:'*'; display:inline-block; color:#b11826; font-size:80%; }
span.required { color:#b11826; font-size:80%; vertical-align: top; }
.form-block { margin:0 0 30px; }

.has-error input, .has-error select, .has-error textarea { border-color:#b11826; }
.has-error label { color:#b11826; }

#form-billing-address { margin-bottom:5px; }
#form-billing-address-2 label { display:none; }

#form-billing-postcode input { max-width:60px; }

.form label {font-weight: 600;}
.btn-row input[type="text"] { display:none; }
.btn-row input[type="submit"] {color: #b11826; font-weight: 600; border: none; background: none; text-transform: uppercase;}

.block-billing, .your-order { padding-right:20px; }
.block-shipping, .cc-details { padding-left:20px; }
.block-shipping .form-block-body { display:none; }
.block-shipping.active .form-block-body { display:block; }

.your-order table { width:100%; }
.your-order th, .your-order td { padding:2px 0; border-bottom:1px solid rgba(0,0,0,0.5); }
.your-order th { text-align:left; padding-right:20px; }
.your-order td, .your-order thead th:last-child { text-align:right; padding-right:0; }


.cc-details figure { float:right; }
#cCcv { width:60px; }
#ccv-note { display:none; }
#ccv-line input { display:block; }

.form-button-row { margin-top:20px; text-align:right; }
.form-button-row input { font-size:16px; cursor:pointer; padding:0; text-transform:uppercase; font-weight:bold; background:none; color:#b11826; border:0; }
.form-button-row input:hover { color:#000; }

.note { border:1px solid #000; padding:10px 20px; margin:0 0 10px; }
.note-error { border-color:#b11826; color:#b11826; font-style:italic; }
#terms-and-conditions { display:none; }
/* end products */




.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../img/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(../img/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:url(../img/fancybox/blank.gif);-webkit-tap-highlight-color:transparent;z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../img/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}#fancybox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:8050}#fancybox-thumbs.bottom{bottom:2px}#fancybox-thumbs.top{top:2px}#fancybox-thumbs ul{position:relative;list-style:none;margin:0;padding:0}#fancybox-thumbs ul li{float:left;padding:1px;opacity:.5}#fancybox-thumbs ul li.active{opacity:.75;padding:0;border:1px solid #fff}#fancybox-thumbs ul li:hover{opacity:1}#fancybox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:0}#fancybox-thumbs ul li img{display:block;position:relative;border:0;padding:0;max-width:none}



@media only screen and (max-width:1040px) {
	.holder { padding:0 15px; }
	#footer { margin-left:15px; margin-right:15px; }
}

@media only screen and (max-width:896px) {
    html, body { overflow-x:hidden; }
    img, object, iframe { max-width:100%; }
    img { height:auto; }

    #nav { display:none; }
    #mobile-menu { display:block; }
    .mobile-trigger { display:block; }

    #google-maps { height:300px; }

    .news-articles-large .news-block figure { padding-right:10px; }

}

@media only screen and (max-width:770px) {
	.news-articles-3 .news-block { width:48%; margin-right:4%; }
	.news-articles-3 .news-block:nth-child(3n+3) { margin-right:4%; }
	.news-articles-3 .news-block:nth-child(2n+2) { margin-right:0; }

}

@media screen and (max-width:660px) {
	.news-articles-3 .news-block { width:100%; margin:0 0 20px; }
	.news-articles-3 .news-block:nth-child(3n+3) { margin-right:0; }
	.news-articles-3 .news-block:nth-child(2n+2) { margin-right:0; }
    #news-details .left-column { width:100%; padding:0; margin:0 0 10px; }
    #news-details .right-column { width:100%; padding:0; margin:0; }

	.content-columns .content-holder { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; }


    #footer, #footer .column-6:nth-child(2) { text-align:center; }
    #footer .column-6:nth-child(2) { margin-top:10px; }

    .product figure { padding:0; }
    .cart { min-height:unset; }
    .cart-holder div.column { padding:0; }
    .cart-content .column:last-child { padding:0; }

    .news-articles-large .news-block figure { padding-right:0; }

    #body > header h1 > span { padding:0 20px; }
    h1 { font-size:40px; }

    .content-single .content-holder { padding:0; text-align:left; }

    .block-shipping, .cc-details, .block-billing, .your-order { padding:0; }
    .block-shipping { margin-top:30px; }
    .row .column.cc-details { margin-top:30px; }
}

.vintages-heading { margin-bottom:0; }

.address-block { margin:0; }
.address-stockists-block { text-transform:uppercase; font-weight:bold; margin-top:20px; }

.payment-cover {
    background: rgba(0,0,0,0.4); position: fixed; left: 0; top:0; width: 100%; height: 100%;
    z-index: 300; display: none;
}
.payment-cover i {
    color: #fff; font-size: 30px; line-height: 1;
    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
    z-index: 301;
}


.wine-tasting {
  font-size: 0;
}
.wine-tasting__left, .wine-tasting__right { display: inline-block; vertical-align: top; }
.wine-tasting__right {
  font-size: 16px;
  width: 45%;
}
.wine-tasting__right p + p { margin-bottom: 0; }
.wine-tasting__right ul { margin: 0 0 1em; padding: 0; list-style: none; }
.wine-tasting__left {
  width: 50%;
  margin-right: 5%;
}
.wine-tasting__left img {
  display: block;
  width: 100%;
}
.wine-tasting__cart button {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  color: #b11826;
  font-weight: bold;
  text-transform: uppercase;
}
.wine-tasting__cart button:hover {
  text-decoration: underline;
}

.cart-content-block {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #3c3b38;
}

.cart-holder div.column-8 {
  padding-right: 0;
}


@media screen and (max-width:660px) {
  .wine-tasting__left, .wine-tasting__right { width: 100%; display: block; }
  .wine-tasting__left { margin-right: 0; margin-bottom: 30px; }
}
