d/* Start HTML5 Doctor CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration:none;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
:after, :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: initial;}
/* End HTML5 Doctor CSS Reset */

/* General Add-Ons */
#mt-10 {margin-top: 10px;}

/*Skip to Main Content */
a.skip-main{
	left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}
a.skip-main:focus,a.skip-main:active{
	color:#fff;background-color:#000;left:50%;transform:translateX(-50%);top:10px;max-width:250px;width:100%;height:auto;overflow:auto;padding:5px;border-radius:10px;border:3px solid yellow;text-align:center;font-size:1em;z-index:999}


/* Start Desktop Header */
#desktop-header {
  height: 190px;
  position: fixed;
  background-color:#fff;
  z-index: 100000;
  top: 0;
  width: 100%;
  font-family: "mr-eaves-modern", Helvetica, Arial, sans-serif;
}
#desktop-header .background-color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #d09b24;
  opacity: 0;
  z-index: 1;
}
#desktop-header .inner {
  /*max-width: 1180px;*/
  width:100%;
  /*padding: 0 10px;*/
  padding:0;
  margin: 0 auto;
  height: 100%;
  text-align:center;
  position: relative;
  z-index: 2;
}

#desktop-header .mobile-menu {
  display: none;
}

#desktop-header a.logo {
  float:none;
  padding: 20px 10px;
  height:160px;
}

#desktop-header img {
	margin-top:10px;
}

#desktop-header ul.social {
  margin: 15px 0 0 10px;
}

#desktop-header nav {
  /*float: left;*/
  text-align:center;
  float:none;
  height: 42px;
  moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(191, 190, 175, 0.2);
  
}
#desktop-header ul.links {
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
  height: 100%;
  font-size: 16px;
  letter-spacing: 1px;
  text-align:left;
}
#desktop-header ul.links > li {
  float: left;
  height: 100%;
  position: relative;
}
#desktop-header ul.links > li > a {
  cursor: pointer;
  display: block;
  padding: 6px 20px;
  height: 100%;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  border-right:1px solid #e8a713;
}
a.parent.last {
	border-right:none !important;
}

#desktop-header li.mobile-only { display: none; }

#desktop-header ul.sub-links {
  list-style-type: none;
  position: absolute;
  display:inline-flex; /*added 11/21 for full width display*/
  width:100%; /*added 11/21 for full width display*/
  top: 100%;
  left: 0;
  white-space: nowrap;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s, visibility 0s linear .3s;
  -o-transition: opacity .3s, visibility 0s linear .3s;
  transition: opacity .3s, visibility 0s linear .3s;
}
#desktop-header ul.links > li:hover > .sub-links {
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s, opacity .3s;
  -o-transition: visibility 0s, opacity .3s;
  transition: visibility 0s, opacity .3s;
}
#desktop-header ul.sub-links:before {
  content: "";
  display: block;
  background-color: rgba(130,119,116,.8);
  position: absolute;
  top: 0;
  left: -5000px;
  width: 10000px;
  height: 100%;
  z-index: 100001;
}
#desktop-header ul.sub-links > li {
  margin: 0;
  position: relative;
  z-index: 100002;
}
#desktop-header ul.sub-links > li > a{
  cursor: pointer;
  display: block;
  padding: 10px 15px;
  letter-spacing: 0px;  
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 1040px) {
  #desktop-header { display: none; }
}

/* End Desktop Header */

/* Start Mobile Header */
#mobile-header {
  height: 138px;
  position: fixed;
  z-index: 100000;
  top: 0;
  width: 100%;
  font-family: "mr-eaves-modern", Helvetica, Arial, sans-serif;
   -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
   box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
   overflow: hidden;
}
#mobile-header .background-color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 138px;
  background-color: #fff;
  opacity: 1;
  z-index: 1;
}
#mobile-header .inner {
  margin: 0 auto;
  height: 138px;
  position: relative;
  z-index: 2;
  text-align: center;
}

#mobile-header .mobile-menu {
  font-size: 42px;
  width: 40px;
  left: 10px;
  position: absolute;
  display: block;
  height: 35px;
  top: 12px;
  cursor: pointer;
}
#mobile-header .mobile-menu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 6px;
  border-top: 18px double #000;
  border-bottom: 6px solid #000;
}

#mobile-header a.logo {
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  height: 128px;
}

#mobile-header ul.social {
  margin: 10px 0;
}

#mobile-header nav {
  height: 100%;
  position: fixed;
  top: 138px;
  left: 0;
  right: 0;
  bottom: 0;
}

#mobile-header ul.links {
  list-style-type: none;
  height: 100%;
  width: 50%;
  background-color: #d09b24;
  padding: 20px 20px 75px 20px;
  text-align: left;
  overflow: auto;
}
#mobile-header ul.links > li {
  z-index: 2;
}
#mobile-header ul.links > li > a {
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  padding: 12px 10px 12px 0;
  position: relative;
}
#mobile-header ul.links > li > a.parent:after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: .3em solid transparent;
  border-left: .4em solid #fff;
}

#mobile-header ul.sub-links {
  list-style-type: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  padding: 20px 20px 75px 20px;
  text-align: left;
  overflow: auto;
  margin-top: 0;
  height: 100%;
}
#mobile-header ul.sub-links > li > a {
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  padding: 12px 10px 12px 0;
  position: relative;
}

@media screen and (min-width: 1041px) {
  #mobile-header { display: none; }
}

@media screen and (max-width: 1041px) {
  #mobile-header { font-size: 24px; }
  #mobile-header ul.links > li > a,
  #mobile-header ul.sub-links > li > a { padding: 12px 10px 12px 0; }
}
@media screen and (max-width: 750px) {
  #mobile-header { font-size: 20px; }
}
@media screen and (max-width: 600px) {
  #mobile-header { font-size: 16px; }
}
@media screen and (max-width: 450px) {
  /*#mobile-header { font-size: 12px; }*/
  #mobile-header ul.links { padding: 10px 0 10px 10px; }
  /*shawn comment to fix css error #mobile-header ul.links > li > a, */
  /*#mobile-header ul.sub-links > li > a { padding: 8px 10px 8px 0; }*/
}
@media screen and (max-height: 360px) {
  #mobile-header { font-size: 12px; }
  #mobile-header ul.links { padding: 5px 0 5px 10px; }
  #mobile-header ul.links > li > a,
  #mobile-header ul.sub-links > li > a { padding: 5px 10px 5px 0 !important; }
}
/* End Mobile Header */


/* Start Mobile Header Animation */
#mobile-header {
  background-color: rgba(0,0,0,0);
  -webkit-transition: background-color .25s linear .25s, height 0s linear .5s;
  -o-transition: background-color .25s linear .25s, height 0s linear .5s;
  transition: background-color .25s linear .25s, height 0s linear .5s;
}
#mobile-header.open {
  height: 100%;
  background-color: rgba(0,0,0,.8);
  -webkit-transition: height 0s, background-color .25s;
  -o-transition: height 0s, background-color .25s;
  transition: height 0s, background-color .25s;
}

#mobile-header.open .background-color {
  opacity: 1 !important;
}

#mobile-header .inner {
  -webkit-transition: height 0s linear .5s;
  -o-transition: height 0s linear .5s;
  transition: height 0s linear .5s;
}
#mobile-header.open .inner {
  height: 100%;
  -webkit-transition: height 0s;
  -o-transition: height 0s;
  transition: height 0s;
}

#mobile-header nav {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform .25s ease-out;
  -o-transition: transform .25s ease-out;
  transition: transform .25s ease-out;
}
#mobile-header.open nav {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: transform .25s ease-in .25s;
  -o-transition: transform .25s ease-in .25s;
  transition: transform .25s ease-in .25s;
}

#mobile-header .sub-links {
  visibility: hidden;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform .25s ease-in, visibility 0s linear .25s;
  -o-transition: transform .25s ease-in, visibility 0s linear .25s;
  transition: transform .25s ease-in, visibility 0s linear .25s;
}
#mobile-header li.current .sub-links {
  visibility: visible;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: visibility 0s, transform .25s ease-out;
  -o-transition: visibility 0s, transform .25s ease-out;
  transition: visibility 0s, transform .25s ease-out;
}

/* End Mobile Header Animation */


/* ----------------------------------------------- */
/* All widths (XS through LG) */
/* ----------------------------------------------- */

body {
	font-family: "mr-eaves-modern", Helvetica, Arial, sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:16px;
	line-height:28px;
	color:#342d1f;
	background-color:#fff;
	margin:0;
	padding:0;
}
a,
a:active,
a:focus,
a:active,
a:hover {
	color:#d09b24;
	text-decoration:none;
}
p {
    margin-bottom:1em;	
	font-size: 18px;
}
h1 {
    color:#d09b24;
    font-family: "bickham-script-pro-3", Baskerville, "Century Schoolbook L", "Times New Roman", serif;
    font-size:6em; 
    line-height:36px;
    font-weight:300;
    text-transform:none;
}
h2 {
	font-family: "bickham-script-pro-3", cursive;
	font-style:normal;
	font-size:5em;
	color:#fff;
}
h3 {
    margin-bottom:5px;
	color:#2b2b2b;
    font-family: "mrs-eaves", Baskerville, "Century Schoolbook L", "Times New Roman", serif;
    font-size:1.5em;/*20px*/
	line-height:28px;
    text-transform:uppercase;
	font-weight: 700;
}
h4 {
    color:#d09b24;
    font-family: "bickham-script-pro-3", cursive;
    font-size:5em; 
    line-height:36px;
    font-weight:300;
    text-transform:none;
	margin-top:20px;
}

.content {
	padding-top: 50px;
}
.general-first {
	padding: 50px;
}
.general {
	padding: 0px 50px;
}

@media (max-width: 1080px) {
	/*.row {
		margin: 0px 30px;
	}*/
	.container {
		padding-right:0;
		padding-left:0;
	}
}


@media (min-width: 500px) and (max-width: 767px) {
	h1 {
		font-size:5em; 
	}
	h3 {
		font-size:1.25em;
	}
	img.feature-image {
		margin:0 auto;
		margin-top:20px;
	}
	.btn-default, .btn-default:focus, .btn-default:active {
		font-size:1em;
		padding:4px 15px;
	}


}

@media (min-width: 100px) and (max-width: 499px) {
	h1 {
		font-size:5em;
	}
	h3 {
		font-size:1.25em;
	}
	img.feature-image {
		margin:0 auto;
		margin-top:20px;
	}
}


/*-----  Main -----*/


.page-content {
	position:relative; 
	padding-top:183px;
}
.page-content-nopad {
	position:relative; 
	padding-top:50px;
}



@media (max-width:1040px) {
	.page-content {
		padding-top:130px;
	}
	.page-content-nopad {
		position: relative;
		padding-top: 10px;
}

}

@media (max-width:1039px) {
	.page-content-nopad {
		position: relative;
		padding-top: 10px;
}

}


/* --------------- Carousel --------------- */
	
.carousel-indicators {
		bottom: 10px;
		left:auto;
		right: 0;
		text-align: right;
		margin: 0 15px 0 0;
		width:100%;
	}
	.carousel-indicators li,
	.carousel-indicators .active {
		border: 1px solid #d09b24;
		background-color:none;
		margin: 0 0 0 5px;
		height:16px;
		width:16px;
		box-shadow:0 0 3px rgba(0,0,0,0.3);
        line-height: 20px;
	}
	.carousel-indicators .active,
	.carousel-indicators .active:hover {
		background-color: #d09b24;
	}
	.carousel .carousel-inner .item {
	  	background-size: cover;
	  	background-position: center;
	  	min-height: 465px;
		padding: 170px 0px;
	    text-align: center;
	}
	.carousel-fade .carousel-inner .item {
		opacity: 0;
		-webkit-transition-property: opacity;
		-moz-transition-property: opacity;
		-o-transition-property: opacity;
		transition-property: opacity;
	}
	.carousel-fade .carousel-inner .active {
		opacity: 1;
	}
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
		left: 0;
		opacity: 0;
		z-index: 1;
	}
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
		opacity: 1;
	}
	.carousel-fade .carousel-control {
		z-index: 2;
	}

/* Added transforms to improve carousel performance */ 

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

@media all and (min-width: 768px) and (max-width:899px) {
	.carousel .carousel-inner .item {
	  	margin-right:-15em;
		min-height:350px;
		overflow: hidden;
	}	
}

@media all and (min-width: 500px) and (max-width: 767px) {
	.carousel .carousel-inner .item {
	  	margin-right:-15em;
		min-height:300px;
		overflow: hidden;
	}
}

@media all and (min-width: 100px) and (max-width: 499px) {
	.carousel .carousel-inner .item {
	  	margin-right:-10em;
		min-height:250px;
		overflow: hidden;
	}
}



/*-----  Hero Image Start -----*/

.container {
	max-width:1180px;
	margin:0 auto 20px;
	position:relative;
}
.container-interior {
	max-width:1180px;
	margin:50px auto 20px;
	position:relative;
}
.container-left {
	width:35%;
	float:left;
	text-align:center;
}
.container-right {
	width:50%;
	float:right;
}
.parallax {
	/*padding:175px 0;
	background-position:50% 50%;*/
	background-repeat:no-repeat;
}
.parallax h1,
.parallax h2 {
	text-align:center;
}
.hero-btn {
	text-align:center;	
}
.hero-image .parallax {
	background-color:#fff;
	background-size:cover;
}
.hero-image .non-parallax {
	background-color:#fff;
	background-size:cover;
}
.col-sm-4:nth-child(3n+1) {
    clear:left;
}
.hero-image .container-left h3 {
	color:#fff;
}

.col-xs-14 {
    width: 90%;
    margin: auto;
    float: none;
}

.content-image {
	width: 45%;
	max-width: 375px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border-radius:2px;
	border: 5px solid #ffffff;
	margin: 10px;
}
@media (min-width: 768px) and (max-width: 1000px) {
	.container-left {
		width:55%;
	}
	.col-xs-14 {
		width: 80%;
	}
}

@media (min-width: 500px) and (max-width: 767px) {
	.container-left {
		width:45%;
	}
}

@media (min-width: 100px) and (max-width: 499px) {
	.container-left {
		width:100%;
	}
}
@media (max-width: 499px) {
	.container-interior {
		margin-top:30px;
	}
}

/* Hero Image End */


/*Vintage Carousel Start*/
.border {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.flickity-viewport {
	width:97.3% !important;
	padding-bottom:355px;
}
.flickity-prev-next-button .arrow {
    fill: none !important;
	stroke:#d09b24 !important;
}
.flickity-prev-next-button {
 	background:none !important;
}
/*.flickity-prev-next-button.next {
    right: -60px;
}*/
.flickity-prev-next-button.previous {
    display: none !important;
}
.vintage-carousel {
	background-color:#fff;
	margin:30px 15px;
}
.vintage-carousel h1 {
	color:#fff;	
	line-height:72px;
}
.vintage-carousel p {
	font-weight:700;	
}
.vintage-carousel-row a,
.vintage-carousel-row a:hover {
	color:#fff;	
	text-decoration:none;
}
.static-banner {
  position:absolute;
  top:-50px;
  z-index: 1;
  padding: 2px 20px;
  font-size: 26px;
  color: white;
  pointer-events: none;
}
.hanger {
  width: 0; 
  height: 0; 
  top:-45px;
  left:-40px;
  border-top: 70px solid transparent;
  border-bottom: 70px solid transparent; 
  border-right:70px solid #d09b24;
  -moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.past-varietals-text {
	position:relative;
	top:40px;
	left:-10px;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	webkit-transform: rotate(-15deg) skew(-15deg, 0);
    -moz-transform: rotate(-15deg) skew(-15deg, 0);
    -ms-transform: rotate(-15deg) skew(-15deg, 0);
    -o-transform: rotate(-15deg) skew(-15deg, 0);
    transform: rotate(-45deg);
	display:inline-block;
	z-index:99999;
}
.varietal-card {
    width: 95%;
    background-color: #1c1c1c;
    text-align: left;
    position: relative;
    height: 100%;
	padding:10px;
}
.varietal-card img {
	margin:0 auto;
}
.past-varietals {
    margin-top: 0;
    margin-bottom: 0;
}
.varietal-item {
    width: 25.5%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom:30px;
/* ensuring proper layout*/
    float: left;
}
.course-info {
    padding: 10px;
    min-height:80px;
	text-align: center;
}
.course-title,
.artist {
    font-weight: 500;
    font-size: 14px;
    margin:0;
	color:#fff;
}
.artist {
	font-style:italic;
}
.artist:before,
.artist:after {
	content: "\2022";
	color:#fff;
	font-size:24px;
	padding-left:5px;
	padding-right:5px;
	top:2px;
	position:relative;
}
.flickity-prev-next-button {
	width:150px !important;
	height:150px !important;
}
.carousel-prev-next-big-arrow .flickity-prev-next-button .arrow {
    fill: red !important;
}
@media (min-width:850px) and (max-width: 1000px) {
		.flickity-prev-next-button.next {
    	right: -90px !important;
	}

}
@media (min-width:850px) and (max-width: 991px) {
	.flickity-viewport {
		padding-bottom:340px;
	}
	#vintage-carousel-container.row {
		width:85%;
		margin:0 auto !important;
	}
	.varietal-card {
		width:95%;
	}
	.varietal-item {
		width: 35%;
	}

}

@media (min-width:630px) and (max-width: 849px) {
	
	.flickity-viewport {
		padding-bottom:300px;
	}
	#vintage-carousel-container.row {
		width:75%;
		margin:0 auto !important;
	}
	.varietal-card {
		width:95%;
	}
	.varietal-item {
		width:51%;
	}
	.flickity-prev-next-button.next {
    	right: -80px !important;
	}

}

@media (min-width:420px) and (max-width: 629px) {

	.border {
		border-top:none;
		border-bottom:none;
	}
	#vintage-carousel-container.row {
		width:300px;
		margin:0 auto !important;
	}
	.vintage-carousel {
		margin:0 15px;
	}
	.flickity-viewport {
		width:100% !important;
	}
	#vintage-carousel-container .col-xs-12 {
		float:none !important;
	}
	.varietal-item {
		width:100%;
	}
	.varietal-card {
		width:100%;
	}
	.flickity-prev-next-button.next {
    	right: -100px !important;
	}

}

@media (max-width: 419px) {
	.container {
		margin-bottom:0;
	}
	#vintage-carousel-container.row {
		width:250px;
		margin:0 auto !important;
	}
	.vintage-carousel {
		margin:0 15px;
		margin-bottom:20px;
	}
	.flickity-viewport {
		width:100% !important;
		padding-bottom:285px;
	}
	#vintage-carousel-container .col-xs-12 {
		float:none !important;
	}
	.varietal-item {
		width:100%;
	}
	.varietal-card {
		width:100%;
	}
	.flickity-prev-next-button.next {
    	right: -100px !important;
	}
	.flickity-prev-next-button {
		width:80px;
		height:80px;
	}

}

/*Vintage Carousel End*/


/* --------------- Buttons --------------- */

.btn {
	margin-top:5px;
	margin-bottom:5px;
	font-family: "mrs-eaves", Baskerville, "Century Schoolbook L", "Times New Roman", serif;	
}
/* Gold Button */
.btn-default,
.btn-default:focus,
.btn-default:active {
	font-weight:normal;
	font-size:1em; /* 18px */
	text-transform:uppercase;
	background-color:#d09b24;
	color:#fff;
	border:0 none;
	border-radius:0;
	padding:8px 30px;
	/*margin:10px 0;*/
	text-decoration:none;
}
.btn-default:hover {
	background-color:#000;
	color:#d09b24;	
}

/* --------------- Feature --------------- */

.feature {
	padding-top:50px;
	padding-bottom:50px;
}
.feature h2 {
	font-style: italic;
}
.feature h3 {
	margin-bottom:20px;
}
.feature p {
	
}
img.feature-image { 
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border-radius:2px;
	margin: 0px 10px;
	border: 5px solid #ffffff;
}


/* Start Feature Collage */

.collage {
	width:38%; 
	float:right;
	padding-left:10px;
	padding-right:10px;
}
.collage ul {
	list-style-type: none;
	text-align:center;
}
.collage ul li {
	max-width:41.5%; 
	display:inline-block;
	margin:0 10px 10px 10px;
}
img.collage-feature-img {
	width:184px;
	padding:5px;    
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border-radius:2px;
}

@media (min-width:500px) and (max-width: 767px) {
.collage {
	width:100%; 
	float:none;
}
.collage ul {
	margin-bottom:0;
}
.collage ul li {
	width:20%;
}
img.collage-feature-img {
	width:100%;
}

}

@media all and (max-width: 499px) {
.feature {
	padding-top:30px;
	padding-bottom:30px;
}
.collage {
	width:100%; 
	float:none;
}
.collage ul {
	margin-bottom:0;
}
.collage ul li {
	width:auto; 
}
	img.collage-feature-img {
	width:auto;
}

}

/* End Feature Collage */

/* --------------- Varietal --------------- */

.lead-text {
	margin-top: 1.42857em;
}
.varietal {
	margin-top:30px;
	margin-bottom:0;
}
.varietal h2 {
	font-style: italic;
	font-size:60px;
}
img.varietal-image {    
	position:relative;
	text-align: center;
	margin:0 auto;
	margin-top:-715px;
	z-index: 99999;
}
.varietal-points-col {
	font-family:"mrs-eaves", serif;
	width:90%;
	padding:20px;
	margin-top:30px;
	margin:0 auto;
	border-top:1px solid #d09b24;
	border-bottom:1px solid #d09b24;
}
.varietal-points-col.no-border {
	border-top:none;
	margin-top:0;
}
.varietal-header {
	height:70px;
	width:100%;
	text-transform: uppercase;
	margin:0 auto;
	vertical-align: middle;
	display:flex;
}
.varietal-points {
	width:50%;
	float:left;
	text-align:center;
}
.varietal-number {
	font-size:50px;
	margin-bottom:4px;
}
.varietal-number-text {
	font-size:20px;
}
.varietal-vintage {
	width:50%; 
	float:right; 
	text-align:center;
	line-height:1.2em;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.varietal-name,
.varietal-vintage-year {
	font-size:14px;
}
.varietal-vintage-year {
	font-style:italic;
}
.varietal-points-text {
	text-align:center;
	font-size:12px;
	line-height:1.3em;
}

@media (min-width: 900px) and (max-width: 1040px) {

img.varietal-image {
	margin-top:-610px;	
}
.varietal div.col-xs-4.col-sm-4  {
	padding-left:0 !important;
}
.varietal-points-col {
	padding-top:25px;
	display: block;	
}
.varietal-header {
	display: block;
}
.varietal-points,
.varietal-vintage {
	float:none;
	width:100%;
	margin-bottom:10px;
	display:block;
}
.varietal-vintage {
	float:left;
}
.varietal-points-text {
	display: inline-block;
}
	
}

@media (min-width: 650px) and (max-width:899px) {
#varietal-col.col-xs-12 {
	width:33.33333333% !important;
}
.col-sm-8 {
	width:66.66666666% !important;
}
.varietal-points-col {
	padding-top:25px;	
}
img.varietal-image {
	margin-top:-460px;
}
.varietal div.col-xs-4.col-sm-4  {
	padding-left:0 !important;
}
.varietal-points-col {
	display: block;	
}
.varietal-header {
	display: block;
}
.varietal-points,
.varietal-vintage {
	float:none;
	width:100%;
	margin-bottom:10px;
	display:block;
}
.varietal-vintage {
	float:left;
}
.varietal-points-text {
	display: inline-block;
}

}

@media (min-width: 500px) and (max-width: 649px) {
	#varietal-col {
		margin-top:40px;
	}
	img.varietal-image {
		margin-top:-430px;
		width:95%;
	}
	.varietal div.col-xs-4 .div.col-sm-4  {
		padding-left:0 !important;
	}
	.col-xs-4 {
		padding-left:0 !important;
		width:250px !important;
	}

}

@media (min-width: 300px) and (max-width: 499px) {
	.border {
		border-top:none;
		border-bottom:none;
	}
	#varietal-col {
		margin-top:20px;
	}
	img.varietal-image {
		margin-top:-380px;	
	}
	.col-xs-4 {
		padding-left:0 !important;
		width:185px !important;
	}
	.varietal {
		margin-bottom:10px;
	}
}

@media (min-width: 50px) and (max-width: 299px) {
	img.varietal-image {
		margin-top:-320px;	
	}
	.col-xs-4 {
		padding-left:0 !important;
		width:155px !important;
	}
	.varietal {
		margin-bottom:10px;
	}
}

/* --------------- Wines --------------- */

.wines {
	padding-left:55px;
	padding-right:55px;
	margin-bottom:50px;
}
.wines .content-wrapper {
	position:absolute;
	top:50%;
	background-color:#f4f3f1;
	padding:25px;
	width:48%;
	transform:translateY(-50%);
	text-align: center;
}
.wines .content-left {
	left:0;
}
.wines .content-right {
	right:45px;
}
.wines .content {
	border: 4px solid #d09b24;
	border-style:double;
	padding:20px;
}
.wines p {
    font-size: 16px;
    line-height: 1.3em;
}
.wine-intro {
	padding:60px 40px 5px;
	text-align: center;
}

/* ---------------Hero Image Cropping ------------*/
.hero {
    width: 100%;
    /*height: 500px; original markup by shawn */
	height:auto;
    overflow: hidden;
}
.hero img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.wines .hero-crop  {
	margin-right: 3em;
	margin-top:0;
}

@media (min-width: 900px) and (max-width: 1190px) {
	.wines {
		padding-left:0;
		padding-right:0;
	}
	.wines h1 {
		font-size:3em;
	}
	.wines h3 {
		font-size:1.25em;
	}
	.wines .content-left {
		left:25px;
	}
	.wines .content-right {
		right:25px;
	}
	.wines .hero-crop {
		margin-left:0;
		margin-right: -5em;
	}
	.wines .content-wrapper,
	.wines .content {
		padding:10px;
	}
	.wines a.btn .btn-default {
		margin:5px 0;
	}

}
@media (min-width: 768px) and (max-width:899px) {
	.hero {
		height:400px;
	}
	.wines {
		padding-left:0;
		padding-right:0;
	}
	.wines h1 {
		font-size:2.25em;
	}
	.wines h3 {
		font-size:1.0em;
	}
	.wines .content-left {
		left:20px;
	}
	.wines .content-right {
		right:20px;
	}
	.wines .hero-crop {
		margin-left:0;
		margin-right: -5em;
	}
	.wines .content-wrapper {
		top:50%;
	}
	.wines .content-wrapper,
	.wines .content {
		padding:10px;
	}
	a.btn.btn-default.wines-btn {
		margin:5px 0;
		font-size:1em;
	}
	.wines p {
		font-size:12px;
	}

}

@media (min-width: 500px) and (max-width: 767px) {
	.hero {
		/*height:610px;*/
		height:auto;
	}
	.wines {
		padding-left:0;
		padding-right:0;
		margin-bottom:0;
	}
	.wine-intro {
		padding:40px 40px 20px
	}
	.wines .content-left {
		left:0;
	}
	.wines .content-right {
		right:0;
	}
	.wines .hero-crop {
		margin-left:0;
		margin-right: -5em;
	}
	.wines .content-wrapper {
		width:100%;
		position:relative;
		transform:translateY(0);
	}
	.wines .content-wrapper,
	.wines .content {
		padding:15px 25px;
	}
	.wines .content {
		border:none;
	}
	a.btn.btn-default.wines-btn {
		margin:5px 0;
		font-size:0.875em;
	}

}

@media (min-width: 100px) and (max-width: 499px) {
	.hero {
		/*height:595px;*/
		height:auto;
	}
	.wines {
		padding-left:0;
		padding-right:0;
		margin-bottom:0;
	}
	.wine-intro {
		padding-top:50px;
		text-align: center;
	}
	.wines .content-left {
		left:0;
	}
	.wines .content-right {
		right:0;
	}
	.wines .hero-crop {
		margin-left:-6em;
		margin-right: -6em;
	}
	.wines .content-wrapper {
		width:100%;
		position:relative;
		/*transform:translateY(-20%);*/
		transform:translateY(0);
	}
	.wines .content-wrapper,
	.wines .content {
		padding:10px 20px;
	}
	.wines .content {
		border:none;
	}

}

/*---------------Review Page ------------*/
.review-featured {
    width: 100%;
    margin: 20px 0px;
    float: left;	
}

.reviews-points-col {
    font-family: "mrs-eaves", serif;
    width: 70%;
    padding: 100px 160px 100px 30px;
    float: left;
}
.reviews-points-col.no-border {
	border-top:none;
	margin-top:0;
}
.reviews-header {
	height:70px;
	width:100%;
	text-transform: uppercase;
	margin:0 auto;
	vertical-align: middle;
	display:flex;
}
.reviews-points {
	width:30%;
	float:left;
	text-align:center;
}
.reviews-number {
	font-size: 100px;
    margin-bottom: 60px;
}
.reviews-number-text {
	font-size:32px;
}
.reviews-vintage {
	width:50%; 
	float:right; 
	text-align:center;
	line-height:1.2em;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.reviews-name,
.reviews-vintage-year {
	font-size: 26px;
    margin-bottom: 10px;
}
.reviews-vintage-year {
	font-style:italic;
}
.reviews-points-text {
	text-align: center;
    font-size: 20px;
    line-height: 1.3em;
    margin-top: 70px;
}
img.review-image { 
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border-radius:2px;
	margin: 20px;
	border: 5px solid #ffffff;
	float:left;
}
@media (min-width: 850px) and (max-width: 1175px) {
	.reviews-points-col {width: 70%;padding: 50px 20px;	}
	.reviews-number { font-size: 120px;	}
	.reviews-number-text {font-size: 26px;}
	.reviews-name, .reviews-vintage-year { font-size: 26px;	}
	img.review-image { width: 25%;}	
}
@media (min-width: 500px) and (max-width: 850px) {
	.reviews-points-col {width: 65%;padding: 50px 20px;	}
	.reviews-number { font-size: 100px; margin-bottom: 30px;	}
	.reviews-number-text {font-size: 20px;}
	.reviews-name, .reviews-vintage-year { font-size: 20px;	}
	img.review-image { width: 25%;}	
	.reviews-points-text {margin-top: 50px;
}
}
@media (min-width: 200px) and (max-width: 500px) {
	.review-featured { margin: 0 auto; text-align: center;}
	.reviews-points-col {width: 100%; padding: 20px;}
	.reviews-points {width: 30%;}
	.reviews-number { font-size: 80px; margin-bottom: 30px;	}
	.reviews-number-text {font-size: 20px;}
	.reviews-vintage { width: 70%;}	
	.reviews-name, .reviews-vintage-year { font-size: 16px;	}
	img.review-image { width: 50%;}	
	.reviews-points-text {margin-top: 50px;}
}

/* --------------- Footer --------------- */

footer {
    background-color:#fff;
}
.footer {
	color:#343b43;
	line-height:20px;
	margin-top:30px;
	margin-bottom:30px;
}	
.footer a:hover,
.footera:focus,
.footer a:active {
	color:#343b43;
	text-decoration:underline;	
}
.footer ul,
.footer p {
	text-align:center;
	text-transform:uppercase;
	font-size:0.875em; /*14px*/
}
.footer ul {
	margin-bottom:20px;
}
.footer p {
	font-size:0.75em !important; /*12px*/
}
.footer li {
	display:inline-block;
	list-style-type:none;
	padding:0 10px 0 10px;	
}
.footer a {
	color:#343b43;
	font-weight:400;
}

@media (min-width:420px) and (max-width: 629px) {
	.footer {
		margin-bottom:20px;
		border-top:2px solid #f4b824;
	}
	.footer ul {
		margin-top:20px;
	}
}

@media all and (max-width: 419px) {

	.footer {
		margin-top:0;
		margin-bottom:0;
		border-top:2px solid #f4b824;
	}
	.footer ul {
		margin-top: 20px;
		margin-bottom:0;
	}
	.footer li {
		display: block;
		padding-bottom:20px;
	}

}


@media all and (min-width: 768px) {

	.container {
		width:auto;	
		position:relative;
	}
	.parallax {
		padding:150px 0;
		background-size:auto auto;
	}
	.carousel-caption {
		top:37%;
		bottom:25%;
	}	

}
@media all and (min-width: 768px) and (max-width:991px) {

	.parallax {
		padding:125px 0;	
	}

}

@media all and (max-width: 767px) {

	.parallax {
		padding:120px 0;	
	}
	
}

@media all and (max-width: 500px) {

	.parallax {
		padding:80px 0;	
	}
	
}