/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


/*--===== TRANSITIONS =====--*/

a, a:hover, .btn, #gotoTop, :hover {
	cursor: pointer;
	transition: all 0.4s ease-out !important;
	-webkit-transition: all 0.4s ease-out !important;
	-moz-transition: all 0.4s ease-out !important;
}


/*--------- ALL PAGES ELEMENTS styles --------------*/

body	{font-size: 16px; line-height: 1.5em; color: #dedede; background-color: #101010;}
h1, h2, h3, h4, h5, p {font-family: 'Cormorant Garamond', serif; font-weight: 300 !important;}
h5 {font-family: 'Open Sans', Helvetica, sans-serif;}
p {margin-bottom: 30px; }

/*----- Sticky upscroll HEADER -----*/
#header.sticky-on-upscroll #header-wrap {
	-webkit-transition: height .4s ease, opacity .3s ease, top .4s ease;
	-o-transition: height .4s ease, opacity .3s ease, top .4s ease;
	transition: height .4s ease, opacity .3s ease, top .4s ease;
}
#header.sticky-on-upscroll.sticky-header #header-wrap { top: -60px; }
#header.sticky-on-upscroll.show-sticky-onscroll.sticky-header #header-wrap { top: 0px; } /*--END upscroll --*/

#header.sticky-header #header-wrap {background-color: rgba(0,0,0,0.5) !important;}
#primary-menu ul li > a {font-family: 'Open Sans', Helvetica, sans-serif; font-size: 14px; color: #fff; text-align: center; text-transform: none;}
#primary-menu ul li:hover > a {color: #999;}
#primary-menu ul li > a:active {border-bottom: 2px solid #FFF;}
#primary-menu ul li > a i {font-size: 18px;} /* changes size of shop icon */

.slider-parallax .slider-parallax-inner {height: 100% !important;}
.shadow-gradient {background: radial-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));}
.content-wrap {padding: 0;}
.section {background-color: #101010;}
.one-page-arrow {color: #FFF;}
.icon-angle-down.animated {animation-duration: 2s; -webkit-animation-duration:2s;}
.btn-learn {
	padding: 15px 25px;
	display: inline-block;
	border: 1px solid #FFF;
	background-color: transparent;
	font-family: 'Open Sans', Helvetica, sans-serif;
	color: #FFF !important;
	letter-spacing: 1px;
}
.btn-learn:hover {border-radius: 30px;}
.btn-learn.noBorder {border: none;}
.btn-learn.noBorder:hover {text-decoration: underline !important;}
.btn-buy {
	padding: 15px 25px;
	display: inline-block;
	border: 2px solid #FFF;
	background-color: transparent;
	font-family: 'Open Sans', Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.btn-buy:hover {background-color: #FFF; color: #111;}

.btn-submit {
	margin-top: 10px;
	padding: 11px 24px !important;
	display: inline-block;
	font-family: 'Open Sans', Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFF !important;
	letter-spacing: 1px;
	background-color: transparent !important;
	text-transform: uppercase !important;
	border: 1px solid #fff !important;
}
.btn-submit:hover {background-color: #fff !important; color: #000 !important;}

#footer {
	background: #222222 url('../images/feathers-transparent.png') no-repeat;
	background-size: cover;
  padding-top: 5px;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 14px;
	text-align: center;
	border-top: 5px solid #000 !important;
}
#footer h4 {margin-bottom: 10px; color: #FFF;}
#footer li {margin: 0 7px; float: left; list-style: none;}
#footer li a {color: #fff;}
.footer-logo {display: inline;}
.menulinks ul {margin: 0 10%;}
#footer .social {padding: 0 10%;}
.social-icon {color: #FFF !important;}
.si-instagram:hover {background-color: #803f9b !important;}
.hashtag {padding-top: 8px; color: #FFF;}

#copyrights {
  padding: 15px 0;
  background-color: rgba(121, 0, 0, 0.5);
  font-size: 11px;
	font-family: 'Open Sans', Helvetica, sans-serif;
  color: #fff;
	text-align: center;
}
#copyrights .col_one_third {margin-bottom: 20px;}
#copyrights a:hover {opacity: 0.5;}
#gotoTop {background-color: rgba(0,0,0,0.4)}
#gotoTop:hover {background-color: rgba(0,0,0,1);}


/*---------- INDEX styles --------------*/

#primary-menu ul li > a {}
#primary-menu > ul > li > a:hover {}
#slider {background-color: #111;}
.swiper-slide.flyingloon {background-position-x: -225px;}
.home-bottleshot {width: 150px; margin: 20px 20% 0;}
.slide1.slider-caption {top: 0% !important;}
img.home-annivCS {width: 100px; height: auto;}
img.anniv-banner { margin-bottom: 25px;}
.annivBtn {margin-top: 20px; color: #fce3ae !important; border-color: #fce3ae;}
img.flashier-callout {width: initial; height: auto; display: inline-block;}
a.btn-learn.noBorder.rose {display: block; color: #841417 !important; font-weight: 700;}
img.home-rose-bottleshot {width: 100px; height: auto; display: inline-block;}
.slider-caption h2 {font-size: 48px !important; color: #FFF !important; text-transform: none; margin-bottom: 0; font-variant: small-caps; letter-spacing: 1px;}
.slider-caption h4 {font-size: 21px !important; color: #FFF !important; text-transform: none; margin-bottom: 0;}
#instagram-photos {height:200px !important;}
.social-follow {margin: 0 22%;}
.social-follow a.social-icon {margin: 0 20px; border: none;}
.social-follow a.social-icon:hover {opacity: 0.5;}
a.social-icon.facebook {width:26px; height: 50px;}
a.social-icon.instagram {width: 50px; height: 50px;}
.home-wines {padding: 350px 0;background-size: cover;}
.intro {font-size: 1.8em; line-height: 1.2; margin-bottom: 12px;}
.small-social-icon.instagram  {width: 25px; margin-left: 10px;}


/*---------- WINES styles --------------*/

.section .video-wrap {z-index: 1;}
.dark-transition {background: url('../images/feathers-transparent.png') no-repeat; background-color: #444;}
h3.dark-transition.suggestions {padding: 30px 0; font-size: 2.3em;}
.portfolio-image {background: url('../images/feathers-closeup-transp-sq.png') no-repeat; background-size: contain;}
.portfolio-overlay {background-color: rgba(0,0,0,0.7);}
.portfolio-desc {height: 100% !important; top: 0 !important; background-color: transparent !important;}
.portfolio-desc .package {position: relative; top: 33%; opacity: 0;-webkit-transition: top 0.3s ease-out; }
.portfolio-desc:hover .package {opacity: 1; top: 36%; -webkit-transition: top 0.4s ease-out;}
.portfolio-desc h3 {font-size: 2em; text-align: center;}
.portfolio-desc h3 a {color: #FFF;}
.portfolio-desc svg {width: 60%; margin: 0 20%;}
.feather-header {
	background: url('../images/feathers-transparent.png') no-repeat,  radial-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
	background-position: right center !important;
	background-size: cover;
}
.wineIntro .slider-caption {display: none !important;}
.slider-caption h3.intro {line-height: 1em; font-variant: small-caps;}
.bullet-divider {margin: 0 10px; font-size: 1.3em;}
h5.tasting-notes {margin-bottom: 0; color: rgba(255, 255, 255, 0.3);text-transform: uppercase;}
.bottle p {margin-bottom: 15px;}
.bottleshot-lg {width: 50%; margin-top: 0;}
.bottleshot-lg.hoverReveal {position: absolute; left: 15px; opacity: 0; transition: all 0.4s ease-out !important; -webkit-transition: all 0.4s ease-out !important; -moz-transition: all 0.4s ease-out !important;}
.wine-details {margin: 0; text-align: center;}
.wine-details .col-md-8, .wine-details .col-md-4 {padding-top: 25px;}
.wine-details h4 {font-size: 1.7em; margin-bottom: 10px; font-family: 'Open Sans', Helvetica, sans-serif;}
.chill-callout {display: block;}
img.chilled-icon {display: none;}
img.bvx-medallion {display: none;}
img.bluelife-medallion {display: none;}
img.lawc-medallion {display: none;}
img.calstate-medallion {display: none;}
h5.chilled-txt {font-size: 2rem; margin-bottom: 30px; }
p.notation-txt a:hover {color: #FFF; opacity: 0.3;}
h3.suggestions {margin-bottom: 0; padding: 20px 0; font-size: 1.8em; text-align: center;}


/*--------- ABOUT styles --------------*/

.story-header {background: url('../images/story-winebottles-bg2.jpg') no-repeat; background-size: cover; background-position: center bottom !important;}
.story-header .slider-caption h2, .story-header .slider-caption h4  {text-shadow: 0px 0px 20px #000 !important;}
#awards {margin: 0;}
#awards h2 {font-size: 52px;}
h4.awards-intro {font-size: 32px;}
.best-buys, .best-values, .golds {margin: 30px 0;}
.best-buys h4, .best-values h4, .golds h4 {font-family: 'Open Sans', Helvetica, sans-serif; font-size: 21px;}
.laurels.counter {background: url('../images/awards-laurel.png') no-repeat; background-size: contain; background-position: center; margin-bottom: 15px; padding: 40px 0 85px 0; font-family: 'Cormorant Garamond', serif; font-size: 100px; font-weight: 300;}

/*--------- CONNECT styles --------------*/

.contact-header {background: url('../images/contact-cheers-bg.jpg') no-repeat; background-size: cover; background-position: center center !important;}
#contact {margin: 0;}
#contact h3 {font-size: 24px;}
.sm-form-control {padding-left: 0; background-color: transparent !important; color: #c3c3c3 !important; border: none !important; border-bottom: 1px solid #c3c3c3  !important;}
input, textarea, small {font-family: 'Open Sans', Helvetica, sans-serif;}

.policies-header {background: url('../images/contact-dinnertable-bg.jpg') no-repeat; background-size: cover; background-position: center !important;}


/*-----===== WHERE TO BUY styles =====-----*/
.where2buy-header {background: url('../images/contact-dinnertable-bg.jpg') no-repeat; background-size: cover; background-position: center !important;}
#where2buy h3 {font-size: 2em;}
.brand-finder {width: 100%; display: inline-block; }
.brand-finder-window {width: 100%; height: 500px;}


/*--===== HELPER CLASSES styles =====-- */
.dark-bg {background-color: #050505 !important;}
.notation-txt {font-family: 'Open Sans', Helvetica, sans-serif; margin-bottom: 15px;}
.bold-txt {font-weight: 600;}
.white-txt {color: #FFF !important;}
.greytext {color: #999;}
.allcaps {text-transform: uppercase !important;}
.ornamental-divider {width: 50%; margin: 15px auto;}
.divider-line {width: 30%; border-bottom: 1px solid #FFF; margin: 30px 35% 20px; opacity: 0.3;}
.red-divider {fill:#c4161c;}
.round-gradientBG {
	background: radial-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.8));
	background: -webkit-radial-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.8));
}
.round-gradientBG.loon-roseBG {
	background: radial-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.3));
	background: -webkit-radial-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.3));
}
/*----- BRAND colors -----*/
.loon-darkBG {background-color: #111 !important; fill:#111;}
.loon-rose {color: #efa887 !important;}
.loon-roseBG {background-color: #efa887 !important; fill: #efa887;}
.loon-moscato {color: #284384 !important;}
.loon-moscatoBG {background-color: #284384 !important; fill:#284384;}
.loon-pinotgris {color: #7898ab !important;}
.loon-pinotgrisBG {background-color: #7898ab !important; fill:#7898ab;}
.loon-sauvblanc {color: #a8b892 !important;}
.loon-sauvblancBG {background-color: #a8b892 !important; fill:#a8b892;}
.loon-steelbird {color: #5e5e5e !important;}
.loon-steelbirdBG {background-color: #5e5e5e !important; fill:#5e5e5e;}
.loon-chard {color: #d88c02 !important;}
.loon-chardBG {background-color: #d88c02 !important; fill:#d88c02;}
.loon-redblend {color: #881304 !important;}
.loon-redblendBG {background-color: #881304 !important; fill:#881304;}
.loon-pinotnoir {color: #8c2f2f !important;}
.loon-pinotnoirBG {background-color: #8c2f2f !important; fill:#8c2f2f;}
.loon-merlot {color: #484379 !important;}
.loon-merlotBG {background-color: #484379 !important; fill:#484379;}
.loon-malbec {color: #323232 !important;}
.loon-malbecBG {background-color: #323232 !important; fill:#323232;}
.loon-syrah {color: #5f5959 !important;}
.loon-syrahBG {background-color: #5f5959 !important; fill:#5f5959;}
.loon-zinfandel {color: #7b549f !important;}
.loon-zinfandelBG {background-color: #7b549f !important; fill:#7b549f;}
.loon-cabsauv {color: #651a1a !important;}
.loon-cabsauvBG {background-color: #651a1a !important; fill:#651a1a;}
.loon-cabsauv20th {color: #e2bb05 !important;}
.loon-cabsauv20thBG {background-color: #bf2503 !important; fill:#e2bb05;}



/*-- ===== MEDIA QUERIES ===== --*/

@media screen and (max-width: 479px) {
	.col-xs-4, .col-xs-8 {width: 100%;}
}
@media screen and (min-width: 480px) {
	.swiper-slide.flyingloon {background-position-x: 0;}
	.home-bottleshot {float: left; margin: 0; margin-top: 15px;}
	.slide1.slider-caption {top: 5% !important;}
	.slide4.slider-caption {top: 20px !important;}
	#slideFive .slide5.slider-caption {top: 5% !important; padding-left: 200px;}
	.slider-caption {top: 15% !important;}
	.slider-caption h2 {font-size: 38px !important; }
	.bottleshot-lg {width: 40%;}
	.social-follow {margin: 0 30%;}
	.menulinks ul {margin: 0 25%;}
	#footer .social {padding: 0 24%;}
	.contact-header {background-position: center bottom; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.slide1 .ornamental-divider {float: right; margin: 10px 20px;}
	.swiper-slide.flashierFeathers {background-size: 150% !important; background-position: -250px bottom !important;}
	.portfolio-item.last-suggestion {display: none;}
	.story-header .slider-caption h4 {font-size: 18px !important;}
}
@media screen and (min-width: 768px) {
	.home-bottleshot {width: 280px; margin: 20px 30% 0;}
	.swiper-slide.flyingloon {background-position-x: -230px;}
	.slider-caption {top: 35% !important; padding: 0 10%;}
	.slider-caption h2 {font-size: 54px !important; line-height: 1.1em;}
	.slider-caption h3.intro {font-size: 2.7em;}
	.slider-caption h4 {font-size: 28px !important;}
	img.home-annivCS {width: 250px;}
	.home-wines h3.intro {font-size: 2.8em; line-height: 1.3; padding: 5%;}
	.slide4.slider-caption {top: 20% !important;}
	.anniv-banner {margin-top: 50px;}
	#slideFive .slide5.slider-caption {padding: 0;}
	img.flashier-callout {width: 500px;}
	img.home-rose-bottleshot {width: 160px;}
	.bottleshot-lg {width: 200px;}
	.wineIntro .slider-caption {display: block !important; margin-top: 0;}
	.social-follow {width: 30%; margin: 0 auto;}
	.menulinks ul {margin: 0;}
	#footer .social {padding: 0;}
	.ornamental-divider {width: 30%; display: inline-block;}
	.divider-line {width: 12%; margin: 30px 44% 20px;}
}
/*--- IPHONE X - PORTRAIT styles ---*/
@media screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
	img.home-rose-bottleshot {width: 150px;}
}
/*--- IPHONE X - LANDSCAPE styles ---*/
@media screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
	.anniv-banner {width: 250px !important;}
	.slide4.slider-caption h4 {font-size: 21px !important;}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
	.swiper-slide.flashierFeathers {background-position-x: -200px;}
	#slideFive .slide5.slider-caption {top: 18% !important; padding-left: 300px;}
	img.flashier-callout {width: 400px;}
	img.home-rose-bottleshot {width: 110px;}
}
@media screen and (min-width: 992px) {
	#logo {padding: 20px 0;}
	#logo a {background-color: rgba(121,0,0,0.6);}
	#logo img {height: 60px;}
	#primary-menu {margin-right: 15px;}
	#header.sticky-header:not(.static-sticky) #header-wrap #logo {padding: 0;}
	.home-bottleshot {width: 300px; margin: 0; margin-top: 150px; margin-left: 50px; }
	.slide1.slider-caption {top: 35% !important;}
	.swiper-slide.flyingloon {background-position-x: center;}
	.slider-caption {padding: 0;}
	.slider-caption h2 {font-size: 55px !important; }
	.slide4.slider-caption {top: 15% !important;}
	.anniv-banner {margin-top: 100px;}
	#slideFive .slide5.slider-caption {top: 18% !important; padding-left: 300px;}
	img.flashier-callout {width: 400px;}
	img.home-rose-bottleshot {width: 110px;}
	.social-follow {width: 26%; }
	h3.intro {font-size: 2.3em; line-height: 1.3; margin-bottom: 20px;}
	.bottleshot-lg {width: 220px; float: left; margin: 180px 0 0 100px;}
	.wineIntro .slider-caption {margin-top: 50% !important; transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important;}
	.wine-details {padding-bottom: 0px; text-align: left;}
	.wine-details h4 {text-align: left;}
	.wine-details p {font-size: 1.2em !important;}
	.bottle {height: 575px;}
	.menulinks ul {margin: 0 12%;}
	#footer .social {padding: 0 3%;}
	#copyrights .rights-reserved {margin-top: 8px; text-align: right;}
	.btn-buy {margin: 0;}
	.btn-submit {margin-top: 0 !important;}
	.divider-line {margin: 30px 0 20px;}
}
@media screen and (min-width: 1100px) {
	.home-bottleshot {width: 350px; margin: 0; margin-top: 150px; margin-left: 20px; }
	.bottleshot-lg:hover.hoverReveal {opacity: 1; cursor: pointer;}
	img.chilled-icon {display: inline-block; width: auto; height: 110px;}
	img.bvx-medallion {display: inline-block; height: 80px; width: auto; margin: 10px 10px 10px 40px;}
	img.bluelife-medallion {display: inline-block; height: 80px; width: auto; margin: 10px;}
	img.lawc-medallion {display: inline-block; height: 80px; width: auto; margin: 10px;}
	img.calstate-medallion {display: inline-block; height: 80px; width: auto; margin: 10px;}
}
@media screen and (min-width: 1200px) {
	.slider-caption h2 {font-size: 70px !important; }
	.slider-caption h4 {font-size: 30px !important;}
	.home-bottleshot {width: 380px; margin-top: 120px; margin-left: 80px; }
	#slideFive .slide5.slider-caption {top: 12% !important; padding-left: 300px;}
	img.flashier-callout {width: 500px;}
	img.home-rose-bottleshot {width: 130px;}
	.home-wines {padding: 380px 3%;}
	.home-wines h3.intro {}
	.bottleshot-lg {width: 250px; margin: 100px 0 0 100px;}
	.bottleshot {margin-left: 80px;}
	#awards.section {padding: 100px 0 !important;}
	img.bvx-medallion {height: 100px;}
	img.bluelife-medallion {height: 100px;}
	img.lawc-medallion {height: 100px;}
	img.calstate-medallion {height: 100px;}

}
@media screen and (min-width: 1600px) {
	#slideFive .slide5.slider-caption {max-width: 1000px; padding-left: 500px;}
	img.flashier-callout {width: 600px;}
	img.home-rose-bottleshot {width: 180px;}
}