/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

*/
.alignleft {
	float:left;
	margin:0 20px 20px 0;
}

.alignright {
	float:right;
	margin:0 0 20px 20px;
}

.aligncenter {
	float:none;
	display:block;
	margin:0 auto 20px;
}
section.columns.full-width-overlay {margin-top:0 !important;}


.page-template-page-vineyards section.our-vineyards .columns .vineyard-image-container a h3 {
	    font-size: 22px;
    line-height: 30px;
    margin: 15px auto 0;
}

.banner-button {
	padding-top:20px;
	text-align:center;
}

@media screen and (max-width:1200px){
section.our-vineyards .columns .is-one-quarter.vineyard-image-container {
	width:33.333%
}
	
}


@media screen and (max-width:978px){
section.our-vineyards .columns .is-one-quarter.vineyard-image-container {
	width:50%
}
	
}


@media screen and (max-width:768px){
section.our-vineyards .columns .is-one-quarter.vineyard-image-container {
	width:100%
}
	
}

div.banner-button{
	margin: auto;
    padding-top: 10px;
}

div.banner-button a.button{
	background: unset;
	border: unset;
	color: #fff;
	max-width: 200px;
	width: 100%;
	display: block;
	margin: auto;
	font-size: 14px;
    line-height: 33px;
    letter-spacing: 3px;
    font-weight: 500;
    padding: 14px 25px;
}

div.banner-button a.button img{
	display: block;
    max-width: 22px;
    width: 100%;
    margin: auto;
}

div.banner-button a.button:hover{
	background: unset;
	border: unset;
}

#vineyard-info div.vineyard-buttons{
	padding: 20px 0px 0px;
}

a.button.shop-vineyard{
	color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 33px;
	letter-spacing: 3px;
    font-weight: 500;
	max-width: 375px;
	width: 100%;
    background: #b9a773;
    display: block;
	border: unset;
	margin-bottom: 15px;
}
a.button.shop-vineyard:hover{
	background: #646e6f;
}
a.button.interactive-map{
	color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 33px;
	letter-spacing: 3px;
    font-weight: 500;
	max-width: 375px;
	width: 100%;
    background: #646e6f;
    display: block;
	border: unset;
}
a.button.interactive-map:hover{
	background: #b9a773;
}


@media screen and (max-width: 425px){
	a.button.interactive-map, a.button.shop-vineyard{
		font-size: 16px;
		letter-spacing: 1px;
		padding-right: 20px;
		padding-left: 20px;
	}
}

div.banner-button a.button:hover{
	opacity: 60%;
}

.page-id-18 a.shop-vineyard-button.button{
	margin-top: 25px;
	max-width: auto;
	width: auto;
	padding: 15px 15px;
	letter-spacing: 2px;
	border-color: #000;
	color: #000;
	font-size: 17px;
	font-weight: 300;
}

.page-id-18 a.shop-vineyard-button.button:hover{
	background-color: #000;
	color: #fff;
}

section.interactive-map .columns .map-image-container .map-icon-container.albutom-map{
    bottom: 41% !important;
    left: 34% !important;
}

section.interactive-map .columns .map-image-container .map-icon-container.damiana-vineyard-map{
    bottom: 54% !important;
    left: 33% !important;
}

section.interactive-map .columns .map-image-container .map-icon-container.langley-hill-map{
	bottom: 45% !important;
    left: 6% !important;
}

section.interactive-map .columns .map-image-container .map-icon-container.portola-hill-map{
    bottom: 20% !important;
    left: 28% !important;
}

section.interactive-map .columns .map-image-container .map-icon-container.rapley-trail-map{
	bottom: 28% !important;
    left: 81% !important;
}

section.interactive-map .columns .map-image-container .map-icon-container.razorback-vineyard-map{
	bottom: 65% !important;
    left: 75% !important;
} 

section.interactive-map .columns .map-image-container .map-icon-container.windy-hill-map{
    bottom: 38% !important;
    left: 20% !important;
}

section.interactive-map .columns .map-image-container .image .inner-group img{
	height: auto !important;
}

section.interactive-map .columns .map-image-container .image .inner-group img{
	display: block !important;
	width: 100% !important;
}

section.interactive-map .columns .map-image-container .image{
		display: block !important;
	width: 100% !important;
}

section.interactive-map .columns .map-image-container .image .inner-group{
		display: block !important;
	width: 100% !important;
}

@media screen and (max-width: 1600px){
	section.interactive-map .columns .map-image-container .image .inner-group img{
	display: block !important;
	width: 100% !important;
}

section.interactive-map .columns .map-image-container .image{
		display: block !important;
	width: 100% !important;
}

section.interactive-map .columns .map-image-container .image .inner-group{
		display: block !important;
	width: 100% !important;
}
}

.page-template-page-vineyards section.vineyard-banner .column .columns.farming-practices .column {
	padding:0 90px;
}

@media screen and (max-width: 990px) {
.page-template-page-vineyards section.vineyard-banner .column .columns.farming-practices .column {
    padding: 0 50px;
}
}

@media screen and (max-width: 650px) {
.page-template-page-vineyards section.vineyard-banner .column .columns.farming-practices .column {
    padding: 0 0px;
}
	
	section.vineyard-banner .column {
		padding:120px 30px 80px;
	}
}

div.banner-button a.button {
max-width:275px;
}

div.banner-button a.button:focus{
	 outline: none;
	box-shadow: none !important;
}


@media screen and (max-width: 968px){
	div.banner-button{
		display: none;
	}
}