/* ----------------------------------------------------------------
	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, .btn-join, #gotoTop, :hover {
	transition: all 0.3s ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
}


/*------------------------------
          PAGE STYLES
------------------------------*/

/*---===== ALL pages =====---*/
body {font-family: 'Century Gothic','Poppins', Helvetica, sans-serif; font-size: 16px; line-height: 1.5em; font-weight: 300; color: #353535; }
h1, h2, h3, h4, h5, h6 {font-family: 'Bell','Playfair Display', 'Times New Roman', serif; font-weight: 400 !important; line-height: 1.2em; text-transform: uppercase; letter-spacing: 1px; /*---transform: scaleX(1.1); -webkit-transform: scaleX(1.1); -moz-transform: scaleX(1.1); -ms-transform: scaleX(1.1); transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%;---*/}
.hashtag {font-style: italic; text-transform: none !important;}
.content-wrap {padding: 0px;}

/*---===== HEADER/MENU styles =====---*/
#logo img {height: 80px; margin-top: 10px;}
.side-header.open-header #header-trigger {font-size: 2em; color: #efefef; background-color: transparent; text-shadow: 0px 0px 10px #000, 0px 0px 70px #000;}
.side-header #header {box-shadow: 0 0 15px rgba(0,0,0,0.1);}
a.side-panel-logo {display: inline-block !important;}
.side-header #logo:not(.nobottomborder):after,
.side-header #primary-menu:not(.nobottomborder):after {display: none;}
#primary-menu ul li > a {font-family: 'Bell','Playfair Display', 'Times New Roman', serif;  font-size: 1.2em; font-weight: 400 !important; text-align: center; text-transform: none !important;}
#primary-menu ul li:hover > a {color: #ccc;}
#primary-menu ul li.current > a {color: #cb231e !important;}

/*--- BUTTON styles ---*/
.btn-learn {display: inline-block; padding: 5px; font-size: 1.1em; font-weight: bold; color: #353535; transform: translateX(0px) !important; -webkit-transform: translateX(0px) !important; -moz-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important; text-transform: uppercase; transition: transform 0.5s ease-out; -webkit-transition: transform 0.5s ease-out; -moz-transition: transform 0.5s ease-out;}
.btn-learn:hover {color: #cb231e !important;}
.btn-learn:hover i {color: #cb231e; transform: translateX(5px) !important; -webkit-transform: translateX(5px) !important; -moz-transform: translateX(5px) !important; -ms-transform: translateX(5px) !important;  transition: transform 0.5s ease-out; -webkit-transition: transform 0.5s ease-out; -moz-transition: transform 0.5s ease-out;}

.btn-buy {display: inline-block; padding: 12px 25px !important; font-size: 1em; color: #FFF; letter-spacing: 1px; background-color: #cb231e; border: 2px solid #cb231e; text-transform: uppercase;}
.btn-buy:hover {color: #FFF; transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform-origin: center center; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; /* border-radius: 25px !important; */ }

.btn-submit {display: inline-block; margin-top: 10px; padding: 11px 24px !important; font-size: 0.9em; letter-spacing: 1px; color: #FFF !important; background-color: transparent !important; border-radius: 0; text-transform: uppercase !important; border: 2px solid #fff !important; }
.btn-submit:hover {border-radius: 25px !important; }
#contact .btn-submit {font-family: 'Century Gothic','Poppins', Helvetica, sans-serif; font-weight: bold; color: #353535 !important; border-color: #353535 !important;}

/*--- SOCIAL sections ---*/
.section.home-social {background-color: #f6f7f1 !important;}
.section.home-social h2 {font-family: 'Century Gothic','Poppins', Helvetica, sans-serif !important;}
img.small-social-icon {width: 25px; height: auto; display: inline-block; margin: -8px 0 0 10px;}

/*--- FOOTER styles ---*/
#footer {padding-top: 25px; background: #CB231E url('../images/red-footer-bg.jpg') no-repeat; background-size: cover; color: #FFF !important; border-top: none; text-align: center;}
img.footer-logo {width: 150px; height: auto; display: inline-block;}
#footer h5 {margin-top: 8px; font-size: 24px; color: #FFF;}
#footer li {margin: 0 3px; display: inline-block; list-style: none;}
#footer li a {color: #fff;}
#footer a.social-icon {display: inline-block; float: none; font-size: 28px; color: #FFF !important;}
a.social-icon:hover {color: #FFF !important;}
.si-instagram:hover {background-color: #803f9b !important;}
h5.newsletter {margin-bottom: 10px;}
#copyrights {padding: 15px 0; background-color: rgba(0, 0, 0, 0.4); font-size: 11px; color: #FFF;}
img.dss-footer-logo {height: 30px; width: auto; display: inline-block;}
#copyrights a:hover {opacity: 0.5;}
.legal {margin-top: 10px;}
#gotoTop {background-color: rgba(0,0,0,0.3)}
#gotoTop:hover {background-color: rgba(203,35,30,0.95); border-radius: 20px !important;}


/*---===== Home page =====---*/
#page-menu.dots-menu nav li a {width: 12px; height: 12px; background-color: rgba(255,255,255,0.5); filter: drop-shadow(0px 0px 10px #000); -webkit-filter: drop-shadow(0px 0px 10px #000);}
#page-menu.dots-menu nav li a:hover {background-color: #FFF; filter: none; -webkit-filter: none;}
#page-menu.dots-menu nav li a div {background-color: #cb231e; }
#page-menu.dots-menu nav li a div::after {border-left-color: #cb231e; }
#page-title.page-title-video .container {z-index: 5;}
.hero-logo {width: 280px; height: auto; display: block; margin: 0 auto;}
.play-button {width: 70px; height: 70px; display: block; margin: 30px auto; padding: 18px 22px; font-size: 2em; color: #FFF; border: 4px solid #FFF; border-radius: 50%; cursor: pointer;}
.play-button:hover {color: #FFF; opacity: 0.5;}

#story, #wines, #news, #wines2 {height: auto; padding: 100px 0; background-size: cover !important; text-align: center;}
img.home-horiz-logo {display: block; margin-bottom: 10px;}
#story {background-position: center center !important;}
.home-story h3, .home-wines h3 {font-size: 1.9em; color: #FFF;}
#wines {background-position: center center !important;}
.home-wines h3 {margin-bottom: 5px;}
.home-wines h3.hashtag {font-size: 1em; margin: 8px 0 15px;}
#news {background-position: center center !important;}
img.home-we-award {margin-bottom: 20px;}
#wines2 {background-position: center center !important;}
.home-btn {font-size: 1.2em; font-weight: bold; color: #FFF; text-transform: uppercase; letter-spacing: 1px; transform: translateX(0px) !important; -webkit-transform: translateX(0px) !important; -moz-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important; transition: transform 0.5s ease-out; -webkit-transition: transform 0.5s ease-out; -moz-transition: transform 0.5s ease-out; }
.home-btn:hover {color: #FFF; opacity: 0.5 !important;}
.home-btn:hover i {color: #FFF; opacity: 0.5 !important; transform: translateX(5px) !important; -webit-transform: translateX(5px) !important; -moz-transform: translateX(5px) !important; -ms-transform: translateX(5px) !important; transition: transform 0.5s ease-out; -webkit-transition: transform 0.5s ease-out; -moz-transition: transform 0.5s ease-out;}


/*---===== OUR STORY page =====---*/
.story-header {padding: 50px 0px !important; background-size: cover; background-position: center bottom;}
.story-header .hero-logo {display: none;}
h2.story-intro {font-size: 2.5em; margin-bottom: 15px; margin-top: 15px; text-align: center; color: #FFF !important;}
p.story-intro {font-size: 1.5em; line-height: 1.5; text-align: center; color: #FFF;}
p.story-intro span.cream-accent-txt {display: inline-block !important; font-size: 1.1em !important;}
.our-story {padding-bottom: 0px; background-color: #FFF; text-align: center;}
.our-story p.intro {font-size: 1.3em; text-align: center;}
.our-story img {display: inline-block;}


/*---===== Wines page =====---*/
.wines-header {padding: 150px 0px !important; background-size: cover; background-position-x: left !important;}
.wines-header .hero-logo {display: none;}
h2.wines-intro {font-size: 2.5em; margin-top: 15px; text-align: center; color: #FFF !important;}
.our-wines {padding-top: 40px; padding-bottom: 40px; text-align: center; font-size: 1.3em; background-color: #FFF;}
/*--- Filter styles ---*/
.portfolio-filter {float: none;}
ul#portfolio-filter.portfolio-filter.clearfix {border-top: 1px solid #acacac !important; border-bottom: 1px solid #acacac !important; border-left: none; border-right: none; border-radius: 0px;}
ul.portfolio-filter li {margin-bottom: 0px !important; width: 25% !important  /* default=33.3%*/; text-align: center;}
.portfolio-filter li, .portfolio-filter li a {line-height: 18px;}
li.filter-title {margin-top: 12px !important;}
.portfolio-filter li.activeFilter a {color: #cb231e !important; background-color: transparent;}
/*--- Wine Portfolio styles ---*/
.portfolio-overlay {background-color: rgba(255,255,255,0.9);}
.portfolio-overlay h2 {margin-top: 50%; margin-bottom: 20px;}
.portfolio-item .portfolio-image .btn-learn {width: auto !important; height: auto !important; padding: 10px 20px !important; font-size: 0.9em; color: #353535; background-color: #FFF; border: 2px solid #353535; border-radius: 0px;}
.portfolio-item .portfolio-image .btn-learn:hover {color: #353535 !important;}


/*---===== Wines DETAIL pages =====---*/
.individual-wine {padding-top: 0px; padding-bottom: 60px;}
img.bottleshot {height: 550px; width: auto; display: block; margin: 0 auto 20px;}
.individual-wine a.btn-buy {margin-bottom: 30px;}
.wine-details {text-align: center;}
.wines-logo {display: none;}
img.chilled-icon {width: 100px; height: auto; display: inline-block; margin: 10px;}
h2.varietal {margin-bottom: 8px; font-size: 2em; line-height: 1.1em;}
h3.appellation {font-style: italic; text-transform: capitalize !important;}
.wine-details.laurels h3.appellation {margin-bottom: 10px;}
h3.wine-detail-headers {margin-bottom: 8px; font-size: 1.2em;}
img.laurel-award {height: 100px; width: auto; display: block; margin: 25px auto;}
img.laurel-award.last-award {margin-bottom: 30px;}


/*---===== NEWS styles =====---*/

.news-header {padding: 110px 0px !important; background-size: cover; background-position-x: -200px !important;}
.news-events {padding-top: 40px; padding-bottom: 0px; text-align: center; background-color: #FFF;}
.post-grid.grid-3 .entry {padding-right: 0px;}
.entry-image iframe {width: 100%;}
ul.entry-meta li {margin-left: 35%;}


/*---===== WHERE TO BUY styles =====---*/
#page-title.where2buy-header {}
.where2buy {background-color: #FFF; text-align: center;}
p.where2buy-intro {font-size: 1.5em;}
.brand-finder {width: 100%; display: inline-block; }
.brand-finder-window {width: 100%; height: 500px;}

/*---===== CONTACT/POLICIES styles =====---*/

.contact-header {padding: 110px 0px !important; background-size: cover; background-position-x: center;}
h2.contact-intro {margin-top: 15px; text-align: center; color: #FFF !important;}
#contact {background-color: #FFF; text-align: center;}
p.contact-intro {font-size: 1.3em;}
.policies-header {padding: 80px 0 !important;}
.our-policies {padding: 50px 0; text-align: center;}
.our-policies h3.crusherred {margin-bottom: 10px;}


/*------------------------------
          HELPER CLASSES
------------------------------*/

.sauv-blanc {color: #27b76a !important;}
.unoaked-chard {color: #858680 !important;}
.chardonnay {color: #ccb63e !important;}
.red-blend {color: #942d30 !important;}
.merlot {color: #5f3f72 !important;}
.petite-sirah {color: #934678 !important;}
.pinot-noir {color: #d73337 !important;}
.cab-sauv {color: #db6d36 !important;}

.divider-line {width: 50%; margin: 30px 0; display: inline-block; border-bottom: 1px solid #cb231e;}
.vert-divider {}
.white-txt {color: #FFF !important;}
.black-txt {color: #333 !important;}
.crusherred {color: #cb231e !important;}
.red-button {border-color: #cb231e !important;}
.dark-green-txt {color: #1b5f18 !important;}
.notation-txt {font-style: italic; color: magenta;}
.uppercase {text-transform: uppercase;}
.italic {font-style: italic;}
.bold-txt {font-weight: bold;}
.red-accent-txt {color: #cb231e !important; text-transform: uppercase; font-weight: 700 !important;}
.cream-accent-txt {color: #f5eeb6 !important; text-transform: uppercase; font-weight: 700 !important;}



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

@media screen and (min-width: 500px) and (max-width: 575px) {
	#page-title {height: 120vh !important;}
	#page-title.page-title-video {padding: 30px 0;}
	img.home-horiz-logo {width: 300px; display: inline-block;}
	img.home-we-award {width: 250px; display: block; margin: 0 auto 20px;}
	.wines-header {height: 250px !important; padding: 60px 0px !important; background-size: cover; background-position: left top !important;}
	img.laurel-award {display: inline-block;}
	img.laurel-award.last-award {margin-bottom: 15px;}
	.news-header {height: 250px !important; padding: 60px 0px !important; background-position-x: center !important;}
	.news-header img.hero-logo {display: none;}
	.contact-header, .policies-header {height: 250px !important; padding: 80px 0px !important; background-position: center !important;}
	.contact-header img.hero-logo, .policies-header img.hero-logo {display: none;}
}
@media screen and (min-width: 576px) {
	#page-title.page-title-video {padding: 50px 0;}
	.page-title-video .hero-logo {width: 250px;}
	img.home-horiz-logo {width: 300px; display: inline-block; margin-bottom: 20px;}
	.story-header {padding: 30px 0px !important;}
	.home-story h3, .home-wines h3 {font-size: 2em;}
	#news {padding: 60px 0; background-position-x: right !important;}
	img.home-we-award {width: 260px; display: inline-block; margin: 0 15% 30px;}
	.story-header .hero-logo, .wines-header .hero-logo, .news-header .hero-logo, .contact-header .hero-logo, .policies-header .hero-logo {display: block; width: 200px;}
	p.story-intro span.cream-accent-txt {line-height: 1.1em;}
	.wines-header {padding: 50px 0 !important;}
	.wine-details .btn-learn {margin: 0 20%;}
	p.dark-green-txt.bold-txt {padding: 0 4%;}
	img.laurel-award {display: inline-block; }
	.news-header {padding: 30px 0px !important; background-position-x: center !important;}
	ul.entry-meta li {margin-left: 40%;}
	.contact-header {padding: 60px 0 !important;}
	p.contact-intro {padding: 0 3%;}
	.policies-header {padding: 60px 0 !important;}
}
@media screen and (min-width: 768px) {
	#page-title.page-title-video {padding: 150px 0;}
	.page-title-video .hero-logo {width: 380px;}
	#story, #wines {padding: 280px 0; text-align: left;}
	.home-story h3, .home-wines h3 {transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%;}
	.home-btn {font-size: 1.5em;}
	img.home-we-award {width: 400px; }
	#news {padding: 200px 0; background-position-x: -425px !important;}
	.story-header, .wines-header {padding: 180px 0 !important;}
	.all-wines {padding-bottom: 50px;}
	ul#portfolio-filter.portfolio-filter.clearfix {width: 100%;}
	.portfolio-overlay h2 {font-size: 1.2em;}
	.portfolio-item .portfolio-image a.btn-learn {margin-top: 120px;}
	.individual-wine {padding-bottom: 30px;}
	.wine-details {text-align: left;}
	.wine-detail-headers, .varietal, .appellation {transform-origin: 0% 0% !important; -webkit-transform-origin: 0% 0% !important; -moz-transform-origin: 0% 0% !important; -ms-transform-origin: 0% 0% !important;}
	img.chilled-icon {width: 60px; float: left; margin: 10px 10px 0 0;}
	h2.varietal {margin-top: 30px; font-size: 1.8em;}
	.wine-details .btn-learn {margin: 0;}
	img.laurel-award {height: 85px; display: inline-block; }
	img.laurel-award.last-award {margin-left: 10px;}
	.news-header, .contact-header {padding: 150px 0 !important; height: 70vh;}
	.contact-header .container {position: fixed;}
	/* .news-header {background-position-y: bottom !important;} */
	.post-grid.grid-3 .entry {padding-right: 30px;}
	p.contact-intro {font-size: 1.3em;}
	.policies-header {padding: 150px 0 !important;}
	#footer h5 {font-size: 20px;}
}
/*--- iPHONE X styles ---*/
@media only screen and (min-device-width : 375px) and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
	.story-header {height: 90vh !important;}
	.story-header .hero-logo, .wines-header .hero-logo, .news-header .hero-logo, .contact-header .hero-logo, .policies-header .hero-logo {display: block; width: 180px;}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
	#page-title {height: 120vh !important;}
	#page-title.page-title-video {padding: 25px 0;}
	.page-title-video .hero-logo {margin-top: 0px;}
	.story-header {height: 120vh !important; padding: 30px 0 !important;}
	.wines-header {height: 90vh !important; padding: 50px !important;}
	img.chilled-icon {margin-top: 10px;}
	img.laurel-award {display: inline-block;}
	.news-header {height: 90vh !important; padding: 50px !important;}
	.contact-header {height: 90vh !important; padding: 50px !important;}
	.policies-header {height: 90vh !important; padding: 50px !important;}
} /*--- iPHONE X styles END ---*/


@media screen and (max-width: 991px) {
	#page-menu.dots-menu {display: none;}
}
@media screen and (min-width: 992px) {
	#header-wrap {text-align: center;}
	a.side-panel-logo {display: block !important;}
	.side-header #logo img {height: 150px !important; margin: 0 auto;}
	.menu-social {display: inline-block !important; padding: 15px 50px; border-top: 1px solid #cdcdcd;}
	.menu-social .social-icon {display: inline-block !important; font-size: 24px;}
	.menu-social .si-facebook:hover {color: #3663c1 !important; background-color: transparent !important;}
	.menu-social .si-instagram:hover {color: #b14cc1 !important; background-color: transparent !important;}
	.menu-signup {display: inline-block !important; padding: 15px 30px; border-top: 1px solid #cdcdcd;}
	.menu-signup .btn-submit {color: #353535 !important; border-color: #353535 !important;}
	#story {padding: 180px 0; background-position-x: left !important;}
	img.home-horiz-logo {width: 425px;}
	#wines {padding: 180px 0;}
	.home-story h3, .home-wines h3 {font-size: 2.7em; line-height: 1.3;}
	h3.hashtag {font-size: 1.5em !important; margin-bottom: 30px;}
	#news {height: auto !important; padding: 110px 0; background-position-x: right !important;}
	.home-news .btn-buy {font-size: 1.5em; padding: 18px 30px !important;}
	img.home-we-award {margin: 0 25% 30px; width: 425px;}
	.home-wines2 h3.sans-serif {font-size: 2em;}
	.home-wines2 p {font-size: 1.3em;}
	.hero-logo {width: 380px; }
	.story-header .hero-logo, .wines-header .hero-logo, .news-header .hero-logo, .contact-header .hero-logo, .policies-header .hero-logo {width: 350px;}
	h2.story-intro, h2.wines-intro, h2.contact-intro {font-size: 2.8em; margin-top: 25px;}
	p.story-intro {font-size: 1.8em;}
	.our-wines {padding-top: 60px; padding-bottom: 60px;}
	.our-wines h2 {font-size: 2em;}
	.our-wines p {font-size: 1.3em;}
	.our-story p.intro {font-size: 1.5em;}
	/* .wines-header {background-position: left bottom !important;} */
	.portfolio-filter li a {font-size: 16px;}
	#portfolio {margin-bottom: 50px !important;}
	.portfolio-item .portfolio-image a.btn-learn {margin-top: 160px;}
	.side-header.open-header #header-trigger.dark-icon {color: #353535; text-shadow: none;}
	.individual-wine {padding-top: 50px; padding-bottom: 50px;}
	.wines-logo {width: 200px; height: auto; display: block;}
	h2.varietal {margin-top: 20px;}
	img.chilled-icon {margin: 0 10px 0 0;}
	.post-grid.grid-3 .entry {padding-right: 30px;}
	p.contact-intro {font-size: 1.5em;}
	.where2buy-header {padding: 150px 0 !important; background-position: center;}
	p.where2buy-intro {font-size: 2em;}
	.policies-header .hero-logo {width: 300px;}
	.our-policies {padding: 50px 0;}
}
@media screen and (min-width: 1100px) {
	.page-title-video .hero-logo {width: 400px;}
	#story, #wines {padding: 250px 0;}
	.home-story h3, .home-wines h3 {line-height: 1.2; opacity: 0.7;}
	p.story-intro {font-size: 2em;}
	img.home-we-award {width: 500px;}
	h2.varietal {font-size: 2em;}
}
@media screen and (min-width: 1200px) {
	.page-title-video .hero-logo {width: 450px;}
	.home-news {padding-left: 15%;}
	.portfolio-item .portfolio-image a.btn-learn {margin-top: 190px;}
	h2.varietal {font-size: 2.3em;}
}
@media screen and (min-width: 1600px) {
	.page-title-video .hero-logo {width: 500px;}
	p.story-intro {padding: 0 5%; font-size: 2.3em;}
	.portfolio-item .portfolio-image a.btn-learn {margin-top: 200px;}
}