/*
Theme Name: Chock Full o' Nuts
Theme URI: https://github.com/tidythemes/blankslate
Author: GKV
Author URI: https://www.gkv.com/
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 2019
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@import url('https://use.typekit.net/sbg0jwx.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}a{text-decoration-skip-ink:auto}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

* {
    box-sizing: border-box;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.no-padding, .no-padding * {
	padding:0px !important;
}

.no-margin, .no-margin * {
	margin:0px !important;
}

.btt {position: fixed;bottom: 10px;right: 20px;z-index: 99;border: none;outline: none;cursor: pointer;padding: 5px; background:#e0c594; border-radius:5px;transition:background .5s ease;}
.btt:hover {background:#fff;}
.btt img {display: block;}

@media (max-width:1024px) {
   
	.desktop-only {
        display:none;
    }

}


@media (max-width:768px) {
    .single-recipe .vc_col-sm-6 {
		width: 100%;
	}
}

@media (max-width:767px) {
	
	.mobile-center {
		text-align: center;
	}
	.desktop-tablet {
        display:none !important;
    }

.btt {bottom: 10px;right: 10px;}
.btt img {width:17px;height:17px;}
}

@media (min-width:768px) {
	
	
    .mobile-only {
        display:none !important;
    }
}

body {
	background: #000;
	color:#000;
	font-family: 'Montserrat', sans-serif;
}



a {
	color:#F3BB46;
	text-decoration: none;
}

a:hover {
	color:#fae8a8;
}

.wpcf7-submit,
p a.button,
button.subscribe-button {
	display:inline-block;
	padding:15px 20px;
	border:thin #000 solid;
	text-transform: uppercase;
	font-weight:700;
	color:#000;
	min-width:210px;
	margin:10px 0;
	text-decoration: none !important;
	text-align: center;
	font-size:.8em;
	line-height: 1.2em;
	background:transparent;
	width:auto;
}

.wpcf7-submit:hover,
#products .wpb_wrapper:hover p a.button,
 a.button:hover,
button.subscribe-button:hover {
	background:#fff !important;
	color:#000 !important;
	 border-color:#fff !important;
}

p a.button.white, 
button.white{
	border:thin #fff solid;
	color:#fff;
}



img {
    max-width:100%;
    vertical-align: bottom;
	transition:all .25s;
}



video {
	width:100%;
    vertical-align: bottom;
}
em {
	font-style:italic;
}

strong {
	font-weight: 700;
}



.legal p {
	font-size:1em;
	line-height:1.2em;
}


.nowrap {
	white-space: nowrap;
}

h1, h2, h3, h4 {
	font-weight:700;
}

h1 {
	font-size:2.75em;
	line-height:1.2em;
margin-bottom:0px;
	color:#F3BB46;
}


.gradient h1 {
	color:#000;
	margin-bottom:20px;
}

h1.entry-title {
	color:#f3bb46;
	text-transform:uppercase;
	font-size:2.25em;
	line-height:1.2em;
}

h2 {
	font-size:2.25em;
	line-height:1.2em;
	margin-bottom:20px;
}

@media (max-width:767px) {
	
	
h1.entry-title {
	font-size:1.75em;
	line-height:1.2em;
}

	
	h2 {
		margin-bottom:0px;
	}
}


h3 {
	font-size:1.75em;
	line-height:1.2em;
}


h4 {
	font-size:1.6em;
	line-height:1.4em;
}


h1 a, h2 a, h3 a, h4 a {
	text-decoration:none;
}

.gradient a {
	color:inherit;
	text-decoration: underline;
}

button {
	color:#BE1E2D;
	font-weight:600;
	font-size:1.4em;
	padding:5px 15px;
	cursor: pointer;
}


li {
	list-style:none;
	margin-bottom:5px;
	line-height:1.4em;
}


p {
	margin-bottom:20px;
	font-size:1.25em;
	line-height:1.4em;
}



@media (max-width:1024px) {
	h1, h2 {
		font-size:2.4em;
		line-height:1.2em;
	}
}


@media (max-width:767px) {
	h1 {
		font-size:2em;
		line-height:1.2em;
	}
	
	h2 {
		font-size:1.5em;
		line-height:1.2em;
	}
	h3 {
		font-size:1.4em;
		line-height:1.4em;
	}
	h4 {
		font-size:1.1em;
		line-height:1.4em;
	}
	
	p {
		font-size:1em;
		line-height: 1.4em;
	}
}
.gradient {
	background: #F9B938;
	background: linear-gradient(180deg, #F89206 0%, #F9B938 50%, #FAE8A8 100%);
}


.orange {
	background:#C25400;
	color:#fff;
}
.black {
	background:#000;
	color:#fff;
}

.black h2, .black h3 {
	color:#F3BB46;
}

/* footer ======================================================================== */

#gusta-footer {
	color:#fff;
}
#gusta-footer h3,
#gusta-footer h4 {
	color:#F3BB46;
	margin-bottom:10px;
}

#gusta-footer h4 {
    text-transform: uppercase;
	font-size:1.2em;
}


#gusta-footer h4.subscribe-button {
	position:relative;
	left:10px;
}

#gusta-footer a {
	color:#fff;
	text-decoration:none;
}

button.subscribe-button {
	border-color:#fff;
	margin-top:4px;
	color:#F3BB46;
}
button.subscribe-button:hover {
	text-decoration:underline;
}

#gusta-footer h4 a {
	color:#F3BB46;
}

#footer-links a {
	font-weight:bold;
	white-space: nowrap;
}

#copyright a {
	text-decoration:underline;
}


.gusta-icon-link {
	width:38px !important;
}

#gusta-footer input {
	background:transparent;
	color:#fff;
	border:thin #8B8B8B solid;
	padding:10px;
}

#social-col .wpb_text_column  {
	margin-bottom:0px;
}

#gusta-footer a.gusta-icon-link,
#social-sharing-box a.gusta-icon-link {
    background-color: transparent !important;
    border: 2px white solid !important;
    border-radius: 50px !important;
    font-size: 1.2em;	
    line-height: 38px!important;
}


#gusta-footer a.gusta-icon-link:hover,
#social-sharing-box  a.gusta-icon-link:hover {
	background-color:#fff !important;
}
#gusta-footer a.gusta-icon-link:hover i,
#social-sharing-box a.gusta-icon-link:hover i {
	color:#000 !important;
}

@media (max-width:1024px) {
	
	#gusta-footer h4.subscribe-button {
		width:200px;
	}
}

@media (max-width:767px) {
	
	
	#gusta-footer .vc_separator {
		margin-top:0px;
	}
	
	#footer-links {
		font-size:.8em;
		line-height:1.4em;
	}
	#copyright {
		font-size:.7em;
		line-height:1.4em;
	}
}


@media (max-width:320px) {
	
	
#gusta-footer {
	font-size:.8em;
}
	
	#footer-links {
		font-size:.9em;
		line-height:1.4em;
	}
	#copyright {
		font-size:.7em;
		line-height:1.4em;
	}
}



/* header  ======================================================================== */

#gusta-header {
	color:#fff;
}

#gusta-header .container {
	padding:0px;
}
#gusta-header .vc_section {
	padding:10px 70px 0 !important;
}

	#header-logo-col {
	z-index: 9999;
	position: relative;
	}

#menu-top-nav li a {
	color:#F3BB46;
	text-transform: uppercase;
	font-size:1.2em;
	font-weight:700;
}

#menu-top-nav .gusta-dropdown-menu li a {
	color:#000 !important;
	text-transform: none;
	font-size:1em;
	text-decoration: none !important;
}

#main-nav .gusta-mega-menu li a {
	color:#fff;
}

#main-nav li.current_page_ancestor > a,
#main-nav li.current_page_item > a,
#main-nav li a:hover {
	color:#fff;
}

@media (min-width:1100px) {
	#gusta-mega-menu-59,
	#gusta-mega-menu-59 .container,
	#gusta-mega-menu-59 .vc_section {
		min-width:1100px !important; 
	}
	#gusta-mega-menu-59 .vc_col-sm-4 {
		min-width:360px;
	}
}

#main-nav select { 
		font-family:"Montserrat",sans-serif;
    width: 100%;
    background: url(/wp-content/plugins/visucom-smart-sections/assets/img/select-arrow.svg) right 20px center no-repeat #232323;
    padding: 0 20px!important;
    color: #fff;
    border-radius: 0;
    border-width: 0!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    clear: both;
    height: 42px;
	z-index: 9999;
	position: relative;
	}
	
	@media (max-width:1199px) {
		#main-nav select {
			display:block !important;
			width:500px;
		}
		#menu-top-nav {
			display:none !important;
		}
	}


	@media (max-width:1023px) {
		#main-nav select {
			width:340px;
		}
		
	}
	

	@media (max-width:767px) {
		#main-nav select {
			width:100%;
			margin:auto;
		}
		
	
}

/*
#gusta-header .gusta-mega-menu {
	width:200%;
	margin:0px -50%;
}


#gusta-header .gusta-mega-menu .container {
	max-width:50%;
	margin:auto;
}
*/

#gusta-header .gusta-mega-menu::before {
	content:'';
	display:block;
	background:#000;
	position: absolute;
	top:0px;
	bottom:0px;
	left:-100%;
	right:-100%;
	z-index: -1;
}
#gusta-header .gusta-mega-menu h4 {
	 color: #F3BB46;
    text-transform: uppercase;
	font-size:1.2em;
	margin-bottom:10px;
	border-bottom:1px #fff solid;
}

#gusta-header .gusta-mega-menu h4 a {
	color: inherit;
	text-decoration: none !important;
}

#mega-nav-coffee-col li {
	display:inline-block;
	width:49%;
}

#gusta-header h3 {
	font-size:2em;
	line-height: 1.2em;
	text-align: center;
	margin-bottom:30px;
}

#gusta-header .button {
	display:inline;
}

#gusta-menu-item-1419 {
	display:none !important;
}


.gkv-nav li {
    display: inline-block;
    list-style: none;
    margin: 0 20px;
}

.gkv-nav li a {
	color:#fff;
}

.gkv-nav li a:hover {
	text-decoration:underline !important;
}


@media (max-width:1024px) {

.gkv-nav li {
    margin: 0 10px;
}
	
#menu-top-nav li a {
	font-size:1.2em;
}
	
#gusta-header .vc_section {
	padding:20px 20px 10px !important;
}
	#gusta-header #main-nav>ul>li>a {
		padding-left:25px !important;	
	}
	
	#gusta-header .gusta-mega-menu {
		display:none !important;
	}
	

}

@media (max-width:1023px) {

	#header-nav-col {
		margin-top:10px;
	z-index: 9999;
	position: relative;
	}
#gusta-header #main-nav>ul>li>a {
    padding: 0px 0px 5px 20px !important;
}

#menu-top-nav li a {
	font-size:1.4em;
}
	
}


@media (max-width:1199px) {
	
	
#mobile_nav {
	padding:15px 0;
}
#mobile_nav ul {
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
}

#menu-item-1664 i {
	padding:10px 10px 7px 0px;
	font-size:1.4em;
	line-height: 1em;
	flex-grow:0;
}

#mobile_nav li {
	text-align: center;
	text-transform:uppercase;
	font-size:.8em;
	font-weight:bold;
	line-height:1.1em;
	margin:0 6px;
	min-width:24px;
}

#mobile_nav li.current_page_item,
#mobile_nav li.current_page_ancestor {
	border-bottom:3px #fff solid;
	padding-bottom:2px;
	position: relative;
}


#mobile_nav li.current_page_item a,
#mobile_nav li.current_page_ancestor a {
	color:#fff;
}

	

	.vc_wp_custommenu  {
		margin-bottom:0px !important;
	}
	#menu-top-nav {
		display:none;
	}
#gusta-header .vc_section {
	padding:0px 0px 0 !important;
}
	
	
	#header-nav-col {
     margin-top: 0px;
}
	
	
	
	
	.gusta-navbar-default {
		min-height:170px;
	}
	
}


@media (max-width:374px) {
	

#mobile_nav li {
	font-size:.7em;
	line-height:1.1em;
	margin:0 3px;
}
#mobile_nav li.current_page_item,
#mobile_nav li.current_page_ancestor {
	border-bottom:2px #fff solid;
	padding-bottom:2px;
}

#menu-item-1664 i {
	padding:10px 5px 5px 5px;
}
}

/* products bar ======================================================= */


#products {
	
	background: linear-gradient(180deg, #F89206 0%, #F9B938 50%, #FAE8A8 100%);
}

#products .vc_grid-item {
	padding-bottom: 0px;
}
#products img {
    max-height: 260px;
    width: auto;
}


#products .vc_is-hover a {
    opacity: 1;
	color:#fff;
}
#products .vc_is-hover img  {
    transform: scale(.9,.9);
}

#products .vc_gitem-post-data {
    margin-bottom: 5px;
}
#products .vc_custom_heading a {
	font-weight:700;
	font-size:1.25em;
	line-height:1.2em;
	text-transform: uppercase;
}

#products p {
	font-size:1.2em;
	line-height:1.4em;
}

#products h2 {
	color:#000;
}
#products {
	color:#000;
}

#products .wpb_single_image {
	margin-bottom:5px !important;
}



@media (max-width:767px) {
	
	#products a {
		font-size:1em;
	}
}

/* old school ===================================== */

#old-school {
	color:#fff;
}



#old-school .vc_figure {
	border:2px #fff solid;
	border-radius:3px;
}

@media (max-width:767px) {
	
#old-school h2 {
	margin-bottom:20px;
	text-align: center;
}

#old-school .wpb_single_image {
	text-align: center;
	margin-bottom:20px !important;
}
#old-school .vc_figure {
	max-width:60%;
}
	#old-school-cta {
		text-align: center;
	}
}
/* steel can  ===================================== */

#steel-can {
	color:#fff;
}


#steel-can h2 {
	color:#F3BB46;
}

#steel-can h4 {
	color:#F3BB46;
	position: relative;
    padding-left: 50px;
	margin-bottom:10px;
}

#steel-can h4::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    left: 0px;
    background: url(/wp-content/themes/chock/images/icon-environment.png) top left no-repeat;
    background-size: contain;
    top: -10px;
    position: absolute;
}


@media (max-width:767px) {
	

#steel-can h2 {
	margin-bottom:20px;
	text-align: center;
}
#steel-can .wpb_single_image {
	text-align: center;
	margin-bottom:20px !important;
}
#steel-can .vc_figure {
	max-width:60%;
}
	#steel-can-cta {
		text-align: center;
	}
}

/* find where to buy bar ================================================ */

#locator {
	text-align: center;
	padding:50px !important;
}

#locator h3 {
	color:#420005;
	display:inline-block;
	vertical-align: middle;
	padding-right:20px;
	position: relative;
	top:-2px;
}

#locator p,
#locator form {
	display:inline-block;
}


#locator button.store-locator-button {
    background-color: #FBAC42;
	border:none;
    padding: 3px 16px 3px;
	top:0px;
	transition:background .5s ease;
}


#locator button.store-locator-button:hover {
    background-color: #e59b38;
}
#locator  select {
	padding:5px;
	margin-bottom:10px;
}

button.shop-online-button {
	border:none;
    padding: 3px 16px 3px;
    position: relative;
	left:5px;
	margin-left:10px;
	background:#fff;
	transition:background .5s ease;
}

button.shop-online-button:hover {
	background:#ddd;
}

.location-search-form {
		text-align: center;
	margin-top:20px;
	}

@media (max-width:1023px) {
	#locator {
		font-size:.8em;
	}
	 .tablet-rtl { 
	  flex-direction:column-reverse;
	  flex-wrap:unset;
	}
	
}
@media (max-width:767px) {
	
	#locator h3 {
		display:block;
		padding-right:0px;
	}
	
	.location-search-form {
		margin-bottom:20px !important ;
	}
	#locator {
	padding:25px !important;
	}
}
/* home =============================================================== */

#intro {
	padding:0px !important;
}

#intro .vc_row {
	max-width:none;
}


@media(min-width:768px) {
	
#wrapper .vc_inner .vc_column_container>.vc_column-inner {
	padding:0px !important;
}

}

#intro .wpb_raw_html {
	margin:0px;
}


#sustainability h4 {
	font-size:1em;
	margin-bottom:5px;
}

#sustainability li {
	margin-bottom:25px;
    padding-left: 15%;
	position: relative;
}

#sustainability li::before {
    content: "";
    display: block;
    width: 12%;
    height: 100px;
    position: absolute;
    left: 0px;
	top:5px;
}

#sustainability a {
	text-decoration:none;
}
#sustainability .wpb_wrapper:hover a {
	color:#EB0028;
}

#sustainability li:nth-child(1)::before {
    background: url(/wp-content/themes/chock/images/icon-environment.png) top left no-repeat;
    background-size: contain;
}

#sustainability li:nth-child(2)::before {
    background: url(/wp-content/themes/chock/images/icon-reuse.png) top left no-repeat;
    background-size: contain;
}

#sustainability li:nth-child(3)::before {
    background: url(/wp-content/themes/chock/images/icon-coffee.png) center left no-repeat;
    background-size: contain;
}


/* where to buy ============================================================ */

#locator-results {
	padding-top:35px !important;
}

#promotions {
	color:#fff;
}
#map {
    height: calc(80vh);
    padding: 0;
	border:10px #000 solid;
}


#results-list {
	padding:0;
	height: calc(80vh);
	overflow:auto;
}


@media (max-width:1024px) {
	
#results-list {
	height: auto;
}
	
	#map {
		border:5px #000 solid;
		margin: 0 10px;
	height: calc(40vh);
}

}




.result-item {
	position:relative;
	padding:15px 15px 0 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	width:100%;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	cursor: pointer;
}

.result-item:hover {
	background-color:rgba(255, 255, 255, 0.5);
}

.result-item.selected {
	background-color:rgba(0, 0, 0, 1);
}

.result-item .fa {
	position: absolute;
	right: 15px;
	top: 15px;
	color: #000;
	z-index: 10;
}

.result-item p {
	margin-bottom:0;
}

.result-item .storename {
	font-weight:700;
	text-transform: uppercase;
}

.result-item .storedirections,
.result-item .storedistance,
.result-item .storephone, 
.result-item .storeaddress, 
.result-item .storeaddress2, 
.result-item .citystatezip {
	display:block;
}


.result-item .storedistance {
	margin-bottom:15px;
	font-size:.8em;
}

.result-item .storedirections {
	margin-top:8px;
	color:#ccc;
	font-size:.8em;
	text-transform: uppercase;
}

.result-item .storedirections a {
    display: inline-block;
	padding:0  5px;
	color:#F3BB46;
}




.result-item .extradetails {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display:block;
	padding-bottom:0;
	color:#290407;
	font-size:1em;
}

.result-item.opened {
	background-color:#000;
	color:#fff;
}
.result-item.opened .storedistance,
.result-item.opened .storephone, 
.result-item.opened .storeaddress, 
.result-item.opened .storeaddress2, 
.result-item.opened .citystatezip {
	color:#fff;
}

.result-item.opened .extradetails {
	max-height: 1000px;
	padding-bottom: 15px;
}

.searchbar {
	padding:20px 10px;
}

.searchbar select {
	padding:5px;
	width:285px;
	height:40px;
	margin-bottom:10px;
    font-size: .8em;
	font-family: 'superscript', 'Montserrat', sans-serif;
}

.vc_tta-title-text {
	font-family: 'superscript', 'Montserrat', sans-serif;
}

#category-selects p {
	margin-bottom:5px;
	font-size:1em;
}

#category-selects, 
#category-selects select {
	display:none;
}

#category-selects.open,
#category-selects select.active {
	display:block;
}


#zip {
	padding:5px;
	font-size:1em;
	width:188px;
	margin-right:-5px;
	border:thin #aaa solid;
	text-align: center;
}

@media (max-width:1440px) {
	
.searchbar select {
	width:100%;
}
#item {
	width:98%;
}
	
#zip {
	width:calc(100% - 100px);
	margin-right:-8px;
}
	
	.store-locator-button {
		width:102px;
	}
	
	.home .store-locator-button {
		width:auto;
	}
	
	.home #zip {
		width:185px;
	}
}

@media (max-width: 767px) {
.home #zip {
    width: 140px;
}}

button.store-locator-button {
    font-size: 1em;
    padding: 6px 15px 6px;
    position: relative;
    background: #000;
	color:#fff;
    border: none;
	transition:background .5s ease;
}
button.store-locator-button:hover {
    background: #ddd;
}

/* products ====================================================== */

#gusta-above-content {
	padding-top:35px;
}

#post-45 #products {
	padding-bottom:0px !important;
}

#products_header {
	padding-bottom:0px !important;
}

#products-filter {
	margin-top:-160px !important;
}

#products .vc_row {
	max-width:1400px;
}

.vc_grid-filter-item {
	color:#fff !important;
}

#products .vc_tta-tabs-container {
	text-align: center;
	position: relative;
	margin-top:-190px !important;
}
#products .vc_grid-filter {
	margin-bottom:60px !important;
}
#products .vc_tta-tab >a {
	background:none;
	font-weight:bold;
	font-size:2em;
	line-height: 1.2em;
	color:#F3BB46;
	padding:0px;
	border:none;
}
#products .vc_tta-tab.vc_active>a {
	text-decoration:underline;
	
}

#products .wpb_single_image  a {
	color:transparent !important;
}
.vc_grid-filter {
}


.vc_grid-filter-item:hover > span, 
.vc_grid-filter-item.vc_active > span {
	color:#fff !important;
}

.vc_pageable-load-more-btn {
	margin:-20px 0px -20px !important;
}


@media (min-width:1024px) {
	#ground-coffee .wpb_single_image {
		height:260px;
	}
}
#buy { 
display: flex;
}


#buy .vc_btn3-container {
	width:50%;
}

#buy .vc_btn3-container:first-child {
	margin-right:20px;
}

#buy .vc_btn3 {
	width:100%;
    padding-left: 0px;
    padding-right: 0px;
}

.single-product .bordered img {
	background:#fff;
	padding:20px;
}

@media (max-width:1319px) {
	.product-category-cappuccino #product-description {
		min-height:300px;
	}	
}

@media (max-width:767px) {	
	#buy .vc_btn3-container:first-child {
	margin-right:10px;
	}
	
	.product-category-cappuccino #product-description {
		min-height:0px;
	}	
	
	
#products-filter {
	margin-top:-70px !important;
}


	
	 .vc_grid-item {
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}
	
	 .vc_pageable-slide-wrapper {
    margin-right: 0px !important;
} 
	
	#products-filter .vc_pageable-slide-wrapper {
		padding-top:20px;
		padding-bottom:20px;
}

	#products .vc_gitem-col {
		 padding-left:75px !important;
		font-size:.9em;
		height:115px;
	}
	
	#products .wpb_single_image {
		position: absolute;
		width:60px;
		left:0px;
	}
	
	.vc_grid-item * {
		text-align: left !important;
	}
	
	
	/* button style 
	
	#products {
		min-height:1600px;
	}
	
	#products .vc_tta-panel-body {
		position: absolute;
		top:120px;
	}
	
	
	#products .vc_tta-panel-heading {
		border-radius:0px;
		background:transparent;
		border-color:#000;
	}
	#products .vc_tta-panel-title>a {
		color:#000;
	}
	
	#products .vc_active .vc_tta-panel-heading {
		background:#000;
	}
	#products .vc_active  .vc_tta-panel-title>a {
		color:#fff;
	}
	
	*/
	
	#products {
		min-height:1500px;
	}
	
	#products .vc_tta-panel-body {
		position: absolute;
		top:80px;
	}
	
	
	#products .vc_tta-panel-heading {
		background:transparent;
		border:none;
			margin-bottom:0px;
	}
	#products .vc_tta-panel-title>a {
		color:#000;
		padding:0px;
		font-size:1.4em;
	}
	
	#products .vc_active  .vc_tta-panel-title>a {
		text-decoration: underline;
	}
	
	/* end link style */
	
	
	#products select {
		font-family:"Montserrat",sans-serif;
    font-size: 1.5em;
    width: 100%;
    padding: 5px;
		color:#000;
	}
	
	
	
	
	
.home #products  {
	min-height: 0px;
}
.home #products p  {
	font-size:1em;
}

.home #products .wpb_single_image   {
	left:inherit;
	width:80px;
	bottom:0px;
}
	
	.home #products img {
    max-height: 80px;
}
	.home #products a.button {
    position: relative;
		left:40px;
		top:10px;
}

	
}

@media (max-width: 374px) {
.home #products a.button {
  top:0px;
    font-size: .8em;
    min-width: 170px;
    padding: 10px;
}
	.home #zip {
    width: 210px;
}
	#products .vc_gitem-col {
		 padding-left:70px !important;
		font-size:.8em;
	}
}


/* subscribe and search forms ======================================== */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

input {
  -webkit-appearance:none;
	border:none;
		padding:5px 10px;
		width:100%;
	font-size:1em;
}

@media (max-width:767px) {
	input {
		width:100%;
	}
}
.wpb_single_image a:focus-visible { 
  outline:1px white solid;
	outline-offset:1px;
}

a.vc_btn3:focus-visible,
button:focus-visible,
a.button:focus-visible {
	border:2px #F3BB46 solid !important;
}

#search_icon {
	text-align: right;
	
}
#subscribe_search {
	position: relative;
	text-align:right;
}

#subscribe_search span {
    cursor: pointer;
    position: relative;
    top: 2px;
    display: inline-block;
    padding-left: 30px;
	font-size:.8em;
}
#subscribe_search li {
	display:inline-block;
	margin-left:30px;
}

#subscribe_search a {
	color:#fff;
}
#subscribe_search a:hover {
	color:#F3BB46;
}

@media (max-width:767px) {
	
	.gkv-nav li {
		margin:0 15px !important;
	}
#search_icon {
	position: absolute;
	top:10px;
	text-align: center;
	left:0px;
	width:100%;
}
#subscribe_search {
   font-size:1em;
	margin-bottom:0px;
}
}

#subscribe_search span {
    cursor: pointer;
	position: relative;
	top:2px;
	display:inline-block;
}


.search-button:before {
	content:"";
	background:url("images/MagnifyingGlass.png") center no-repeat;
	background-size:contain;
	width:20px;
	height:20px;
	display:inline-block;
	position: relative;
	right:2px;
	top:4px;
}
.search-form-wrapper {
	background-color: #fff;
	display: none;
	position: absolute;
	top: 35px;
	right:20px;
	width: 550px;
    padding: 5px 0 5px 10px;
	z-index: 100;
}

#load_more {
	display:block;
	width:100%;
}

.search-form {
	display:inline-block;
	width: 515px;
}
.search-form input {
	display:block;
	border: none;
	width:100%;
	font-family:'Montserrat', sans-serif;
    color: #000;
	line-height: 1.4em;
	position: relative;
	padding:0px;
	margin:0px;
}


@media (max-width:1024px) {

	
	.search-form-wrapper {
		top:10px;
		width:500px;
	}
	
	.search-form {
		width:465px;
	}

}
@media(max-width:767px) {
	
	.search-form-wrapper {
		top: 0px;
		right:0px;
		width:100%;
		padding:15px 0;
	}
	.search-form {
		width:90%;
	}
.search-form input {
	text-align: center;
}
}

.search-form input[type="submit"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}

.search-close, .subscribe-close {
	color: #bbb;
}
.search-close {
	display: inline-block;
	cursor: pointer;
}

/* subscribe form ==================================================== */

.popup-content {
  position: relative;
	background: #F9B938;
	background: linear-gradient(180deg, #F89206 0%, #F9B938 50%, #FAE8A8 100%);
  padding: 40px 20px 0;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
	border:5px #000 solid;
}

.subscribe-button {
	cursor:pointer;
}

/*
.subscribe-button:before {
	content:"";
	background:url("images/email.png") center no-repeat;
	background-size:contain;
	width:24px;
	height:18px;
	display:inline-block;
	position: relative;
	right:10px;
	top:2px;
}
*/

#subscribe-form {
	text-align:center;
}
#subscribe-form .field_block {
	display:inline-block;
	width:40%;
	margin:0px 10px 10px;
	text-align: left;
}

#subscribe-form input {
	padding:5px;
	width:100%;
}

#subscribe-form strong {
	font-size:1.4em;
}

#subscribe-form input[type="submit"] {
	display:inline-block;
	padding:10px 20px;
	border:thin #000 solid;
	text-transform: uppercase;
	font-weight:700;
	color:#000;
	font-family: 'Montserrat','sans-serif';
	background:transparent;
	min-width:220px;
	margin:10px auto;
	text-decoration: none !important;
	text-align: center;
    font-size: 1em;
	width:auto;
}
#subscribe-form input[type="submit"]:hover {
	background:#000;
	color:#fff;
}

#subscribe-form .submit_block button {
	    background-color: #FBAC42;
	border:none;
	margin-top:30px;
}

	#subscribe-form .mfp-close {
		color:#000 !important;
		opacity: 1 !important;
	}
	
@media(max-width:767px) {
	
	
#subscribe-form .field_block {
	width:100%;
	margin:0px 0px 10px;
}
	
#subscribe-form .submit_block button {
	margin-top:10px;
}

	
}

/* search results ===================================================================== */

#search-results .archive-list {
	width:100%;
}

#search-results .entry-summary {
	padding-bottom:0px;
	margin-bottom:20px;
}
#search-results .featured-image { 
	display:inline-block;
	vertical-align: bottom;
	position: relative;
	width:200px;
	height:160px;
	margin-right:20px;
	text-align: center;
}
#search-results .title-excerpt { 
	text-align: left;
	vertical-align: bottom;
	display:inline-block;
	width:calc(100% - 240px);
}
#search-results .featured-image  a { 
	display:block;
	position: absolute;
	bottom:0px;
	width:100%;
}
#search-results img { 
	max-width:200px;
	max-height:160px;
}


#search-results .vc_row {
	max-width:1400px;
}

#search-results .entry-title {
	margin-bottom:20px;
	color:#000;
	}
	
@media (max-width:767px) {
	
	#search-results .entry-title {
		padding-left:25px;
	}
	
#search-results .title-excerpt { 
	width:calc(100% - 110px);
	vertical-align: middle;
}

	
	#search-results .featured-image { 
	width:100px;
	height:80px;
	margin-right:0px;
	vertical-align: middle;
}
#search-results img { 
	max-width:100px;
	max-height:80px;
}
#search-results .featured-image  a { 
	position: relative;
}
}


/* our story  =============================================================== */

#our-story {
    background-position:bottom right !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
	color:#fff;
}


#our-story-endcap h3 {
    color: #000;
    font-size: 1.2em;
    line-height: 1.2em;
    text-transform: uppercase;
}



/* featured =============================================================== */

#featured {
	color:#fff;
	background-position:bottom right !important;
}
#featured h2,
#featured h3 {
	color:#F3BB46;
}

#featured .vc_figure {
	max-width:222px;
}


@media(max-width:768px) {
	#featured p a.button {
		min-width:initial;
	}
	
	#featured {
		text-align: center;
	}
	
	
	#featured .wpb_single_image {
		text-align: center;
	}
}

/* page headers ========================================== */

.header-black {
	background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
    color: #fff;
	background-color:#000;
}

.header-black > .vc_row {
	padding:35px 0;
}


#roasted_header {
	padding-bottom:0px !important;
	padding-left:0px !important;
}

#roasted_header .vc_row {
	padding:0px;
	margin:0px !important;
	max-width: none;
}
#roasted_header {
    background-size: 45%;
}

@media (max-width:1280px) {


.header-black {
    background-size: 45%;
	}
}
	
@media (max-width:1279px) {
	
	
#roasted_header {
    background:black !important;
}

	.header-black > .vc_row{
		padding:0px;
	}
}

@media (max-width:1023px) {
	
	.header-black {
		background-size:320px;
}
	
	.header-black > .vc_row{
		padding:0 0 100px;
	}
}

@media (max-width:767px) {
	
	.header-black {
		background-size:220px;
}
	
}


/* video backgrounds =========================================== */
/*
section.video {
  position: relative;
  background-color: black;
  height: 85vh;
  min-height: 680px;
  width: 100%;
  overflow: hidden;
	color:#fff;
}
@media (max-width:767px) {
	section.video {
		
		min-height: 300px;
	}
}


section.video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media (max-width:1024px) {
	section.video video {
		max-height:100%;
  top: 0px;
  left: 0px;
  -ms-transform: translateX(-11%) translateY(0%);
  -moz-transform: translateX(-11%) translateY(0%);
  -webkit-transform: translateX(-11%) translateY(0%);
  transform: translateX(-11%) translateY(0%);
}

}

section.video .copy-container {
  position: relative;
  z-index: 2;
	height:100%;
}

section.video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1;
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );

}
*/

	h1.gradient-headline {
	font-family: futura-pt, sans-serif;
font-weight: 800;
font-style: normal;
		text-transform: uppercase;
		 font-size: 8vw;
		line-height: .8em;
		display:inline-block;
		color: #f47d18;
	}


	#gusta-header .gusta-mega-menu {
		display:none !important;
	}
	
/* if !IE */
@supports (-webkit-background-clip: text) {
	
	#gusta-header .gusta-mega-menu.gusta-mega-menu-active {
		display:block !important;
	}
	
	
		h1.gradient-headline {
		background: #f47d18;
	background: -webkit-linear-gradient(top,  #f47d18 33%,#f8b40e 66%);
		background-clip: text;
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
		}
		
	}

.trade {
    font-size: 1.5vw;
    vertical-align: baseline;
    font-family: Helvetica, Arial, "sans-serif";
    font-weight: 100;
}

#home-header {
	padding:0px !important;
	color:#fff;
}

#home-header .vc_row {
	margin:0px !important;
	padding:0px !important;
    max-width: 100%;
}

#home-header .copy {
		position: absolute;
		width:860px;
		right:10%;
		top:40px;
		text-align: center;
	}
	
	#home-header p {
    padding: 0 14% 0 16%;
    text-align: left;
	}
	
	#header_can {
		position: absolute;
		bottom:70px;
		right:-40px;
		transform: rotate(-12deg);
	}

@media (min-width:1441px) {
	
	#home-header p {
    font-size:1.6em;
	}
	#header_can {
		position: absolute;
		bottom:100px;
		transform: rotate(-12deg);
	}
}
	

@media (max-width:1280px) {
	
		#header_can {
			display:none;
		}
		
}
	
	
	@media (max-width:1024px) {
		
		#home-header .copy {
			width:70%;
			top:200px;
			right:5%;
		}
		h1.gradient-headline {
			font-size:10vw;
		}
		
		#home-header p {
			top:0px;
			font-size:1.9vw;
			margin-top:20px;
		}
		
	}
	
	@media (max-width:767px) {
		
		section.video {
			height:auto;
		}
		
#home-header .overlay {
	opacity:1;
}
		
		#header,		
		#home-header .vc_row {
			min-height:0px !important;
		}
		
		#home-header .copy {
			position: relative;
			width: 100%;
			right: 0px;
			top: 10vh;
			text-align: center;
		}
		
		.trade {
			font-size:12px;
		}
		h1.gradient-headline {
			font-size: 3em;
			line-height: .8em;
			position: relative;
			left: -5px;
		}
		
		#home-header p {
			font-size:.9em;
			line-height:1.4em;
			padding:0px;
			position: relative;
			text-shadow: 0 0 3px rgba(0,0,0,1);
		}
		
		#home-header .wpb_raw_code {
			margin-bottom:0px;
		}
	}
	
	@media (max-width:400px) {
		
		h1.gradient-headline {
			font-size: 3em;
			line-height: .8em;
			position: relative;
			left: -5px;
		}
		
	}

@media (max-width:320px) {
		
		h1.gradient-headline {
			font-size: 2.4em;
			line-height: .8em;
			position: relative;
			left: -5px;
		}
		
	}


/* faqs ======================================== */

#faqs {
	font-family:'superscript','Montserrat',sans-serif;
}

#faqs .normal {
	font-weight:normal;
}

#faqs .vc_tta-panel-heading {
	background:transparent;
	border-bottom:thin #707070 solid;
}
#faqs .vc_tta-panel-title>a {
	color:#000;
	padding:30px 0px;
	font-size:1.5em;
}

#faqs .vc_tta-controls-icon::before {
	border-color:#000;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-width: 0 4px 4px 0;
}

#faqs .vc_tta-panel-body {
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
}
#faqs .vc_toggle {
	padding-bottom:10px;
	border-bottom:thin #707070 solid;
}

#faqs .vc_toggle_active {
	padding-bottom:0px;
}
#faqs .vc_toggle_title {
	padding:10px 0;
}

#faqs .vc_toggle_content {
	margin:0px;
}

#faqs .vc_toggle.vc_toggle_arrow .vc_toggle_icon::before, #faqs .vc_toggle.vc_toggle_arrow .vc_toggle_icon::after {
    border-color: #000;
    background: transparent;
}

@media (max-width:1024px) {
	

#faqs .vc_tta-panel-body {
	padding:14px 0px;
}
}
@media (max-width:767px) {
	
#faqs .vc_tta-panel-title>a {
	padding:20px 20px 20px 0;
}
	
	faqs .vc_toggle_title {
    padding:0;
}
}

/* slideshow ================================================= */


#slideshow {
	padding-top:50px !important;
	padding-bottom:0px !important;
}


#slideshow .owl-theme .owl-nav.disabled + .owl-dots {
    margin: 0 auto 10px;
}


#scoop {
    margin-bottom: -100px;
}

@media(max-width:767px) {

	#slideshow .owl-item img {
			width: auto;
			max-height: 150px;
		}
	
	
	#scoop {
		margin-bottom: -20px;
	}
}



/* get new york roasted =================================== */
#lineup .vc_figure {
	position: relative;
	border:1px solid #707070;
}

#lineup .wpb_single_image {
	margin-bottom:5px;
}

#lineup .vc_figure-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
margin:0px;
	font-size:1em;
	width:80%;
	display: none;
}

#lineup_slideshow .wpb_content_element {
	margin-bottom:5px;
}
#roast_form {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top left;
}

@media (max-width:1279px) {
	
#roast_form {
	background-size:65%;
	}
}

@media (max-width:1023px) {
	
#roast_form {
	background-size:45%;
	}
}

@media (max-width:767px) {
	#roast_form {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top left;
		padding-top:240px !important;
}
}
@media (max-width:400px) {
	#roast_form {
		padding-top:220px !important;
}
}
@media (max-width:320px) {
	#roast_form {
		padding-top:200px !important;
}
}


#roast_form  input[type="submit"] {
	display:inline-block;
	padding:10px 20px;
	border:thin #fff solid;
	text-transform: uppercase;
	font-weight:700;
	color:#fff;
	font-family: 'Montserrat','sans-serif';
	background:transparent;
	width:auto;
	margin:10px 0;
	text-decoration: none !important;
	text-align: center;
    font-size: 1em;
}

#roast_form  input[type="submit"]:hover {
	background:#fff;
	color:#000;
}



#lineup .vc_figure::after {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:linear-gradient(180deg, #F89206 0%, #FAD860 100%);
	opacity:0;
	transition:opacity .5s;
}

#lineup .vc_column-inner:hover .vc_figure-caption {
	display:block;
	z-index: 9;
}

#lineup .vc_column-inner:hover .vc_figure::after {
	opacity:0.8;
}
/* contact form  =================================== */

#contact legend {
	font-size:2em;
	font-weight:bold;
	margin-bottom:10px;
}

#contact label {
	width:45%;
	display:inline-block;
	vertical-align: top;
	margin-bottom:10px;
	font-size:.8em;
}

#contact label:nth-child(odd) {
	margin-right:5%;
}

#contact label.full {
	width:95%;
	margin:0px 0px 10px;
}
#contact textarea {
	width:100%;
}
#contact select {
	border:none;
	width:100%;
	font-size:1em;
	padding:5px;
}

/* assorted =============================================================== */

#faq_preview {
	min-height:600px;
	background-size:contain;
}

@media (max-width:1400px) {
	#faq_preview {
	min-height:300px;
}
}
@media (max-width:767px) {
	#faq_preview {
	background:#000 !important;
		min-height:0px;
	}
	
	#footer-subscribe {
		font-weight:bold;
	}
}

.post-form {
	display:none;
}

.no-results {
	padding-right:10px;
}

.owl-theme .owl-dots .owl-dot span {
	background:#fff !important;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top:0px !important;
}

.swiper-button-next, .swiper-button-prev {
	filter: brightness(0);
}

.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover, .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active {
    background-color: transparent !important;
	text-decoration: underline;
}