@charset "UTF-8";
/* CSS Global Styles */

/**
 * @license
 * MyFonts Webfont Build ID 3610895, 2018-07-16T21:02:12-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: DidotLTPro-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/didot/pro-roman/
 * Copyright: Copyright © 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Linotype Didot is a trademark of Linotype Gmb
 * Licensed pageviews: 15
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3610895
 * 
 * © 2018 MyFonts Inc
*/

@font-face {
    font-family: 'Gill Sans Light';
    src: url('webfonts/GillSans-Light.eot');
    src: url('webfonts/GillSans-Light.eot?#iefix') format('embedded-opentype'),
        url('webfonts/GillSans-Light.woff2') format('woff2'),
        url('webfonts/GillSans-Light.woff') format('woff'),
        url('webfonts/GillSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue Light';
    src: url('webfonts/HelveticaNeue-Light.eot');
    src: url('webfonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('webfonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('webfonts/HelveticaNeue-Light.woff') format('woff'),
        url('webfonts/HelveticaNeue-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'DidotLTPro-Roman';
	src: url('webfonts/37190F_0_0.eot');
	src: url('webfonts/37190F_0_0.eot?#iefix') format('embedded-opentype'),
		url('webfonts/37190F_0_0.woff2') format('woff2'),
		url('webfonts/37190F_0_0.woff') format('woff'),
		url('webfonts/37190F_0_0.ttf') format('truetype');
}

/* Resets */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, hr, form, input, img, fieldset, button, table {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-text-size-adjust:none;
}


body {color: #393939; font-family: 'Helvetica Neue Light', serif; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}

h1, h2, h3 {font-family: "DidotLTPro-Roman", serif; font-weight: 300}
h1, h2 {line-height: 1.0em; text-transform: uppercase}
h3 {font-size: 1.6em; margin-bottom: 10px}
p {font-family: 'Helvetica Neue Light', serif; font-weight: 300; font-style: normal}
.menu li a, .utilities li a, .links li a {font-family: 'Gill Sans Light', serif; font-weight: 300; font-style: normal; color: #393939; text-decoration: none}
p strong {font-weight: bold}
.menu li a, .links li a {text-transform: uppercase}
.menu li a:hover, .utilities li a:hover, .links li a:hover {text-decoration: underline}

.clear {clear: both}

#block-kelvedon-main-menu.contextual-region {position: inherit !important}

/* Forms */
.form-text, .form-number, .form-email, .form-textarea, .form-tel, .form-date {border: solid 1px #D6D2C4; box-sizing: border-box; padding: 4px; font-size: 13px; color: #393939; outline: none; -webkit-appearance: none; border-radius: 0}
.form-text:focus, .form-number:focus, .form-email:focus, .form-textarea:focus, .form-tel:focus, .form-date:focus {border: solid 1px #393939}
.form-submit, .views-field-view-commerce-product a, .views-field-view-node a {background-color: transparent; border: solid 1px #393939; padding: 8px 32px 8px 18px; font-size: 14px; color: #393939; cursor: pointer; border-radius: 20px; display: inline-block; text-decoration: none; outline: none; background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/icon-more@1x.png); background-position: right 0; background-repeat: no-repeat}
.form-submit:hover, .views-field-view-commerce-product a:hover, .views-field-view-node a:hover {background-color: #393939; color: #FFF; text-decoration: none; background-position: right -35px}
.form-item {margin-bottom: 20px}
form label {font-size: 0.9em}
.views-form {line-height: 1.5em}
.webform-confirmation__message {margin: 0}

.js-form-type-number .form-number {width: auto !important}

#commerce-product-add-to-cart-form .form-submit {background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/icon-add@1x.png)}
.views-field-remove-button .form-submit {background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/icon-close@1x.png)}
.cart-form #edit-submit.form-submit {background-image: none; padding: 8px 18px}

.form-item .description {font-size: 0.8em; margin-top: 4px}

select {background-color: #FFF; font-size: 13px; border: 0; border-radius: 0; color: #393939; -webkit-appearance: none; outline: none; border: 1px solid #D6D2C4; padding: 4px; background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/icon-select@1.png); background-repeat: no-repeat; background-position: right center}
select:focus {border: solid 1px #393939; color: #393939}

.js-form-type-textfield label, .js-form-type-email label, .js-form-type-password label {display: block; margin-bottom: 4px}


main .webform-submission-form .form-actions {text-align: left !important}

.path-user main .form-actions {text-align: left !important}

main a {text-decoration: none; color: #393939}
main a:hover {text-decoration: underline}

.site-wrapper .mobile-nav {display: none}

header {position: absolute; top: 0; left: 0; right: 0; width: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 50}
header .wrapper {display: relative}
header .wrapper .logo img {width: 100%; height: auto}
header .wrapper .utilities {float: right}
header .wrapper .utilities li {display: inline-block}
header .wrapper .utilities li.cart a {display: block; width: 25px; height: 30px; background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/cart.png); background-position: center center; background-repeat: no-repeat; text-align: center; margin-left: 5px}
header .wrapper .utilities li.cart a:hover {text-decoration: none}
header .wrapper .utilities li.cart a span {display: block; padding-top: 9px}
header .wrapper nav ul.menu {width: 82%}
header .wrapper nav ul.menu li {display: table-cell; text-align: center}

main {clear: both}
main .wrapper {padding-bottom: 60px}

.owl-carousel .image {min-height: 100vh; background-size: cover; background-position: center center}
.owl-carousel .owl-dots {position: absolute; bottom: 100px; width: 100%; text-align: center}
.owl-carousel .owl-dots .owl-dot {display: inline-block; margin: 12px; width: 12px; height: 12px; border-radius: 6px; background-color: rgba(255, 255, 255, 0.6)}
.owl-carousel .owl-dots .owl-dot.active {background-color: rgba(255, 255, 255, 1.0)}
#block-homepagecarousel {position: relative}
#block-homepagecarousel .contextual {top: inherit; bottom: 10px}
#block-homepagecarousel .down {display: block; width: 36px; height: 20px; background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/chevron.png); background-position: center center; background-repeat: no-repeat; position: absolute; bottom: 55px; margin-right: auto; margin-left: auto; left: 50%; transform: translate(-50%, 0); z-index: 100; overflow: hidden; text-indent: -9999px}

.banner-photo {min-height: 60vh; background-size: cover; background-position: center center}

article {padding-top: 20px; padding-bottom: 60px}
article p {line-height: 1.5em; margin-bottom: 20px}
article p a {text-decoration: underline}
article p a:hover {text-decoration: none}

#block-map .map-responsive {overflow:hidden; padding-bottom: 56.25%; position:relative; height: 0}
#block-map .map-responsive iframe {left: 0; top: 0; height: 100%; width:100%; position:absolute}

.path-products h1 {text-align: center; margin: 30px 0}

.path-cart h1, .path-checkout h1, .path-news h1, .page-node-type-webform h1 {margin: 30px 0}

.path-user h1 {margin: 30px 0}
.path-user p {font-size: 0.8em; margin-top: 4px}
.path-user .user-pass .form-item {margin-bottom: 0}
.path-user main .wrapper {min-height: 500px}

#block-useraccountmenu {float: right}
#block-useraccountmenu ul li {display: inline-block; margin-left: 20px}

.product-grid ul {list-style: none}
.product-grid ul li {text-align: center; margin-bottom: 40px}
.product-grid ul li img {width: 100%; height: auto}
.product-grid ul li .views-field-title {margin-bottom: 20px}
.product-grid ul li .views-field-title a {font-family: 'Gill Sans Light', serif; font-weight: 300; font-style: normal; color: #393939; text-decoration: none}

#block-views-block-our-products-other-products, #block-views-block-our-products-block-1, #block-views-block-our-products-block-2 {clear: both}
#block-views-block-our-products-other-products h2 {margin-bottom: 30px; text-align: center}
#block-views-block-our-products-block-1, #block-views-block-our-products-block-2 {padding-top: 60px}
#block-views-block-our-products-block-1 h2, #block-views-block-our-products-block-2 h2 {margin-bottom: 0.5em; text-align: center}
#block-views-block-our-products-other-products header, #block-views-block-our-products-block-1 header, #block-views-block-our-products-block-2 header {text-align: center; margin-bottom: 2em; line-height: 1.5em}

.views-element-container header {position: inherit; top: auto; left: auto; right: auto; Width: auto; background-color: transparent; z-index: auto}

#block-products .views-row {clear: both; margin-bottom: 40px}
#block-products .views-row .views-field-field-image {text-align: center}
#block-products .views-row .views-field-field-image img {height: 100%; width: auto}
#block-products .views-row .views-field-title a {text-decoration: none; color: #393939}
#block-products .views-row .views-field-body {margin-bottom: 40px}
#block-products .views-row .views-field-body p {line-height: 1.5em; margin-bottom: 20px}

.path-news .views-element-container .views-row {clear: both; margin-bottom: 80px}
.path-news .views-element-container .views-row .views-field-field-image {margin-bottom: 20px}
.path-news .views-element-container .views-row .views-field-field-image img {width: 100%; height: auto}
.path-news .views-element-container .views-row h2 {margin-bottom: 10px}
.path-news .views-element-container .views-row h2 a {text-decoration: none}
.path-news .views-element-container .views-row p {line-height: 1.5em; margin-bottom: 20px}

/* Products */
.product .left {text-align: center}
.product .left img {width: 100%; height: auto}
.product .right {padding-bottom: 60px}
.product .right .title {padding-bottom: 10px}
.product .right .fieldgroup legend {line-height: 2em; font-weight: bold}
.product .right .fieldgroup .js-form-item {margin-bottom: 10px}
.product .right .awards {margin-bottom: 30px}
.product .right .awards div div:nth-child(1) {font-weight: bold; line-height: 2em}
.product .right .awards div div .paragraph div {font-weight: normal; margin-bottom: 0; line-height: 1.5em}
.product .right .availability {line-height: 1.5em}
.product .right .availability a {text-decoration: underline}
.product .right .availability a:hover {text-decoration: none}
.product .right .availability span {font-weight: bold; display: block; margin-bottom: 1em}
.product .right .price {margin-bottom: 30px}
.product .right .price div div {display: inline-block; margin-right: 5px}
.product .right .price div div:nth-child(2) {font-weight: bold}

#commerce-product-add-to-cart-form {position: relative}


/* Articles */
.node--type-article .image img {width: 100%; height: auto; max-width: 800px}
.node--type-article .image {margin-bottom: 30px}
.node--type-article .title { margin-bottom: 10px; max-width: 800px}
.node--type-article .title h1 {margin-right: 60px}

/* Share */
.share {position: relative; float: right}
.share span {display: block; width: 30px; height: 30px; cursor: pointer; background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/icons-share@1x.png); background-repeat: no-repeat;; background-size: 150px 30px; text-indent: -9999px; overflow: hidden}
.share .links {z-index: 10; position: absolute; display: none; opacity: 0; background-color: #FFF}
.share:hover .links {display: block; opacity: 1}
.share .links ul li {display: inline-block}
.share .links ul li a {display: inline-block; width: 30px; height: 30px; background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/icons-share@1x.png); background-repeat: no-repeat;; background-size: 150px 30px; text-indent: -9999px; overflow: hidden}
.share .links ul li.facebook a {background-position: -30px 0}
.share .links ul li.twitter a {background-position: -60px 0}
.share .links ul li.pinterest a {background-position: -90px 0}
.share .links ul li.google a {background-position: -120px 0}

footer .wrapper {border-top: solid 1px #393939; padding-top: 30px; text-align: center; clear: both}
footer .wrapper ul.menu {width: 100%}
footer .wrapper ul.menu li {display: table-cell; text-align: center}
footer .wrapper ul.menu li a {font-size: 0.9em}
footer .wrapper #block-webform {text-align: center; margin: 40px 0}
footer .wrapper #block-webform .form-item label {display: none}
footer .wrapper #block-webform .form-item .form-email {width: 220px; background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/icon-envelope@1x.png); background-position: left center; background-repeat: no-repeat; background-color: transparent; border: solid 1px #393939; padding: 8px 16px 8px 50px; font-size: 14px; color: #393939; border-radius: 20px; display: inline-block; text-decoration: none; outline: none}
footer .wrapper #block-webform .form-item .form-email:focus::placeholder {color: transparent}
footer .wrapper #block-webform .captcha {text-align: center; margin-bottom: 15px}
footer .wrapper #block-webform .captcha .g-recaptcha {display: inline-block}
footer .wrapper .logo {width: 50%; max-width: 200px; margin: auto; margin-bottom: 20px}
footer .wrapper .address p {line-height: 1.3em; font-size: 0.9em}
footer .wrapper .address .phone {font-weight: bold; margin-top: 10px}
footer .wrapper ul.follow li {display: inline-block; margin: 20px 5px}
footer .wrapper ul.follow li a {display: block; width: 32px; height: 32px; background-position: center center; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px}
footer .wrapper ul.follow li a.instagram {background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/instagram.png)}
footer .wrapper ul.follow li a.facebook {background-image: url(/sites/kelvedonestate.com.au/themes/kelvedon/images/facebook.png)}
footer .wrapper ul.links li {display: inline-block; margin: 20px 40px}
footer .wrapper ul.links li a {font-size: 0.9em}
footer .wrapper .liquor {margin: 2.0em 0}
footer .wrapper .liquor .heading {margin-bottom: 0.5em; text-transform: uppercase}
footer .wrapper .liquor ul {display: inline-block}
footer .wrapper .liquor ul li {font-size: 0.9em; line-height: 1.6em}
footer .wrapper .liquor ul li span {display: block; font-size: 0.8em; margin-bottom: 1.0em}
footer .wrapper .liquor p {line-height: 1.6em; margin-bottom: 1.0em}

/* Cart */
.path-cart .cart table {width: 100%}
.path-cart .cart table .form-item {margin-bottom: 0}
.checkout-pane-coupon-redemption {margin-top: 30px}

/* Checkout */
.checkout-pane legend, .checkout-pane h4 {font-weight: bold; margin: 10px 0}
.checkout-pane p {margin-bottom: 20px}
.path-checkout h3 {font-size: 1em}
.path-checkout h1 {margin-bottom: 20px}
.checkout-pane table td {padding-bottom: 20px; line-height: 1.5em}
.checkout-pane footer {line-height: 1.5em}
.checkout-pane-shipping-information .form-submit {margin: 20px 0}
.checkout-pane .field--name-field-dob {margin: 2.0em 0; line-height: 1.6em}
.checkout-pane .field--name-field-dob .fieldset-wrapper .form-item {display: inline-block; margin-right: 10px}
.checkout-pane .field--name-field-dob .fieldset-wrapper .form-item select {width: 80px}
.checkout-pane .fieldset-wrapper {margin-bottom: 2.0em}

/* Mobile menu */
#drawer-toggle {position: absolute; width: 50px; height: 50px; cursor: pointer; opacity: 0; z-index: 200}

body.show-nav #drawer-toggle-label { 
height: 100%; 
width: calc(100% - 250px); 
background: rgba(0, 0, 0, 0.7); 
display: block;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
z-index: 70
} 

#drawer-toggle-label:before {
content: '';
display: block;
position: absolute;
z-index: 200;
height: 2px;
width: 24px;
background: #393939;
top: 17px;
left: 10px;
box-shadow: 0 6px 0 #393939, 0 12px 0 #393939}

.show-nav #drawer-toggle-label:before {
	background: #FFF;
	box-shadow: 0 6px 0 #FFF, 0 12px 0 #FFF}

/* Hides everything pushed outside of it */
.site-wrapper {overflow: hidden; width: 100%; height: 100%; background-color: #FFF}
.site-wrapper .push-wrapper {position: relative; background-color: #FFF}
.site-wrapper .mobile-nav ul li {color: #FFF; border-bottom: solid 1px #393939; margin: 0 10px}
.site-wrapper .mobile-nav ul li a {display: block; text-decoration: none; color: #393939; padding: 14px 10px; font-size: 1.1em}
.site-wrapper .mobile-nav ul li ul {list-style: none}
.site-wrapper .mobile-nav ul li ul li:first-child {border-top: solid 1px #393939}
.site-wrapper .mobile-nav ul li ul li:last-child {border-bottom: none}

/* Adds a transition and the resting translate state */
.push-wrapper {
    -webkit-transition: all 300ms ease 0;
    -moz-transition: all 300ms ease 0;
    -o-transition: all 300ms ease 0;
    transition: all 300ms ease 0;

    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);

    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* Will animate the content to the right 250px revealing the hidden nav */
.show-nav .push-wrapper {
    -webkit-transform: translate(250px, 0);
    -moz-transform: translate(250px, 0);
    -ms-transform: translate(250px, 0);
    -o-transform: translate(250px, 0);
    transform: translate(250px, 0);

    -webkit-transform: translate3d(250px, 0, 0);
    -moz-transform: translate3d(250px, 0, 0);
    -ms-transform: translate3d(250px, 0, 0);
    -o-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}
/* Positions the nav fixed below the push wrapper */
nav.mobile-nav {width: 250px; position: absolute; top: 0; left: 0; bottom: 0}
nav.mobile-nav ul li ul {display: block !important}

/* Messages */
div[aria-label="Status message"], .webform-confirmation, .checkout-complete {background-color: #f3faef; color: #325e1c; padding: 15px 20px; margin: 2em 0; border: solid 1px #C9E1BD; line-height: 1.5em}
div[aria-label="Status message"] a, .webform-confirmation a {color: #0074bd}

div[aria-label="Error message"] {background-color: #fddddd; color: #393939; padding: 15px 20px; margin: 2em 0; border: solid 1px #fc8596}
div[aria-label="Error message"] a {color: #0074bd}
div[aria-label="Error message"] ul {margin-left: 20px}
div[aria-label="Error message"] ul li {line-height: 1.5em}

/* Popup Message */
.age {text-align: center}
.age p {color: #FFF; font-size: 1.1em; line-height: 1.5em; margin: 0 3% 40px 3%}
.age a {display: inline-block; border: 1px solid #FFF; padding: 15px 40px; text-decoration: none; text-align: center; color: #FFF; text-transform: uppercase; background: rgba(255, 255, 255, 0.2)}
.age a:hover {text-decoration: none; background: rgba(255, 255, 255, 0.3)}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0)}
#cboxWrapper {max-width:none;}
#cboxOverlay {position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative;}
#cboxLoadedContent {overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
.cboxPhoto {float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe {width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent {box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    Custom colorbox styles
*/
#cboxOverlay {background: rgba(0, 0, 0, 0.7)}
#colorbox {outline: 0}
    #cboxContent {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline: 0}
        
        #cboxClose {position:absolute; top: 10px; right: 10px; display: block; background-image:url(/sites/all/themes/blundstone_2017_master/assets/images/icon-close.png); background-repeat: no-repeat; background-position: -25px 0; background-size: 50px 25px; width: 25px; height: 25px; text-indent:-9999px}
		#cboxClose:hover {background-position: 0 0}
		
/* Enrega */
.enrega {font-size: 0.8em; color: #a2a2a2; padding: 150px 0; text-align: center}
.enrega a {color: #a2a2a2; text-decoration: none}
.enrega a:hover {text-decoration: underline}