.clear-fix {   
    zoom: 1; /* For IE 6/7 (trigger hasLayout)*/
    &:before, 
    &:after {     
        content: "";     
        display: table;   
    }   
    &:after {     
        clear:both;   
    } 
}

.box-sizing (@type: border-box) {
	-webkit-box-sizing: @type;
	-moz-box-sizing:    @type;
	box-sizing:         @type;
}

@lightbg: #d1d8d5;
@dark_cart_color: #4e584d;

/*@header_bg_color:#acb6ab;
@footer_bg_color:#acb6ab;*/
@header_bg_color:#a2acac;
@footer_bg_color:#a2acac;
@footer_sub_nav_bg_color:#828e81;

@primaryFontSize:1em;
@primaryFontColor:#d5d9d4;
@smallFontSize:0.93em;
@primaryLineHeight:2.5em;

/**
* Wine pages styles
*/
@pink_bg:#f5c5c8;
@pink_text:#f16f91;
@yellow_bg:#f5e299;
@yellow_text:#857c18;
@light_green_text:#6e6c52;
@red_bg:#e35751;
@red_text:#ac1f29;
/**
* Winery pages styles
*/
@greyblue_bg:#a2acac;

@hunter_green_bg:#63735e;
@dark_green_bg:#828e81;
@olive_green_bg:#9da69d;
@mild_green_bg:#9fa99e;
@light_green_bg:#dcdbd2;
@white_bg:#ffffff;
@white_text:#000000;
@white_silver:#a1a1a1;
@white_gold: #d1c091;

html, body{margin:0px;padding:0px;border:none;/*overflow-x: hidden;*/width:100vw;}

/** general items */
img {border:none;line-height:1px;}
a {text-decoration:none;}
hr {border:none;background-color:#bdc5bc;height:1px;margin: 2.25em auto; width: 50%; font-size: 1.125rem; }
div.clear{clear:both;}
.mobile {display:none;}
/** constants */
#light {font-weight: 300;}
#bold {font-weight: 600;}
#button {
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.5em 1em;
    font-size: 1em;
    line-height: 1.125em;
    display: inline-block;
    color: white;
    background: #4e584d;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    &:hover { cursor: pointer; }
}

.button { #button; }

h1,h2,h3,h4,h5,h6 {font-weight:400;}
h1 {
    position:relative;z-index:4;
    margin:0px;
    font-size:3.333em;text-transform: lowercase;text-align:center;color:white;
    line-height:1.125em;
    &.main-title {
        &.nobanner {
            padding-top:2.5em;
            z-index:1;
        }
    }
}
h2 {
    color:white;
    font-size: 1.666em;
    line-height: 1.125em;
    margin: 0 0 0.5em;
    a {color:inherit;}
}
h3 {
    //color:white;
    font-size: 1.45em;
    line-height: 1.125em;
    margin: 0 0 0.5em;
}

input[type="submit"] {
    #button;
	font-size: 1.25em;
    font-family:'futura-pt',sans-serif;
}

#header .top .left, #header .top .center, #footer .left, #footer .center {float:left;}
#header .top .left, #footer .left {width:30%;text-align:left;}
#header .top .center, #footer .center {width:40%;text-align:center;}
#header .top .right, #footer .right {float:right;width:30%;text-align:right;}
    
#header {
    /** the height is used to pull the body up under the lower nav*/
    position:relative;
    /*height:85px;*/
    z-index:2;
    
    .top {
        padding:0 3% 0 2%;
        .left a, .right a, .center a {
            padding:22.5px 0;
        }
        background-color:@header_bg_color;
        .left a, .right a {
            display:inline-block;
            font-size:1.5em;
            color:#ebedea;
            img {
                vertical-align: bottom;
                padding-right:4px;
            }
        }
        .center {
            a {
                padding-bottom:0px;
                display:block;
                text-align:center;
				img {
					width: 250px;
					max-width: 100%;
				}
                
            }
        }
    }
    
    nav.desktop {
        clear:both;
        position:relative;
        background:transparent;
        
        .left {position:absolute;left:0px;top:0px;width:48%;height:40px;margin-left:2%;z-index:5;}
        .right {position:absolute;top:0px;right:0px;width:48%;height:40px;margin-right:2%;z-index:5;text-align:right;}
        
        ul {
            list-style-type: none;margin:0px;padding:0px;
            
            li {
                display:inline-block;
                
                a {
                    display:inline-block;
                    font-size:1.1em;
                    line-height:1.15em;
                    margin:7px 0;
                    padding:7px 13px;
                    text-decoration: none;
                    color:white;
                    
                    &:hover {
                        background:rgba(172,182,171, 0.5);
                    }
                }
            }
        }
        
        .semi-trans-bg {
            position:absolute;
            top:0px;
            /*left:0px;*/
            left:50%;
            height:90px;width:100%;
            //max-width:1400px;
            background:transparent url('/images/semi-trans-bg.png') repeat-x top left;
            background-color:transparent !important;
            transform:translate(-50%,0);
        }
    }
    
    nav.mobile {
        position:absolute;
        z-index:999;
        top:50px;left:0px;
        width:100%;
        background-color:@header_bg_color;
        padding:0 0 15px;
        
        ul {
            margin:0px;
            padding:0px;
            list-style-type:none;
            
            li {
                text-align:center;
                
                a {
                    display:block;
                    
                    font-size:1.25em;
                    line-height:1.15em;
                    padding:0.65em 2%;
                    text-decoration: none;
                    color:@primaryFontColor;
                }
                
                &.icon {
					span { 
						font-size: 1.35em; 
						margin-left: 5px;
						vertical-align: middle;
                        color:white;
					}
                    img {
                        height:40px;
                        vertical-align:middle;
                    }
                }
                
                &.footer {
                    padding:0px;
                    div {
                        display:inline-block;
                        a {
                            padding: 0.5em 0.45em;
                            font-size:1.2em;
                            line-height:1.1em;
                        }
                    }
                }
                
                &.social {
                    a {
                        display:inline-block;
                        img {
                            height:20px;
                        }
                    }
                }
            }
        }
    }
}

body {
    -webkit-font-smoothing: antialiased;
    background-color:black;
    font-size: 100%;
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    /*letter-spacing:-1px;*/
    color:@primaryFontColor;
    
    .added {
        padding: 2em;
        h2 { color: white; }
    }
    
    .form,  .content form .form label {
        color: #acb6ab;
    }

    &.secondary {
        background-color:@dark_green_bg;
        
        &.pink {
            background-color:@pink_bg;
            color:@pink_text;
            #header nav .semi-trans-bg {background-color:@pink_bg;}
        }
        &.yellow {background-color:@yellow_bg;color:@yellow_text;#header nav .semi-trans-bg {background-color:@yellow_bg;}}
        &.red {background-color:@red_bg;color:@red_text;#header nav .semi-trans-bg {background-color:@red_bg;}}
        &.greyblue {background-color:@greyblue_bg;#header nav .semi-trans-bg {background-color:@greyblue_bg;}}
        &.lightgreen {background-color:@light_green_bg;color:@light_green_text;#header nav .semi-trans-bg {background-color:@light_green_bg;}}
        &.mildgreen {background-color:@mild_green_bg;#header nav .semi-trans-bg {background-color:@mild_green_bg;}}
        &.darkgreen {background-color:@dark_green_bg;#header nav .semi-trans-bg {background-color:@dark_green_bg;}}
        &.olivegreen {background-color:@olive_green_bg;#header nav .semi-trans-bg {background-color:@olive_green_bg;}}
        &.huntergreen {background-color:@hunter_green_bg;#header nav .semi-trans-bg {background-color:@hunter_green_bg;}}
      
        &.white {
          background-color:@white_bg;
          color:@white_text;
          #header nav .semi-trans-bg {background-color:@white_gold;}
          h1,h2,h3,h4,h5,h6 { color: @white_silver !important; }
          hr { background-color: #d5dcdc; }
          .inner-content a { color: @white_gold; }
          #button, .button, input[type="submit"] { background-color: @white_gold; border: 2px solid @white_gold; transition: all 0.35s ease-in-out;
            &:hover { background-color: white; border-color: @white_gold; color: @white_gold; }
          }
          form .form label { color: @white_silver; }
          form .form { border: 2px solid @white_gold; }
          .content #message .success { background-color: @white_gold; }
          
          .gallery-wrapper {
            position: relative;
            width: 1400px;
            width: ~'calc(100% + 440px)';
            left: -220px;
            max-width: none;
            background: @white_gold;
            padding: 0;
            
            @media screen and (max-width: 1399px){
              width: 100vw;
              left: ~'calc(-50vw + 50%)';
            }
            .gallery-snippet { margin: 0 auto; 
              .slick-next, .slick-prev {
                &:hover, &:focus { background: @white_text; }
              }
            }
            
          }
          
          #cboxContent { background-color: @white_gold; }
          #cboxOverlay { background: fade(@white_gold, 80%); }
          #colorbox #cboxPrevious, #colorbox #cboxNext {
            &:hover, &:focus { background-color: @white_text; }
          }
          
        }

        .content {
            font-size:1.125em;
            min-height:300px;
            
            #banner {
                position:relative;
                display:table;
                width:100%;
                margin-bottom:3em;
              
              background: no-repeat top center / 130% auto;
              background-attachment: fixed;
                
                div.image {
                    display:table-cell;
                    vertical-align:bottom;
                    /*height:400px;*/
                    text-align:center;
                    z-index:-1;
                    background:transparent no-repeat bottom center;
                    
                    img {
                        width:100%;
                        display: block;
                        opacity: 0;
                        //max-width:1400px;
                    }
                }
            }
            
            form {
                font-size: 0.875em;
                .ctct-form-footer { font-size: 0.875em;
                    a { color: inherit; font-weight: 500; }
                }
            }
        }
        
        /*div.form {font-size:0.9em;}*/

    }
    
    .back-button {
        text-transform: uppercase;
        color:inherit;
        font-weight:500;
    }
    
    &.icon {
        .content {
            #banner {
                /*margin: 150px auto 0;*/
                /** Jeff: had to switch this to a split of margin/padding - margin collapse was destroying the header in non-chrome browsers */
                margin:0 auto;
                padding:150px 0 0;
                div.image {
					display: block;
					height: auto;
                    &.overlap {
						position: relative;
						bottom: -50px;
					}
					img {
                        width:auto;
						max-width: 175px;
            display: inline-block;
            opacity: 1;
					}
                }
                
                &.custom {
                    div.image {
                        
                        img {
                            max-width:500px;
                            display: inline-block; 
                          opacity: 1;
                        }
                    }
                }
            }
        }
        
        #header nav .semi-trans-bg {
            display:none;
        }
        
    }
    
    &.nobanner {
        #header nav .semi-trans-bg {
            display:none;
        }
    }
            
    .inner-content {
        width: 90%;
        max-width:960px;
        text-align:center;
        margin:0 auto 10em;
        
        
         ul {
            li {
                margin-bottom: 0.5em;
                line-height: 1.25em;
            }
        }
        
        table {
            border-collapse:collapse;
            border:1px solid white;
            margin: 2.5em auto;
            width: 100% !important;
            
            td, th {
                border:none;
                padding: 1.5em 1.5em 0.5em;
            }
                        
            tfoot td {
                font-size: 0.75em;
                font-style: italic;
                padding-top: 0;
            }
			
			&.list-table {
				margin: 0;
				th, td {
					padding: 0.5em;
				}
				
				th {
					text-transform: uppercase;
					font-weight: normal;
				}
				td {
					color: #666;
				}
				
				p {
					text-align: right;
				 	span {
						text-transform: uppercase;
						color: #acb6ab;
						font-size: 0.875em;
						margin-right: 0.5em;
						float: left;
					}
				}
			}
        }
        
        .editorContent {
            width:70%;
            margin:auto;
            text-align:left;

            p {
                margin-bottom:2em;
                line-height:1.47em;
            }
            
            h2, h3 {
                text-align: center;
                color: white;
            }
          img {
            max-width: 100%;
            height: auto !important;
          }
        }
        
        div.intro-content {
            width: 70%;
            margin: 1.25em auto;
            font-size: 1.3333em;
            line-height: 1.3333em;
            max-width:960px;
            text-align:center;
            
            strong {
                font-weight:400;
                color:white;
            }
            
            h2 {
                font-size: 1.25em;
                margin-bottom: 0.5em;
            }
          h3 { color: white; }
            p {
                margin-top: 0;
            }
          img {
            max-width: 100%;
            height: auto !important;
          }
        }
        
        a, a:visited, a:active {
            color:white;
        }
    }
    
    #checkoutBtn  {
        background: #4e584d;
        font-weight: 500;
        left: 50%;
        margin: 0.52em;
        margin-left: -6.666em;
        padding: 0;
        position: absolute;
        text-transform: uppercase;
        top: auto;
        z-index: 99;
        display:none;
        a {
            #button;
        }
    }
    
    &.store {
        background: @mild_green_bg;

        .inner-content {
            text-align:left;
            margin:0 auto;
        }

        &.pink {
            background-color:@pink_bg;
            color:@pink_text;
            #header nav .semi-trans-bg {background-color:@pink_bg;}
            #product-details h2, #link-read-more, #div-read-more h3, #product-details div.price {color:@pink_text;}
            #product-details div.add-to-cart input[type="submit"] {background-color:@pink_text;}
        }
        &.yellow {
            background-color:@yellow_bg;
            color:@yellow_text;
            #header nav .semi-trans-bg {background-color:@yellow_bg;}
            #product-details h2, #link-read-more, #div-read-more h3, #product-details div.price {color:@yellow_text;}
            #product-details div.add-to-cart input[type="submit"] {background-color:@yellow_text;}
        }
        &.red {
            background-color:@red_bg;
            color:@red_text;
            #header nav .semi-trans-bg {background-color:@red_bg;}
            #product-details h2, #product-details div.price, #link-read-more, #div-read-more h3 {color:@red_text;}
            #product-details div.add-to-cart input[type="submit"] {background-color:@red_text;}
        }
        &.lightgreen {
            background-color:@light_green_bg;
            color:@light_green_text;
            #header nav .semi-trans-bg {background-color:@light_green_bg;}
            #product-details h2, #product-details div.price, #link-read-more, #div-read-more h3 {color:@light_green_text;}
            #product-details div.add-to-cart input[type="submit"] {background-color:@light_green_text;}
        }
        &.mildgreen {
            background-color:@mild_green_bg;
            #header nav .semi-trans-bg {background-color:@mild_green_bg;}
            /*#product-details h2, #product-details div.price, #link-read-more, #div-read-more h3 {color:@red_text;}*/
            /*#product-details div.add-to-cart input[type="submit"] {background-color:@red_text;}*/
        }
        &.darkgreen {
            background-color:@dark_green_bg;
            #header nav .semi-trans-bg {background-color:@dark_green_bg;}
            #product-details h2, #product-details div.price, #link-read-more, #div-read-more h3 {color:@dark_green_bg;}
            #product-details div.add-to-cart input[type="submit"] {background-color:@dark_green_bg;}
        }
        &.olivegreen {
            background-color:@olive_green_bg;
            #header nav .semi-trans-bg {background-color:@olive_green_bg;}
        }
        
        div.summary {
            /*float:left;
            width:50%;*/
            
            &.centered {
                float:none;
                width:50%;
                margin:auto;
            }
            
            p {
                padding: 0.5em;
                margin: 0;
                text-align: right;
                color: #666;
                overflow:hidden;
                
                &:first-child {
                    text-transform: uppercase;
                    font-weight: normal;
                    text-align:left;
                }
                
                span {
                    text-transform: uppercase;
                    color: #acb6ab;
                    font-size: 0.875em;
                    margin-right: 0.5em;
                    float: left;
                }
            }
        }

        .content .product {
            width: 49%;
            float: left;
            padding: 0;
            margin:0 0 3em;
            
            /*&.visible:nth-of-type(2n) {clear: both;}*/
            
            &.clear {clear:both;}

            .image{
                float: left;
                width: 45%;
                text-align: center;
                margin:0 2.5%;
                background: none;
                position: relative;
                overflow:hidden;
                
                .bubordered{
                    width: 100%;height: 100%;
                    max-width: 220px;
                    background: url('/images/store_bubble.png') no-repeat;
                    position: absolute;
                    right:0;
                    top: 0;
                    z-index: 3;
                    background-size: cover;
                }
                img{
                    float:right;
                    height: auto;
                    display: block;
                    width: 100%;
                    max-width: 220px;
                    margin: auto;
                    background:white;
					
					width: 90%;
					padding: 10% 5% 0;
					
                    &.outofstock {
                        opacity:0.4;
                    }
                }
            }
            .information {
                float: left;
                width: 45%;
                margin:0 2.5%;
                color: #515b50;
                padding:0;
                
                .title{
                    font-size: 1.5em;
                    text-transform: lowercase;
                    line-height: 0.9em;
                    letter-spacing: 1px;
                    font-weight: normal;
                    padding: 0 0 14px;
                    color: #FFFFFF;
                    margin-top:1em;
                    a{
                        color: #FFFFFF;
                    }
                }
                .price{
                    font-size: 1.5em;
                    line-height: 0.95em;
                    sup{ vertical-align: top; line-height: 0.9em; font-size:0.65em}
                }
                .description{
                    font-size: 0.85em;
                    line-height: 2em;
                }
                div.addBtn {
                    padding-top:0.4em;
                }
                .addBtn{
                    input{
                        font-family: "futura-pt", sans-serif;
                    }
                    input[type="text"], input[type="number"] {
                        width: 30px;
                        /*padding:1.12em 0px;*/
                        box-sizing: border-box;
                        /*height: 30px;*/
                        height:auto;
                        padding:0.45em 0;
                        text-align: center;
                        float: left;
                        font-size: 0.85em;
                        letter-spacing: 0;
                    }
                    input[type="submit"]{
                        margin-left:1em;
						font-size: 1em;
                    }
                }
            }
        }

        .cw-info{
            padding: 110px 0 90px;
            margin:0 auto;
            text-align: center;
            h1{ color: #FFFFFF; }
            .editorContent{
                font-size: 1.7em;
            }
        }

        .cart-listing{
            padding: 45px 0;
            .cart-headings{
                ul, li{
                    margin: 0; padding: 0;
                    list-style-type: none;
                }
                ul{
					
                    li{
                        
                        font-weight: normal;
                        text-align: left;
						color: #cad1c9;
						text-transform: uppercase;
                    }
                }
            }
			
			.cart-headings,
			.cart-products {
				ul,
				hr,
				.cart-product-info {
					margin: 10px 0 10px 100px;
					.clear-fix;
					li,
					div {
						padding-right: 10px;
						float: left;
						.box-sizing;
						&.name { width: 50%; }
                        &.price { width: 17.5%; }
                        &.quantity { 
							width: 17.5%; 
							a { color: @dark_cart_color; }
						}
                        &.subtotal { 
							width: 15%; 
							text-align: right;
							padding-right: 0;
						}
					}
					
				
				}
			}
			
            .cart-products{
				hr {
					width: auto;
					display: block;
					background: #a7b1a6;
				} 
                .cart-product{
					
					.clear{ height: 0; padding: 0; }
					
					
					
					.cart-product-info {
						color: @dark_cart_color;
						margin-top: 10px;
						margin-bottom: 10px;
						font-size: 1.125em;
						.cart-product-title {
							display: block;
							font-size: 1.25em;
							text-transform: lowercase;
						}
						
					}
                    
                    
                    .image{
                        float:left;
                        width:86px;
                        height:86px;
                        text-align: center;
                        position: relative;
                        overflow:hidden;
                        padding:0px;
                        
                        .bubordered{
                            width: 86px;height: 86px;
                            background: url('/images/store_bubble.png') no-repeat;
                            position: absolute;
                            right:0;
                            top: 0;
                            z-index: 3;
                            padding:0px;
                            background-size: cover;
                        }
                        img{
                            float:right;
                            height: auto;
                            display: block;
                            width:100%;
                            height:100%;
                            margin: auto;
                            background:white;

                            &.outofstock {
                                opacity:0.4;
                            }
                        }
                    }
                    .name{
                        a{ color: #FFFFFF; }
                        span{ font-size: 0.75em; }
                    }
                    
                    .quantity{
						margin-top: -5px;
                        input{
                            width: 2em;
                            padding: 5px;
                            text-align: center;
                        }
                    }
                }

                .cart-subtotal{
                    float: right;
                    font-size: 1.25em;
                    padding: 7px 0;
                    color:@dark_cart_color;
                    span{
                        font-weight: bold;
                    }
                }
            }

            .cart-bordered{
                clear: both;
                .btn {
                    margin-top:1.5em;
                }
                .btn, input{
                    display: block;
                    font-family: "futura-pt", sans-serif;
                }

                .btn a, input{
                    #button;
                }
                .left{ float: left; }
                .right{ 
                    float: right;
                    &:nth-child(2){
                        .btn a{
                            margin-right: 0;
                        }
                    }
                }
            }
        }

        .product-overview{
            padding-top: 110px;
            .short-description{
                font-size: 1.64em;
                text-align: center;
                line-height: 1.25em;
                padding: 1em 0;
                font-style: italic;
            }
            .image{
                text-align: center;
                img{
                    display: block;
                    margin: auto;
                }
            }
        }

        .register, .login{text-align: center;}
        .store-continue-button {
            #button;
			font-size: 1.25em;
			margin-bottom: 4em;
        }
        *{ font-family: "futura-pt",sans-serif; }

        .no-products{
            font-size: 1.25em;
            text-align: center;
            padding: 0 0 120px;
        }

        /*.option-wrapper{
            border: 1px solid #828e81;
            .option-title{
                color: #FFFFFF;
                border-bottom: 1px solid #828e81;
                .option{
                    width: 4%;
                    float: left;
                    text-align: center;
                    vertical-align: middle;
                    padding: 18px 0;
                }
                label{
                    text-align: left;
                    width: 96%;
                    box-sizing: border-box;
                    background: #828e81;
                    float: right;
                }
            }
            .option-content{
                padding: 10px;
            }
        }*/
        
        .step-3-summary .left{
            text-align: center;
        }
                
        #product-details {
            background-color:@footer_bg_color;
            color:#4e584d;
			
			h2 {
				font-size: 2.5em;
			}
			
			h3 {
				color: #acb6ab !important;
				font-size: 1.666em;
				text-transform: lowercase;
				#readmore { color: inherit; }
			}

            .information {
                position:relative;
                width:100%;
                background-color:white;

                .top-bar {
                    position:absolute;
                    top:-9px;left:0px;
                    height:10px;width:100%;
                    z-index:5;
                    background: url('/images/layout/border-top.png') repeat-x top left;
                }
                .bottom-bar {
                    .top-bar();
                    top:auto;
                    bottom:-9px;
                    background-image:url('/images/layout/border-bottom.png');
                }

                .details{
                    float: left;
                    width: 66.666%;
                    box-sizing: border-box;
                   	padding: 4em 0;
                    h1{
                        text-align: left;
                        padding: 15px 0px 6px;
                        font-size: 2.79em;
                        font-weight: 400;
                    }
                    .short-description{
                        font-size: 1.25em;
                        line-height: 1.4em;
                    }
                    .price{
                        display: inline-block;
                        padding: 15px 10px 0 0;
                        font-size: 3.25em;
                        sup{
                            font-size: 0.56em;
                        }
                    }                
                    .options{
                        display: inline-block;
						vertical-align: baseline;
                        font-size: 1.25em;
                    }
                }
                .bottle{
                    float: right;
                    width: 33.333%;
                    text-align: center;
                    padding: 10px 0;
					img { 
						max-width: 100%; 
						height: auto !important;
						margin: 0 auto;
					}
                }
                .add-to-cart{
                    clear: both;
                    padding-left: 1px;
                    padding-top: 25px;
					margin-bottom: 1.5em;
                    input{
                        font-family: "futura-pt",sans-serif;
						font-size: 1em; 
                    }
                    input[type="text"], input[type="number"]{
                        width: 22px;
                        text-align: center;
						padding: 0.5em 1em;
						font-size: 0.85em;
						display: block;
						float: left;
						margin-right: 0.5em;
                    }
                }

                #div-read-more {
                    display:none;
					.clear-fix;
					padding-bottom: 2em;

                    .details-left {
                        float:left;
						width:66.666%;
						font-size: 1.25em;
						line-height: 1.4em;
						hr {
							margin: 0 0 2em;
							background: #d5d9d4;
						}
                        div {margin-bottom:2em;}
                    }
                    .details-right {
                        float:right;
						width:30%;
						border: 1px solid #d5d9d4;
						padding: 2.25em;
						box-sizing: border-box;
						margin-bottom: 2em;
						
                        div {
                            margin-bottom:0.5em;

                            strong {
								color: #acb6ab !important;
								text-transform: uppercase;
								font-weight: 400;
								display: block;
								font-size: 0.875em;
							}
                            
                            ul {
                                margin:0px;
                                padding:0px;
                                list-style-type:none;
                                li {
                                    margin-bottom:0.1em;
                                    a {
                                        color:inherit;
                                    }
                                }
                            }
							
							&:last-child { margin-bottom: 0; }
                        }
                    }
                }
            }

            div.container {text-align:center;}
            div.filter-gallery a {
                display:inline-block;
                margin:10px 0;
                padding:8px 20px;
                color:white;

                &.active, &:hover {
                    background-color:@footer_bg_color;
                    color:@footer_sub_nav_bg_color;
                }
            }
        }
        
        div.cards-allowed {
            margin-bottom:1em;
            span.text {
                display:inline-block;
                vertical-align: middle;
                min-width:30%;
                padding:0 1.5%;
                text-align:right;
                text-transform: uppercase;
            }
            
            span.card {
                display:inline-block;
                vertical-align: middle;
                margin-left:0.75%;
            }
        }
        
        .form {
            textarea {
                width:100%;
            }
        }
    }
    .form {
        background: #FFFFFF;
        padding: 45px;
        max-width: 620px;
        margin: 0 auto 2em;
        text-align:left;

        p.nomargin {
            margin:0px;
        }
		
        a, a:visited, a:active { color: #666; font-weight: bold; }

        hr { background-color: #e1e1e1; margin: 1.5em auto; }
        
        .submit { text-align: center; }
      
        label{
            padding: 0 1.5%;
            text-align: right;
            min-width: 30%;
            width: 30%;
            display: inline-block;
            text-transform: uppercase;
            color: #CAD1C9;
            vertical-align: middle;
            margin:0 0 1em;
            box-sizing: border-box;
          
            &.normal {
                margin:0 0 0.5em;
                text-align:left;
            }
          
            .required { color:#800; }
            
            h3 {
                display:inline;
				text-transform: none; 
				margin: 0;
            }
            
            &.label-error {
                color:#800;
            }
        }
        input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea {
            font-family:'futura-pt',sans-serif;
            font-size:1.25em;
            font-weight:normal;
            box-sizing:border-box;
            border: 2px solid #ebeeea;
            font-size: 1.25em;
            width: 65%;
            padding: 8px 1.5%;
            vertical-align: middle;
            margin:0 0 1em;
            
            &.phone {
                width:85px;
            }

            &.input-error {
                border-color:#800;
            }
        }
        
        .item {
          display: inline-block;
          width: 31%;
          margin-right: 1%;
          label {
            color: initial !important;
            font-size:1.25em;
            font-weight:normal;
            box-sizing:border-box;
            width: auto !important;
            min-width: 0;
            padding: 8px 1.5%;
            vertical-align: middle;
            text-transform: none;
            
            &.label-error {
                color:#800 !important;
            }
          }
        }
        select.shortselect {
            width:20.35%;margin-right:1%;
        }
        select.yearselect {
            width:18%;margin-right:1%;
        }
        select.monthselect {
            width:45.5%;margin-right:1%;
        }
        input[type="radio"], input[type="checkbox"] {
            vertical-align: middle;
            /*margin: 0 0 1em;*/
            margin:0 0 1.4em
        }
        #captcha {
            padding-left:30%;
            margin:0 0 0.5em 20px;
        }
        textarea{ 
            /*width: 100%;*/
        }
        .validation-error {
            text-align:left;
            color:#800;
            padding-bottom:1.5em;
			width: 65.5%;
			float: right;
        }
        
        div.checkbox {
            padding-left:33%;
            
            input[type="checkbox"] {
                float:left;
                margin:3px 3px 3px 4px;
            }
            label {
                text-transform: none;
            }
        }
        
        .option-title {
            text-align:center;
        }
        input[type="radio"].fancy:not(old) {/*width:2em;margin:0;padding:0;font-size: 1.125em;opacity: 0;display: none;*/}
        input[type="radio"].fancy:not(old) + label {
            min-width:0px;width:auto;
        }
        input[type="radio"].fancy:not(old) + label h3 {
            display: inline-block;
            line-height: 1.5em;
			text-align: center;
			width: 100%;
			margin: 0;
			/*padding: 1em 0;*/
        }
        input[type="radio"].fancy:not(old) + label > span {
/*            display: inline-block;
            width: 0.875em;
            height: 0.825em;
            margin: 0.35em 0.5em 0.25em 0.25em;
            border: 1px solid #515151;
            border-radius: 0.5em;
            background:white;
            vertical-align: top;*/
        }
        input[type="radio"].fancy:not(old):checked + label > span {
            /*background:#4e584d;*/
        }
        input[type="radio"].fancy:not(old):checked + label > span > span {
/*            display: block;
            width: 20%;
            height: 20%;
            margin: 50% 50%;
            transform:translate(-55%, -55%);
            border:1px solid #4e584d;
            border-radius:5px;
            background:#4e584d;*/
        }
		
		div.current-billing,
		div.billing,
		div.shipping {
			margin: 1.5em 0;
			p { margin: 0; }
		}
			
    }
    
	form.checkout {
		margin-bottom: 5em;
	}
	
    div.login {
        &.left {
            float:left;
            width:49%;
        }
        
        &.right {
            .left;
            margin-left:2%
        }
    }
    
    .ccButton {
        #button;
        font-family:'futura-pt',sans-serif;
    }
    
    .product-overlay{
        position: fixed;
        z-index: 5;
        top:0px;left:0px;
        width:100%;height:100%;
        background: url('/images/slider_open.png') transparent;
    }
    
    .addremovelinks {
        display:inline-block;
        padding:0 5px 0 0;
        vertical-align: middle;
    }
}


.gallery-snippet {
  .slick-list {
    height: auto !important;
    padding: 0 15% !important;
  }
  .slick-track {
    padding: 3em 0;
  }
  .item {
    width: 500px;
    //padding-bottom: 32.5%;
    position: relative;
    float: left;
    
    
    
    
    
    a { 
      position: relative;
      display: block;
      height: 0;
      width: 100%;
      padding-bottom: 65%;
      background: no-repeat center center / cover;
      opacity: 0.5;
      transform: scale(0.95);
      transition: all 0.25s ease-in-out;
      &:hover, &:focus {
        box-shadow: inset 0 0 0 4px white;
      }
    }
    p { opacity: 0; margin-bottom: 0; color: white; transition: all 0.5s ease-in-out; }
    &.slick-center {
      
      
      z-index: 2;
      a {
        opacity: 1;
        //box-shadow: 0 0 10px rgba(0,0,0,0.4);
        transform: scale(1);
      }
      p { opacity: 1; }
    }
  }
  .slick-prev, .slick-next {
    width: 60px;
    height: auto;
    &:hover, &:focus {
      background: #4e584d; outline: none;
    }
    
    &.slick-disabled {
      opacity: 0.25;
      background: none !important;
      &:hover { cursor: default; }
    }
  }
  .slick-next { right: 0px; }
  .slick-prev { left: 0px; }
}

#colorbox {
  
  #cboxCurrent {
    font-size: 0.875em;
    right: auto;
    padding: 0.125em 1em;
    text-transform: uppercase;
    left: 0;
  }
  
  #cboxPrevious, #cboxNext {
    width: 60px;
    height: 60px;
    background: no-repeat center center / contain;
    top: 50%;
    margin-top: -30px;
    left: auto;
    right: auto;
    &:hover, &:focus {
      background-color: #4e584d; outline: none;
    }
  }
  #cboxNext { right: 0; background-image: url('../../images/right_arrow_trans.png'); }
  #cboxPrevious { left: 0; background-image: url('../../images/left_arrow_trans.png'); }
  
  #cboxTitle {
    display: block;
    background: black;
    background: fade(black, 85%);
    color: white !important;
    padding: 0.75em 1.25em 1em;
    font-size: 1.125em;
    right: 0.5em;
    bottom: 0.5em;
    width: auto;
    max-width: 50%;
    
    &:empty { display: none !important; }
  }
}
@media only screen and (max-width: 1100px) {
  .gallery-snippet {
    .slick-next { right: 0; }
    .slick-prev { left: 0; }
  }
  .gallery-snippet .slick-next, .gallery-snippet .slick-prev,
  #colorbox #cboxPrevious, #colorbox #cboxNext {
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
}
#footer {
    background-color:@footer_bg_color;
    color:#cdd2cc;
    
    .inner-content {
        min-height:0px;
        padding:0px;
        margin:0 auto;
        text-align:center;
    }
    
    hr {
        width: 100%;
        margin: 0.5em 0;
    }

    .wine-nav {
        position:fixed;
        bottom:0px;
        width:100%;
        z-index:6;
        background-color:@footer_sub_nav_bg_color;
        
        .gallery {
            /*position:relative;*/
            position:absolute;
            top:0px;
            left:0px;
            width:100%;
            background-color:white;
            /*overflow:hidden;*/
            
            &.hidden {
                display:none;
                height:0px;
            }
            
            .white-overlay {
                display:block;
                position:absolute;
                top:0px;
                left:0px;
                width:100%;
                height:100%;
                background-color:white;
                z-index:4;
            }
            
            .top-bar {
                position:absolute;
                top:-9px;left:0px;
                height:9px;width:100%;
                z-index:5;
                background: url('/images/layout/border-top.png') repeat-x top left;
            }
            .bottom-bar {
                .top-bar();
                top:auto;
                bottom:-7px;
                z-index:5;
                background-image:url('/images/layout/border-bottom.png');
            }
            
            .items {
                text-align:center;
                
                .item {
                    float:left;
                    padding:3px;
                    width:236px;
                    text-align:center;
                    
                    img {
                        display:inline;
                        height:230px;
                        width:230px;
                    }
                }
            }
        
            &.store {
                .bottom-bar{
                    background: rgba(0, 0, 0, 0) url("/images/layout/border-bottom.r1.png") repeat-x scroll left top;
                    bottom: -4px;
                }

                .items{
                    .item{
                        padding: 0px 0px 0;
                        width:200px;
                        position:relative;
                        img{
                            display:block;
                            height: 200px;
                            width:auto;
                            /*margin:50px auto 0;*/
                            margin:0 auto;
                            padding:50px 0 0;
                        }
                        a {
                            color: #bcbec0;
                            opacity: .5;
                            display:block;
                            margin:0 auto;
                            -webkit-appearance: none;
                            outline:0;
                            
                            &:active, &:focus {
                                -webkit-appearance: none;
                                outline:0;
                                
                                opacity:1;
                                
                                .name {
                                    visibility:visible;
                                }
                            }
                            
                            &:hover {
                                opacity:1;
                            }
                        }
                        .name{
                            visibility: hidden;
                            /*width:180px;*/
                            color:#bcbec0;
                            font-weight:400;
                            text-transform: lowercase;
                            font-size:1.125em;
                            line-height:1em;
                            position:absolute;
                            bottom:210px;
                            left:10px;
                            right:10px;
                        }
                        &:hover{ 
                            opacity: 1; 
                            .name{ visibility: visible;}
                        }
                    }
                }
            }
        }
        
        &.default-opened  {
            position:relative;
            top:auto;
            
            .gallery {
                position:relative;
            }
        }
        
        div.filter-gallery a {
            display:inline-block;
            margin:10px 0;
            padding:8px 20px;
            text-transform: uppercase;
            color:white;
            
            &.active, &:hover {
                background-color:@footer_bg_color;
                color:@footer_sub_nav_bg_color;
            }
        }
    }
    
    .container {
        width:960px;
        max-width: 100%;
        margin:auto;
        text-align:center;
    }
    
    .information {
        font-size:@smallFontSize;
        padding:23px 0 8px 0;
        
        .center img {
            width:250px;
			max-width: 100%;
        }
        
        p {margin:8px 0;}
        p.secondary a {
            text-transform:uppercase;
            font-weight:500;
            color:white;
        }
    }
    
    .copyright {
        /*padding:7px 0 14px;*/
        padding:0px;
        font-size:@smallFontSize;

        .left {
            width:40%;
            text-align:left;
            font-size: 0.875em;
        }
        .right {
            width:60%;
            
            ul {list-style-type:none;margin:0px;padding:0px;}
            ul li {display:inline-block;}
            ul li a {
                display:block;
                padding:0 12px;
                color:inherit;
            }
        }
        
        .left, .right {
            width: 100%;
            box-sizing: border-box;
            float: none;
            text-align: center;
            padding: 0.5em 1em 1em;
        }
    }
}

/** News Module */
ul#news-list {
    list-style-type:none;
    padding:0px;
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
    li {
        display:block;
        text-align:left;
        
        h2 {margin:0px;color:white;}
        h3 {margin:0px;color:#d5d9d4;}
    }
    
    li a {
        color:inherit;
        
        div.image {
            float:left;
            width:15%;
            
            img {
                max-width:100%;
            }
        }
        
        div.details {
            float:left;
            width:80%;
            margin-left:5%;
            
            &.full {
                width:100%;
                margin:0px;
            }
        }
        
        p {
            margin-bottom:0;
        }
    }
}
div#news-item {
    margin-top:35px;
    .news-back {
        float:left;
        a {
            display:block;
            padding:5px 20px;
            background-color:@header_bg_color;
            color:white;
        }
    }
    
    .news-article {
        
    }
}

.lmbtn {
    display:inline-block;
    float: right;
    background: none repeat scroll 0% 0% #ACB6AB;
    color: #FFF;
    padding: 3px 31px 3px 25px;
    text-transform: uppercase;
    font-size: 1.05em;
}

/** Events Module */
table.front-list {
    border-collapse: collapse;width:100%;margin-top:15px;
    th {background-color:#ACB6AB;color:white;}
    th, td {padding:5px;}
    tr {
        background-color:white;
        &.odd {background-color:#dfdfdf;}
    }
    td {
        color:black;
        a {color:inherit;}
    }
}

#calendar-view {
    margin-top:35px;
}

#event-control {
    padding-bottom:15px;
    .prev {float:left;}
    .next {float:right;}
    a {
        .lmbtn();
        float:none;
    }
}

#event-details {
    margin-top:35px;
    text-align:left;
    .top-event{
        h2{
            float: left;
            text-transform: uppercase;
            font-weight: normal;
            margin:0px;
            color: white;
        }
    }

    .location{
        text-align:center;
    }
    .description{
        padding: 10px 20px;
        color: white;
        text-align:center;
        
        h3{ margin: 0; color: white; }
    }
    .location {
        span.info{
            text-transform: uppercase;
            display: block;
            font-size: 0.875em;
            color:#bcc6bb;
        }
        span.text{
            font-size: 1.25em;
            margin-bottom: 20px;
            display: block;
            color:white;
            a {
                color:inherit;
            }
        }
    }
}
/** Meet the team */
#team-members {
    margin-top:60px;
    text-align:center;
    .member {
        position:relative;
        display:inline-block;
        height:302px;
        width:302px;
        margin:9px;
        background:#c7d2d1 no-repeat center center;
		background-size: cover;
        
        .frame {
            position:absolute;
            top:0px;
            left:0px;
            width:100%;
            height:100%;
            background:transparent url('/images/layout/inverted-team-bg.png') no-repeat center center / cover;
        }
        .title {
            position:absolute;
            top:1em;left:0px;
            box-sizing:border-box;
            padding:0px 20px;
            width:100%;
            text-align:center;
            color:white;
            text-transform: uppercase;
            font-weight:bold;
            font-size:1.1em;
        }
        .name {
            .title();
            top:auto;
            bottom:1em;
            font-weight:400;
        }
    }
}

#team-member {
    color:#758888;
    div.top {display:table;height:240px;}
    div.image {
        display:table-cell;width:240px;height:240px;
        img {width:100%;height:auto;}
    }
    
    div.right {
        display:table-cell;
        vertical-align: middle;
        padding-left:1em;
        text-align:left;
        width:310px;

        h1.position {
            text-align:left;
            font-size:1.6em;
            font-weight:bold;
            text-transform:uppercase;
            color:inherit;
        }
        h2.name {
            font-size:1.6em;
            font-weight:300;
            text-transform:uppercase;
            color:inherit;
			margin-bottom: 0;
        }
        div.email {
            font-size:1.1em;
            padding:0.5em 0;
            a {color:white;}
        }
    }
    
    div.description {
        p:first-child {margin-top:0px;}
        p:last-child {margin-bottom:0px;}
    }
}

/** SiteMap */
#sitemap-tree {
    text-align:center;
    ul {
        list-style: none;
        margin:0px;padding:0px;
        li {
            margin: 0;
            padding: 0;
            
            a {display:inline-block;color:inherit;}
            /*ul {margin-left:2em;}*/
            
            &.primary { margin-top: 2em; }
            &.tertiary { margin-bottom: 0.75em; }
        }
    }
}

/**
*  MISC Store stuff
*/
.cartpdiv{
    float: left;
    border-bottom: 1px solid #a7b1a6;
    color:@dark_cart_color;
}

body .content #message {
    width: 90%;
    max-width: 750px;
	margin: 0 auto;
    padding-top:100px;
	.error {
		background: #800;
		color: #fff;
		text-align: center;
	}
	.success {
		background: #7f9f50;
		color: #fff;
		text-align: center;
	}
  .text {
        font-size:1.1em !important;
		border: none;
		padding: 0.5em 2em;
		width: auto;
    }
}

span.fake-button {
    #button;
}

#tabs{
    margin: 35px 0;
    ul.nav{
        list-style-type: none;
        padding: 0;
        max-width: 709px;
        margin: auto;
        li{
            float: left;
            margin: 0 5px;
            &:first-child{
                margin-left: 0;
            }
            a{
                display: block;
                padding: 15px;
                text-transform: uppercase;
                background: @header_bg_color;
                color:#FFFFFF;
            }
        }
        li.active{
            a {
                background: #FFFFFF;
                color:#acb6ab;
            }
        }
    }

    div.tab{
        clear: both;
        background: #FFFFFF;
        padding: 45px;
        max-width: 620px;
        margin: 0 auto 3em;
        text-align: left;

        /*label{
            padding: 18px 20px;
            text-align: right;
            min-width: 30%;
            display: inline-block;
            text-transform: uppercase;
            color: #CAD1C9;
            vertical-align: middle;
        }
        input[type="text"], input[type="password"], select{
            box-sizing:border-box;
            border: 2px solid #ebeeea;
            font-size: 1.25em;
            margin: 0;
            min-width: 61%;
            padding: 8px 17px;
            vertical-align: middle;

            &.input-error {
                border-color:#800;
            }
        }*/
    }

    .tab-buttons{
        text-align: center;
    }
    
    span.note {
        display:block;
        text-align:center;
        margin-bottom:1em;
    }
}

.step-3-inside {
	margin-bottom: 5em;
}

.print-only {
    display:none;
    
    &.logo {
        text-align:center;
        img {
            width:250px;
            height:auto;
        }
    }
}



div.inquiry-form {margin:25px 0 0;}
div.inquiry-form div.flex {
    display:flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
div.inquiry-form div.field, div.inquiry-form fieldset {width:60%;margin:0 auto 25px;box-sizing:border-box;padding:0 5%;}
div.inquiry-form fieldset legend, div.inquiry-form div.field label {color:#363c3c;margin:0 0 5px;}
div.inquiry-form fieldset legend.required::after, div.inquiry-form div.field label.required::after {content:"*";color:red;}
div.inquiry-form fieldset {border:none;}
div.inquiry-form fieldset legend {display:block;text-align:center;width:100%;}
div.inquiry-form fieldset div.item {display:inline-block;margin-right:50px;}
div.inquiry-form fieldset div.item:last-child {margin-right:0;}
div.inquiry-form fieldset div.item input[type="checkbox"] {float:left;}
div.inquiry-form div.field {}
div.inquiry-form div.field label {display:block;text-align:center;}
div.inquiry-form input[type="text"], div.inquiry-form select, div.inquiry-form textarea {
    font-family:"futura-pt", sans-serif;
    font-size:1.1em;
    display:inline-block;
    width:75%;
    border:1px solid #ccc;
    padding:10px;
}
div.inquiry-form select {width:79%;}
div.inquiry-form div.field.split select {
    width:39%;
}
div.inquiry-form div.field.split select:first-child {
    margin-right:3%;
}