/*
Theme Name: FRINJ Coffee
Description: WordPress Theme for FRINJ Coffee
Author: Christie and Co
Author URI: http://www.christieand.co/
Version: 1.0

*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/

@font-face {
	font-family: 'ChaletComprime-CologneSixty';
	src: url('fonts/chalet/ChaletComprime-CologneSixty.woff2') format('woff2'),
			url('fonts/chalet/ChaletComprime-CologneSixty.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root {
  --white: #fff;
  --black: #000;
	--red: #9F2842;
	--darkGray: #231F20;
	--blueGray: #45525D;
  --lightGray: #eef1ee;

  --bodyFont: 'Cormorant Infant', serif;

	--px13: 0.813rem;
	--px14: 0.875rem;
	--px18: 1.125rem;
	--px20: 1.250rem;
	--px24: 1.500rem;
	--px28: 1.750rem;
  --px30: 1.875rem;
	--px37: 2.313rem;
	--px44: 2.750rem;
	--px45: 2.813rem;
	--px50: 3.125rem;
  --px65: 4.063rem;
	--px70: 4.375rem;
  --px80: 5.000rem;
  --px100: 6.250em;
  --px110: 6.875em;
}

html {
    font-size: 100%;
}

body { 
	background: var(--white); 
	color: var(--blueGray); 
	font: var(--px18) var(--bodyFont); 
    -webkit-font-smoothing: antialiased;
}

a { 
	text-decoration: none;
	transition: all .25s ease;
}

a:hover {
}

input[type=submit],
button {
	border-radius: 0;
	font-family: inherit;
	transition: all .25s ease;
}

img,
svg,
iframe {
	height: auto;
	max-width: 100%;
}

h1 {
	margin-top: 0;
	margin-bottom: 20px;

	font-family: ChaletComprime-CologneSixty;
	font-weight: normal;
	font-size: var(--px70);

	letter-spacing: 5px;

	text-transform: uppercase;
	color: var(--red);
}

h2 {
	margin-top: 0;

	font-family: ChaletComprime-CologneSixty;
	font-weight: normal;
	font-size: var(--px37);

	letter-spacing: 5px;
  line-height: 35px;

	text-transform: uppercase;
	color: var(--red);
}

h3 {
	margin-top: 0;

	font-family: ChaletComprime-CologneSixty;
	font-weight: normal;

	text-transform: uppercase;
	color: var(--red);
}

p {
	margin-top: 0;
}

p,
ul,
ol {
	
}

header, 
section, 
footer,
article {
	width: 100%;
}

.btn {
	display: inline-block;

	border-radius: 0;

	padding: 5px 10px;

	font-size: var(--px18);
	font-weight: bold;
	letter-spacing: 2px;

	text-transform: uppercase;

	border: 1px solid transparent;
}
.btn:hover {
	
}

.btn.btn-red {
	background: var(--red);
	color: var(--white);
}
.btn.btn-red:hover {
	background: var(--white);
	color: var(--red);

	border: 1px solid var(--red);
}

.btn.btn-outline-red {
	background: var(--white);
	color: var(--red);
	border: 1px solid var(--red);
}
.btn.btn.btn-outline-red:hover {
	background: var(--red);
	color: var(--white);
}

.btn.btn-white {
	background: var(--white);
	color: var(--blueGray);

	border: 1px solid var(--blueGray);
}
.btn.btn-white:hover {
	background: var(--blueGray);
	color: var(--white);

	border: 1px solid var(--red);
}

input[type=submit] {
	background: var(--red);
  color: var(--white);
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  padding: 5px 10px;
  margin: 0;
}

.container {
	clear: both;
	margin: 0 auto; 
	max-width: 1240px !important; /*1200*/
	padding: 0 20px;
	position: relative;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grid {
	display: grid;
}

.accessibility {
	backface-visibility: hidden;
	left: -999999999px;
	position: absolute;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.video-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.video-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.arrow-i {
  border: solid var(--blueGray);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.swiper {
  width: 100%;
  height: 540px;
}
.swiper .product-grid {
  flex-wrap: nowrap;
}
.swiper-button-next:after, .swiper-button-prev:after {
  border: solid var(--blueGray);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;

  content: '';
  color: var(--blueGray);
}
.swiper-button-next:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.swiper-button-prev:after {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.pp_woocommerce_quick_view .pp_content {
	height: auto !important;
}

.fancybox-container {
  z-index: 999999 !important;
}

/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/

header {
	background-image: url('images/header-bg.png');
	background-size: cover;
	background-position: center center;

	padding-top: 20px;
	padding-bottom: 30px;

	position: relative;
}
header .hide {
	display: none !important;
}

header .top-header .mini-menu {
	margin: 0;
	padding: 0;

	list-style: none;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
header .top-header .mini-menu li {
	border-right: 1px solid var(--darkGray);
	padding-right: 10px;
	margin-right: 10px;
}
header .top-header .mini-menu li a {
	font-size: var(--px16);
	color: var(--darkGray);
}
header .top-header .mini-menu li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

header .main-header .flex-container {
	align-items: center;
}
header .main-header .logo {
	flex: 1;
	text-align: center;
}
header .main-header .left-menu, header .main-header .right-menu {
	flex: 1;
}
header .main-header .right-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	
	justify-content: space-between;
	align-items: center;
}
header .main-header .right-menu nav {
	flex-basis: 70%;
	flex-grow: 0;
	flex-shrink: 0;
}
header .main-header .left-menu nav ul, header .main-header .right-menu nav ul, header .full-menu nav ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;

	width: 100%;
}
header .main-header .right-menu nav ul {
  justify-content: flex-start;
}
header .main-header .left-menu nav ul li, header .main-header .right-menu nav ul li, header .full-menu nav ul li {
	position: relative;
}
header .main-header .right-menu nav ul li {
  margin-right: 60px;
}
header .main-header .left-menu nav ul a, header .main-header .right-menu nav ul a, header .full-menu nav ul a {
	font-size: var(--px20);
	color: var(--darkGray);
}
header .main-header .left-menu nav ul a:hover, header .main-header .right-menu nav ul a:hover, header .full-menu nav ul a:hover {
  text-decoration: none;
}
header .main-header .left-menu nav ul li:hover ul, header .main-header .right-menu nav ul li:hover ul, header .full-menu nav ul li:hover ul {
	display: flex;
}
header .main-header .left-menu nav ul li ul, header .main-header .right-menu nav ul li ul, header .full-menu nav ul li ul {
	display: none;

	position: absolute;
	top: 100%;
	z-index: 999;

	flex-direction: column;

	background: var(--white);
	width: 250px;
}
header .main-header .left-menu nav ul li ul li a, header .main-header .right-menu nav ul li ul li a, header .full-menu nav ul li ul li a {
	padding: 10px;
	display: block;
}
header .main-header .left-menu nav ul li ul li a:hover, header .main-header .right-menu nav ul li ul li a:hover, header .full-menu nav ul li ul li a:hover {
	background: var(--red);
	color: var(--white);
  text-decoration: none;
}
header .main-header .left-menu nav ul .store-button > a {
	background: var(--red);
	padding: 10px 20px;
	text-transform: uppercase;
	color: var(--white);
}
header .main-header .right-menu .social-media, header .full-menu .social-media {
	margin: 0;
	padding: 0;
	list-style: none;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
header .main-header .right-menu .social-media li, header .full-menu .social-media li {
	margin-right: 5px;
}
header .main-header .right-menu .social-media li:last-child, header .full-menu .social-media li:last-child {
	margin-right: 0;
}

header .border-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;

	background-image: url('images/border-up.png');
	background-repeat: repeat-x;
}

.full-menu {
  display: none;

  flex: 1;
  width: 100%;
  margin-top: 20px;
}
.full-menu nav {
  padding: 0 20px;
}
.full-menu .social-media {
  justify-content: center;
  margin-bottom: 20px !important;
}

/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/

footer .map {
	width: 100%;
	padding-top: 56%;

	background-image: url('/wp-content/uploads/2021/09/map-new-2.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
}

footer .top-footer {
	position: relative;

	padding-top: 30px;
	padding-bottom: 20px;
}
footer .top-footer .border-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;

	background-image: url('images/border-up.png');
	background-repeat: repeat-x;
}

footer .top-footer .flex-container {
	align-items: center;
	justify-content: flex-start;
}
footer .top-footer .top-footer--newsletter-signup {
	flex: 2;
}
footer .top-footer .top-footer--newsletter-signup .title {
	color: var(--darkGray);
	font-size: var(--px20);

	margin: 0;
	margin-right: 10px;
}
footer .top-footer .top-footer--newsletter-signup .content {
	color: var(--darkGray);
	margin: 0;
}
footer .top-footer .top-footer--newsletter-signup .gform_wrapper {
	margin: 0;
	margin-right: 20px;

	flex-basis: 35%;
	flex-grow: 0;
	flex-shrink: 0;
}
footer .top-footer .top-footer--newsletter-signup .gform_wrapper .gform_body {
	width: 80%;
	max-width: 100%;
}
#gform_fields_1 #field_1_1 {
	padding-right: 0;
}
#gform_fields_1 #field_1_1 input {
	border: 1px solid #C6D0C8;
	background: var(--white);
	margin: 0;

	text-align: center;
}
footer .top-footer .top-footer--newsletter-signup .gform_wrapper .gform_footer input {
	background: var(--red);
	color: var(--white);
	font-weight: 600;
	text-transform: uppercase;
	border: none;

	padding: 5px 10px;
	margin: 0;
}

footer .top-footer .social-media {
	margin: 0;
	padding: 0;
	list-style: none;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
footer .top-footer .social-media li {
	margin-right: 5px;
}
footer .top-footer .social-media li:last-child {
	margin-right: 0;
}

footer .bottom-footer {
	background: var(--red);
	padding: 60px 0;
}
footer .bottom-footer .bottom-footer--top .bottom-footer--top-left {
	flex: 2;
	padding-right: 120px;
}

footer .bottom-footer .footer-menu {
	margin: 0;
	padding: 0;
	list-style: none;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;

	justify-content: space-between;
}
footer .bottom-footer .footer-menu li a {
	color: var(--white);
	font-weight: bold;
}
footer .bottom-footer .footer-menu li ul {
	flex-direction: column;
	margin-top: 10px;
}
footer .bottom-footer .footer-menu li ul li {
	margin-bottom: 10px;
}
footer .bottom-footer .footer-menu li ul li a {
	font-weight: normal;
}

footer .bottom-footer .bottom-footer--top-right {
	align-self: flex-end;
}
footer .bottom-footer .bottom-footer--top-right p {
	color: var(--white);

	margin-top: 60px;
	line-height: 2rem;
	text-align: center;
}

footer .bottom-footer--bottom {
	margin-top: 40px;
}
footer .bottom-footer--bottom p, footer .bottom-footer--bottom p a {
	color: var(--white);
	margin-bottom: 0;
}
footer .bottom-footer--bottom .bottom-footer--bottom-left {
  flex: 1;
}

/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.alignleft { 
	float: left; 
	margin-right: 15px; 
}

.alignright { 
	float: right; 
	margin-left: 15px; 
}

.aligncenter {
  display: block;
  margin: 0 auto 20px;
}

.alignnone {
  display: block;
  margin: 0 0 20px;
}

.wp-caption {
  max-width: 100%;
}

.mean-container .mean-bar {
  position: fixed;
}

/***Page Hero***/

.page-hero {
	position: relative;

	margin-top: 5px;
}
.page-hero .border-bottom {
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 100%;
	height: 10px;

	background-image: url('images/border-up.png');
	background-repeat: repeat-x;
}
.page-hero .page-hero-container {
	height: 600px;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.page-hero .page-hero-container .page-hero-left, .page-hero .page-hero-container .page-hero-right {
	background-position: center center;
	background-repeat: no-repeat;
	height: 600px;

	position: relative;
}
.page-hero .page-hero-container .page-hero-left {
	flex-basis: 555px;
	flex-grow: 0;
	flex-shrink: 0;

	z-index: 2;

	display: flex;
	flex-direction: column;
	justify-content: center;

	color: var(--white);
}
.page-hero .page-hero-container .page-hero-left .page-hero-left--text {
	margin-left: -50px;
}
.page-hero .page-hero-container .page-hero-left .hero-quote {
	font-family: maryam, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: var(--px70);
	text-transform: none;

	line-height: 55px;
	margin-bottom: 40px;
}
.page-hero .page-hero-container .page-hero-right {
	flex: 1;
	background-size: cover;
	margin-left: -50px;

	z-index: 1;
}

/* Post Grid */

/* .post-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	
	margin-right: -10px;
	margin-left: -10px;
} */
.post-grid .post {
	/* flex-basis: 33.33%;
  flex-grow: 0;
  flex-shrink: 0; */

	/* margin: 0 10px; */

  display: flex;
  flex-direction: column;
}
.post-grid .post .meta {
	margin-bottom: 10px;
}
.post-grid .post .meta p {
	font-weight: bold;
	font-size: var(--px18);
}
.post-grid .post .image {
	margin-bottom: 20px;
}
.post-grid .post .image img {
	width: 100%;
	height: 300px;

	object-fit: cover;
}
.post-grid .post .content {
  display: flex;
  flex-direction: column;

  height: 100%;
}
.post-grid .post .content h3 {
	font: var(--bodyFont);
	font-size: var(--px20);
	font-weight: bold;
	text-transform: none;
}
.post-grid .post .content p {
	font-size: var(--px18);
	line-height: var(--px24);

  margin-bottom: 40px;
}
.post-grid .post .content .read-more {
  margin-top: auto;
}

/* Equal Height Row */
.equal-height-row {
	height: 550px;
}
.equal-column {
	height: 550px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.page-content {
  padding-top: 60px;
  padding-bottom: 80px;
}
.page-content a {
  color: #b92228;
  font-weight: bold;
}
.page-content a:hover {
  color: #b92228;
  text-decoration: underline;
}

/* Post List */
.post-list {
	margin-top: 40px;
	margin-bottom: 20px;
}
.post-list .post {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;

	align-items: center;
	
	border-bottom: 1px solid #000;
	
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.post-list .post .date {
	flex-basis: 15%;
	flex-grow: 0;
	flex-shrink: 0;
}
.post-list .post .date p {
  font-size: var(--px24);
  line-height: var(--px37);
}
.post-list .post .title {
	flex-basis: 60%;
	flex-grow: 0;
	flex-shrink: 0;
	
	margin-left: 20px;
}
.post-list .post .title a {
	line-height: 25px;
	color: #000;
}
.post-list .post .read-more {
	flex-grow: 0;
	flex-shrink: 0;
	
	margin-top: 4px;
	margin-left: auto;
}
.post-list .post p {
	margin-bottom: 0;
	line-height: 1rem;
}

/* Product Grid */
.product-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  margin-left: -0.5em;
  margin-right: -0.5em;
}
.product-grid .product {
  flex-basis: 25%;
  flex-grow: 0;
  flex-shrink: 0;

  padding: 0 0.5em;

  display: flex;
  flex-direction: column;

  margin-bottom: 40px !important;
}
.product-grid .product .link-container {
  margin-bottom: 20px;
}
.product-grid .product img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.product-grid .title h3 {
	text-align: center;
}
.product-grid .title .subtitle {
	font-size: var(--px18);

	text-align: center;
	color: var(--blueGray);
}
.product-grid .buttons {
	margin: 0 auto;
	/* width: 65%; */
  margin-top: 20px;

  margin-top: auto;
}
.product-grid .buttons a {
	/* display: block; */

	text-align: center;
}
.product-grid .buttons .learn-more-button {
  margin-top: 15px;
}
.product-grid .link-container .price {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;

  width: 75%;
}
.product-grid .link-container span.price {
  color: var(--blueGray) !important;
}
.product-grid .link-container span.price ins {
  color: #ddd !important;
}

/* Sidebar Menu */
.sidebar-menu h2 {
  letter-spacing: 0;
  
  padding-left: 40px;
  margin-bottom: 40px;
}
.sidebar-menu h2 a:hover {
  color: var(--red);
  text-decoration: underline;
}
.sidebar-menu ul {
  margin: 0;
  padding: 0;

  list-style: none;
}
.sidebar-menu ul li a {
  display: block;
  
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;

  margin-left: 40px;

  color: var(--blueGray);
  border-bottom: 1px solid #C6D0C8;
}
.sidebar-menu ul li a:hover {
  background: var(--red);
  color: var(--white);
  text-decoration: none;
}

/***************************************************************************************************************************************************************************************/

/*HOME STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero {
	position: relative;
}
.hero .border-bottom {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 10px;

	background-image: url('images/border-up.png');
	background-repeat: repeat-x;
}

/* Homepage Intro */
.homepage-intro {
	padding: 60px 0;
}
.homepage-intro p {
  font-family: maryam, sans-serif;
  font-size: var(--px100);

  color: var(--blueGray);
  text-align: center;
}
.homepage-intro p span {
  font-family: maryam-alt;
}

.homepage-intro .buttons {
  justify-content: center;
  align-items: flex-end;

  margin-top: 60px;
}
.homepage-intro .arrow {
  background-image: url('images/arrow.png');
  background-repeat: no-repeat;
  background-position-y: -20px;

  width: 157px;
  height: 181px;

  margin: 0 20px;
}

/* Farmers */
.farmers {
	background-image: url('https://frinjcoffee.com/wp-content/uploads/2021/08/map-bg-new.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	padding: 40px 0;
	margin-top: 40px;
	padding-bottom: 70px;
}
.farmers > .flex-container {
	flex-wrap: nowrap;
}
.farmers .farmer, .farmers .intro {
	flex: 1;
}

.farmers .farmer {
	margin-top: -80px;
}
.farmers .farmer .text {
	margin-top: -40px;
}
.farmers .farmer .text p {
	font-size: var(--px28);
	text-align: center;
	color: var(--blueGray);
}
.farmers .farmer .text p span {
	font-family: ChaletComprime-CologneSixty;
	font-size: var(--px44);
	color: var(--red);
  text-transform: uppercase;
}

.farmers .intro.flex-container {
	flex-wrap: nowrap;
	align-items: flex-start;
}
.farmers .intro .text {
	margin-left: 20px;
}
.farmers .intro .text p {
	font-size: var(--px24);
	color: var(--blueGray);
}

/* Testimonials */

.testimonials .flex-container {
	flex-wrap: nowrap;
}
.testimonials .testimonial-left {
	background-image: url('images/testimonials.png');
	background-repeat: no-repeat;
	background-size: cover;

	flex: 0 0 65%;
	height: 550px;
}
.testimonials .testimonial-right {
	background: var(--red);
	flex: 0 0 34.5%;

	text-align: center;
	padding: 0 80px;
  height: 550px;
}
.testimonials .testimonial-container {
  padding: 0 80px;
  top: 50% !important;
  transform: translateY(-50%);
}
.testimonials .testimonial-right .content p {
	font-size: 36px;
	font-style: italic;
	color: var(--white);

	margin-bottom: 28px;
}
.testimonials .testimonial-right .reference {
	font-size: 24px;
	color: var(--white);
}

/* Explore Farmers */
.explore-farmers {
	background-image: url('images/explore-farmers-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	padding: 115px 0;
}
.explore-farmers .text {
	flex-direction: column;
}
.explore-farmers .text p.explore-farmers-text {
	font-family: ChaletComprime-CologneSixty;
	font-size: var(--px44);
	color: var(--white);

	text-align: right;
	line-height: 48px;
	letter-spacing: 5px;
	
	margin-bottom: 10px;
}
.explore-farmers .text p.button-container {
	text-align: right;
}

/* Buckets */

.buckets {
	padding: 10px 0;
}
.buckets .bucket .title {
	background: var(--red);

	padding: 20px 0;
	margin-bottom: 10px;
}
.buckets .bucket .title h3 {
	text-align: center;
	color: var(--white);

	margin: 0;

	font-family: maryam, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: var(--px50);
	text-transform: none;
}
.buckets .bucket .image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

	height: 360px;
	width: 100%;
}

.buckets #bucket-1 .image {
	background-image: url('https://frinjcoffee.com/wp-content/uploads/2021/09/bucket-1-1.jpg');
}
.buckets #bucket-1 .title h3 span {
	font-family: maryam-alt;
}

.buckets #bucket-2 .image {
	background-image: url('images/bucket-2.png');
}

.buckets #bucket-3 .image {
	background-image: url('images/bucket-3.png');
}

/* Featured Products */
.featured-products {
	padding: 60px 0;
}
.featured-products h2 {
	font-size: var(--px44);
	text-align: center;
}

.featured-products-slickr-container {
  position: relative;
}
.featured-products-slickr-container .product-grid .product {
  flex-basis: 25%;
}
.featured-products .product-grid .product {
  height: 100%;
}
.featured-products .product-grid .product .link-container {
  margin-bottom: 0 !important;
}

/* Recent News */
.recent-news {
	padding: 60px 0;
}
.recent-news h2 {
	font-size: var(--px70);
	margin-bottom: 60px;
	letter-spacing: 5px;
}

/* Recent Posts */
.recent-posts {
	padding: 40px 0;
	background: var(--red);
	color: var(--white);
}
.recent-posts h2 {
	font-size: var(--px70);
	margin-bottom: 20px;
	letter-spacing: 5px;

	color: var(--white);
}
.recent-posts .post-grid {
	margin-bottom: 40px;
}
.recent-posts .post-grid .post .content h3 {
	color: var(--white);
}

/* Green Coffee */
.green-coffee-grid {
  display: grid;
  grid-template-columns: 22% 22% 56%;
  grid-template-rows: 1fr;
}
.green-coffee-grid .green-left, .green-coffee-grid .green-right {
  border-right: 10px solid #FFF;
}
.green-coffee-grid .green-left img, .green-coffee-grid .green-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.green-coffee-grid .green-content {
  background-image: url('images/green-coffee-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;

  padding: 40px;
}
.green-coffee-grid .green-content h2, .green-coffee-grid .green-content p {
  color: #FFF;
}
.green-coffee-grid .green-content h2 {
  margin-bottom: 30px;
}
.green-coffee-grid .green-content p {
  font-size: 20px;
}
.green-coffee-grid .green-content .left-col {
  flex-basis: 60%;
  flex-grow: 0;
  flex-shrink: 0;
}
.green-coffee-grid .green-content .right-col {
  flex-basis: 40%;
  flex-grow: 0;
  flex-shrink: 0;
}
.green-coffee-grid .green-content .right-col img {
  display: block;
  margin: 0 auto;
}

/***************************************************************************************************************************************************************************************/

/*OUR STORY PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/* Delicious Coffees */
.delicious-coffees {
	height: 550px;
}
.delicious-coffees > .panel-grid-cell .widget {
	height: 100%;
}
.delicious-coffees .delicious-coffees-text {
	height: 100%;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* California Advantage */
.california-advantage > .panel-grid-cell:first-child {
	padding: 80px;
}

/* FRINJ Began */
.frinj-began {
	height: 750px;
}
.frinj-began .frinj-began-text {
	background: rgba(0, 0, 0, 0.65);
	height: 750px;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

/***************************************************************************************************************************************************************************************/

/*TESTIMONIAL PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-testimonials .testimonials .testimonials-right {
  padding-left: 75px;
}
.page-template-page-testimonials .testimonials .testimonial {
	padding-bottom: 40px;
	padding-top: 20px;
	margin-bottom: 40px;

  border-bottom: 1px solid var(--red);
}


/***************************************************************************************************************************************************************************************/

/*VIDEO PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.videos {
	padding: 40px 0;
}
.videos .video {
	margin-bottom: 20px;
}
.videos .video img {
  width: 100%;
  height: 250px;

  object-fit: cover;
}
.videos .video .video-title {
	background: var(--red);
  padding: 5px 10px;
	min-height: 130px;
	
	color: #FFF;
}
.videos .video .video-title p a {
	color: #FFF;
	font-weight: bold;
}

/***************************************************************************************************************************************************************************************/

/*EVENT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.events { 
	padding: 20px 0; 
}
.events .event { 
	display: flex;
	align-items: flex-start;

	min-height: 125px;
	border-bottom: 1px dotted #a4a6a9;

	margin-top: 40px;
  padding-bottom: 40px;
}
.events .event:last-child { 
	border-bottom: none; 
}
.events .event .date {
	color: #FFF;
	background: var(--red);

	width: 105px;
	margin-right: 20px; 
	
	flex-grow: 0;
	flex-shrink: 0;
	padding: 20px;
}
.events .event .date span {
	display: block;
	font-weight: bold;
	font-size: var(--px37);

  text-align: center;
  color: var(--white);
  line-height: 24px;
} 
.events .event .date .day { 
	font-size: var(--px50);
  line-height: 40px;
}
.events h2 {
	color: #000000; 
	margin: 0; 
}
.events .event-content .event-text p.location {
	text-transform: uppercase;
}

/***************************************************************************************************************************************************************************************/

/*NEWS & PRESS PAGE*/

/***************************************************************************************************************************************************************************************/

.page-template-page-news-and-press .news .post-grid {
	margin-bottom: 60px;
}

.page-template-page-news-and-press .press-releases {
	margin-top: 40px;
}
.page-template-page-news-and-press .press-releases h2 {
	color: var(--red);
}

.page-numbers-container {
  font-size: 1.5rem;
}

/***************************************************************************************************************************************************************************************/

/*FAQ PAGE STYLES*/

/***************************************************************************************************************************************************************************************/
.arrow-r {
	width: 0;
	height: 0;

	border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
	display: inline-block;
}

.arrow-d {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
  border-right: 5px solid transparent;
	border-bottom: 5px solid #000;
	display: inline-block;
}

.collapse-container>:nth-child(odd) {
	padding: 10px;
	background-color: #FFF;
	border: 1px solid black;
	margin: auto;

	display: flex;
	justify-content: space-between;
	align-items: center;
}
.collapse-container>:nth-child(even) {
	background-color: white;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid black;
	padding: 20px;
}
.collapse-container>:nth-child(even) p:last-child {
	margin-bottom: 0;
}
.collapse-container>:nth-child(odd):hover {
	cursor: pointer;
	-moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit browsers */
}

/***************************************************************************************************************************************************************************************/

/*BLOG POST PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.archive .post-grid, .blog .post-grid {
	margin-bottom: 60px;
}

.single-post-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  padding: 60px 0;
}
.single-post-container article {
  flex-basis: 70%;
}
.single-post-container article .post-image {
  margin-bottom: 20px;
}
.single-post-container article .post-content iframe {
  width: 100%;
  height: 500px;
}
.single-post-container article h1 {
  margin-bottom: 5px;
}
.single-post-container article .meta {
  border-top: 1px solid var(--red);
  border-bottom: 1px solid var(--red);

  padding: 10px 0;
  margin-bottom: 20px;
}

.single-post-container .sidebar {
  flex-basis: 30%;
  padding-left: 40px;
}
.single-post-container .sidebar ul {
  margin: 0;
  padding: 0;

  list-style: none;
}
.single-post-container .sidebar ul li.widget_block {
  margin-bottom: 20px;
  padding-bottom: 20px;

  border-bottom: 1px solid var(--red);
}
.single-post-container .sidebar a:hover {
  text-decoration: underline;
  color: var(--red);
}

/***************************************************************************************************************************************************************************************/

/*PRODUCT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  float: none;
  width: auto;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: var(--red);
  border: 1px solid transparent;
  padding: 5px 10px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: var(--white);
  color: var(--red);

  border: 1px solid var(--red);
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
  background-color: var(--red);
  border: 1px solid transparent;

  padding: 5px 10px;
}
.woocommerce div.product#product-container p.price, .woocommerce div.product#product-container span.price {
  display: block;
  color: var(--red);
  font-size: var(--px24);
  line-height: 20px;

  margin-bottom: 10px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price span.size {
  color: var(--blueGray);
  font-size: var(--px18);
}

/* Quantity Button */
.woocommerce div.product form.cart div.quantity {
  float: none;
  display: block;

  margin-bottom: 20px;
}
.woocommerce div.product form.cart div.quantity label {
  font-weight: bold;
  display: block;

  margin-bottom: 5px;
}
.woocommerce div.product form.cart div.quantity input {
  padding: 6px;
  border: 1px solid var(--red);
}

#product-container {
  padding: 60px 0;
}
#product-container .left-column {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;

  padding-right: 40px;
}
#product-container .left-column span.onsale {
  display: none !important;
}
#product-container .right-column {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;

  padding-left: 40px;
}

#product-container .product-title {
  font-size: var(--px70);
  margin-bottom: 60px;
}
#product-container .product-title small {
  font-family: var(--bodyFont);
  font-size: var(--px24);
  font-weight: normal;
  text-transform: none;
  color: var(--blueGray);
  letter-spacing: 0;

  display: block;
}

/* Images */
#product-container .main-image a {
	display: block;
}
#product-container .thumbnails {
	margin-top: 20px;
}
#product-container .thumbnails {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  justify-content: flex-start;
  margin-left: -10px;
  margin-right: -10px;
}
#product-container .thumbnails div {
  flex-basis: 25%;
  flex-grow: 0;
  flex-shrink: 0;

  padding: 0 10px;
  margin-bottom: 10px;
}
#product-container .thumbnails div a {
	float: none !important;
	width: auto !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}
.woocommerce-product-gallery {
	float: none !important;
	width: auto !important;
}

/* Variations */
.variations label {
  display: block;
}
.variations select {
  width: 100%;
  padding: 5px;
}

/* Farmer Info */
#product-container .farmer.multiple .farmer-image {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;

  margin: 0 -10px;
}
#product-container .farmer.multiple .farmer-image div {
  flex-basis: 50%;
  flex-grow: 0;

  margin: 0 10px;
}
#product-container .farmer.multiple .farmer-image div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#product-container .farmer-info h2 {
  margin-top: 20px;
}
#product-container .farmer-info .learn-more {
  margin-top: 20px;
}

/* Product Stats */
#product-container .product-stats table {
  width: 100%;
  margin-bottom: 40px;
}
#product-container .product-stats table th, #product-container .product-stats table td {
  padding: 0px 0;
}
#product-container .product-stats table th {
  font-weight: normal;
}
#product-container .product-stats table td {
  font-weight: bold;
}

/* Product Description */
#product-container .product-description {
  margin-bottom: 40px;
}

/* Add to Cart */
.woocommerce div.product form.cart .variations {
  width: auto;
  margin-bottom: 0;
  margin-right: 20px;
}
.woocommerce div.product form.cart .variations .variation {
  margin-bottom: 20px;
}
.woocommerce div.product form.cart .variations select {
  font-family: var(--bodyFont);
}

#product-container .add-to-cart-flex-container {
  justify-content: flex-start;
}

#product-container .add-to-cart-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

/* Coffee Club Override */
.postid-2920 #product-container .add-to-cart-flex-container {
  justify-content: flex-start;
}
.postid-2920 #product-container .product-description {
  margin-bottom: 0;
}

/* Related Products */
#related-products {
  margin-top: 60px;
}
#related-products h2 {
  text-align: center;
}

.out-of-stock-notice {
  background: var(--blueGray);
  padding: 5px 10px;
  color: var(--white);

  font-size: var(--px18);
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.out-of-stock-notice p {
  margin: 0;
}

#wc-square-digital-wallet {
  display: flex !important;
  flex-direction: column;
  padding-top: 0 !important;
}
#wc-square-digital-wallet #wc-square-wallet-divider {
  order: 1;
  margin-top: 0 !important;
}
#wc-square-digital-wallet #wc-square-apple-pay, #wc-square-digital-wallet #wc-square-google-pay {
  order: 2;
}

.wcsatt-options-prompt-radios {
  padding: 0;
}

.product-grid .wcsatt-dash {
  display: none !important;
}
.product-grid .wcsatt-sub-options {
  display: block !important;
}

/***************************************************************************************************************************************************************************************/

/*SHOP PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.shop-page-hero .page-hero-container {
  height: 400px !important;
  margin-bottom: 60px;
}
.shop-page-hero .page-hero-container .page-hero-left, .shop-page-hero .page-hero-container .page-hero-right {
  height: 400px !important;
}
.shop-page-hero .page-hero-container .page-hero-left .page-hero-left--text {
  color: var(--white);
  text-align: center;
}
.shop-page-hero .page-hero-container .page-hero-left .page-hero-left--text h2 {
  color: var(--white);
  font-size: var(--px44);
  line-height: 45px;
}

.shop-page-intro p {
  line-height: 25px;
}

/* Sidebar */
.shop-sidebar {
  padding-top: 40px;
}
.shop-sidebar h2 {
  letter-spacing: 0;
  
  padding-left: 40px;
  margin-bottom: 40px;
}
.shop-sidebar h2 small {
  display: block;
  font-family: var(--bodyFont);
  font-size: var(--px20);

  color: var(--blueGray);

  text-transform: none;
}
.shop-sidebar h2 small a {
  color: var(--red);
  font-family: ChaletComprime-CologneSixty;
  font-size: var(--px24);
	font-weight: 400;
	text-transform: uppercase;
}
.shop-sidebar h2 small a:hover {
  text-decoration: none;
  color: var(--red);
}

/* Default Shop Filter Styles */
.shop-sidebar .shop-filters {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shop-sidebar .shop-filters li label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.shop-sidebar .shop-filters li label input {
  margin-right: 5px;
}
.shop-sidebar .shop-filters li ul {
  margin: 0;
  padding: 0;

  list-style: none;
  margin-left: -6px;
}

/* Top Level Headings */
.shop-sidebar .shop-filters > li {
  margin-bottom: 40px;
}
.shop-sidebar .shop-filters > li > label {
  margin-left: -15px;

  padding-top: 5px;
  padding-left: 60px;
  padding-bottom: 5px;
  background: #C6D0C8;

  font-family: ChaletComprime-CologneSixty;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--px24);
  color: var(--white);
}
.shop-sidebar .shop-filters > li > label > input {
  display: none;
}
.shop-sidebar .shop-filters > li > label:hover {
  background: var(--red);
}

/* Second Level Heading */
.shop-sidebar .shop-filters > li > ul.children > li > label {
  margin-left: -15px;

  padding-top: 5px;
  padding-left: 65px;
  padding-bottom: 5px;

  font-family: ChaletComprime-CologneSixty;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--px18);
  color: var(--red);
}

.shop-sidebar .shop-filters > li > ul.children > li > label:hover {
  background: var(--red);
  color: var(--white);
}
.shop-sidebar .shop-filters > li > ul.children > li > label > input {
  display: none;
}

/* Third Level Heading */
.shop-sidebar .shop-filters > li > ul.children > li > ul.children > li > label {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 66px;
  color: var(--blueGray);
  border-bottom: 1px solid #C6D0C8;
}
.shop-sidebar .shop-filters > li > ul.children > li > ul.children > li:first-child > label {
  border-top: 1px solid #C6D0C8;
}
.shop-sidebar .shop-filters > li > ul.children > li > ul.children > li > label:hover {
  background: var(--red);
  color: var(--white);
}

/* Green Coffee Overrides */
.shop-sidebar .shop-filters > li#category-115 > ul.children > li > label > input {
  display: inline-block;
}
.shop-sidebar .shop-filters > li#category-115 > ul.children > li > label {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 66px;
  color: var(--blueGray);
  border-bottom: 1px solid #C6D0C8;
  font-family: "Cormorant Infant", serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
}
.shop-sidebar .shop-filters > li#category-115 > ul.children > li:first-child > label {
  border-top: 1px solid #C6D0C8;
}
.shop-sidebar .shop-filters > li#category-115 > ul.children > li > label:hover {
  background: var(--red);
  color: var(--white);
}

/***************************************************************************************************************************************************************************************/

/*WOOCOMMERCE STYLE OVERRIDES */

/***************************************************************************************************************************************************************************************/

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background: var(--red);
	border-radius: 0;

	padding: 5px 10px;

	font-size: var(--px18);
	font-weight: bold;
	letter-spacing: 2px;

	text-transform: uppercase;
	color: var(--white);

	border: 1px solid transparent;
	line-height: normal;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background: var(--white);
	color: var(--red);
	border: 1px solid var(--red);
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	font-size: var(--px24);
	padding-bottom: 0;
}

/***************************************************************************************************************************************************************************************/

/*MAP STYLES */

/***************************************************************************************************************************************************************************************/

.farmer-map-container {
  padding: 20px;
  position: relative;
}

.farmer-map-container .harvest-clock {
  position: absolute;
  z-index: 9999;
  
  top: 95px;
  right: 70px;
}
.farmer-map-container .harvest-clock p {
  font-family: var(--bodyFont);
  font-size: var(--px50);
  font-style: italic;
  color: #231F20;
  text-align: center;
}
.farmer-map-container .harvest-clock img {
  display: block;
  margin: 0 auto;
}

.farmer-map-container .map-compass {
  position: absolute;
  z-index: 9999;
  
  left: 80px;
  bottom: 50px;
}
.farmer-map-container .map-compass p {
  margin-bottom: 0;

  font-size: var(--px65);
  font-weight: 300;
  color: #231F20;

  letter-spacing: -3px;
}

#farmer-map {
  height: 725px;

  border-style: solid;
  border-width: 6px;
  border-image-slice:27 27 27 27;
  border-image-width:20px 20px 20px 20px;
  border-image-outset:0px 0px 0px 0px;
  border-image-repeat:repeat;
  
  border-image-source: url('images/map-border.png');
}

.gm-style-iw {
  border: 5px solid var(--red);
  border-radius: 0 !important;

  width: 274px !important;
}
.gm-style .gm-style-iw-t::after {
  background: linear-gradient(45deg,var(--red) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%)
}
.farmer-map-info {
  border: 1px solid var(--red);
  padding: 15px;
}
.farmer-map-info .farmer-image {
  margin-bottom: 20px;

  width: 100%;
  height: 230px;

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.farmer-map-info .farmer-info h2 {
  text-align: center;
}
.farmer-map-info .farmer-info h2 small {
  display: block;
  
  font-family: var(--bodyFont);
  font-size: var(--px18);

  letter-spacing: 0;

  text-transform: none;
  color: var(--blueGray);
}
.farmer-map-info .farmer-weather p {
  margin: 0;

  text-align: center;

  font-size: var(--px14);
  color: var(--blueGray);
}

/***************************************************************************************************************************************************************************************/

/*GROWER PORTAL STYLES */

/***************************************************************************************************************************************************************************************/

.grower-portal-sidebar {
  margin-top: 40px;
}
.grower-page-content {
  padding-right: 80px;
}

#gform_wrapper_5 .gform_heading {
  display: none !important;
}

/***************************************************************************************************************************************************************************************/

/*LEADERSHIP TEAM STYLES */

/***************************************************************************************************************************************************************************************/

.frinj-team-members {
  padding: 100px 0;
  background: var(--lightGray);
}
.frinj-team-members .team-members .team-member {
  margin-bottom: 40px;
}
.frinj-team-members .team-members .team-member .image {
  margin-bottom: 20px;
}
.frinj-team-members .team-members .team-member .image img {
  border: 1px solid var(--red);
}
.frinj-team-members .team-members .team-member .name {
  text-align: center;
}
.frinj-team-members .team-members .team-member .name p a {
  color: var(--blueGray);
}

.team-member-bio {
  width: 50%;
}
.team-member-bio .name {
  text-align: center;
}

/***************************************************************************************************************************************************************************************/

/*SIGN UP PAGE STYLE OVERRIDES */

/***************************************************************************************************************************************************************************************/

.page-id-2248 .gform_wrapper form {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.page-id-2248 #gform_fields_1 #field_1_1 {
	width: 380px;
}
.page-id-2248 #gform_fields_1 #field_1_1 input {
	padding: 15px !important;
}
.page-id-2248 .gform_footer input {
	padding: 16px !important;
}

/***************************************************************************************************************************************************************************************/

/*QUICK VIEW STYLES*/

/***************************************************************************************************************************************************************************************/

.pp_content {
  width: 100% !important;
}
.pp_details {
  display: none !important;
}

.quick-view #product-container {
  padding: 0;
  padding-top: 20px;
}
.quick-view #product-container .left-column {
  flex-basis: 30%;
}
.quick-view #product-container .right-column {
  flex-basis: 70%;
}
.quick-view #product-container .product-title {
  font-size: var(--px50);
  line-height: 46px;

  margin-bottom: 20px;
}
.quick-view #product-container form.cart {
  margin-bottom: 0 !important;
}
.quick-view-detail-button {
  background: var(--white) !important;
  color: var(--red) !important;
  border: 1px solid var(--red) !important;
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 950*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 1160px) {

  /* Homepage */
  .testimonials .flex-container {
    flex-direction: column;
  }
  .testimonials .testimonial-left {
    flex: none;
    width: 100%;
  }
  .testimonials .testimonial-right {
    flex: none;
    width: 100%;
  }

  /* Footer */
  footer .top-footer .top-footer--newsletter-signup {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .top-footer .top-footer--newsletter-signup .gform_wrapper {
    margin: 10px 0;
  }
  footer .top-footer .top-footer--newsletter-signup .gform_wrapper form {
    width: auto !important;
  }
  footer .top-footer .top-footer--newsletter-signup .content {
    text-align: center;
  }
}

@media only screen and (max-width: 1065px) {

  /* Footer */
  footer .bottom-footer .bottom-footer--top.flex-container {
    flex-direction: column;
  }
  footer .bottom-footer .bottom-footer--top .bottom-footer--top-left {
    padding-right: 0;
    margin-bottom: 20px;
  }
  footer .bottom-footer .bottom-footer--top-right {
    align-self: center;
  }
}

@media only screen and (max-width: 930px) {

  /* Header */
  header .main-header .logo {
    margin-top: 20px;
  }
  header .full-menu {
    display: block;
  }
  header .full-menu .hide {
    display: none;
  }
  header .main-header .flex-container {
    flex-direction: column;
  }
  header .main-header .left-menu, header .main-header .right-menu {
    display: none;
  }
}

@media only screen and (max-width: 890px) {
	
  /* Homepage */
  .farmers > .flex-container {
    flex-direction: column;
  }
  .farmers .farmer {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }

  .green-coffee-grid {
    grid-template-columns: 1fr;
  }
  .green-coffee-grid .green-left, .green-coffee-grid .green-right {
    display: none;
  }

  /* Footer */
  .farmer-map-container .harvest-clock {
    display: none;
  }
  .farmer-map-container .map-compass {
    display: none;
  }
}

@media only screen and (max-width: 780px) {
  /* Global */
  .equal-height-row {
    height: auto;
  }

  .sidebar-menu {
    margin-bottom: 40px;
  }
  .sidebar-menu h2 {
    padding-left: 0;
  }
  .sidebar-menu ul li a {
    margin-left: 0;
  }
  
  /* Our Story */
  #pl-107 #panel-107-0-1-0 {
    margin: 0 !important;
  }
  #pl-107 #panel-107-0-1-0 img {
    display: block;
    margin: 0 auto;
  }
  .delicious-coffees {
    height: auto;
  }
  #pgc-107-3-0 {
    padding: 40px !important;
  }

  /* Testimonials */
  .page-template-page-testimonials .testimonials .testimonials-right {
    padding-left: calc(var(--bs-gutter-x)/ 2);
  }

  /* Blog */
  .single-post-container {
    flex-direction: column;
  }
  .single-post-container .sidebar {
    flex-basis: 100%;
    padding-left: 0;
    margin-top: 40px;
  }

  /* Grower Page */
  .grower-page-content {
    padding-right: calc(var(--bs-gutter-x)/ 2);
  }
}

@media only screen and (max-width: 768px) {
  .product-grid {
    flex-wrap: wrap;
  }
  .product-grid .product {
    flex-basis: 50%;
    margin-bottom: 40px !important;
  }
}

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

  /* Global */
  .post-grid .post .image {
    margin-left: auto;
    margin-right: auto;
  }
  .post-grid .post .meta, .post-grid .post .content {
    text-align: center;
  }

  .page-hero .page-hero-container {
    flex-direction: column;
    height: auto !important;
  }
  .page-hero .page-hero-container .page-hero-left {
    flex-basis: auto;
    flex: none;
    width: 100%;
    background-size: cover;
  }
  .page-hero .page-hero-container .page-hero-left .page-hero-left--text {
	margin-left: 0;
	padding: 0 10px;
  }
  .page-hero .page-hero-container .page-hero-right {
    flex-basis: auto;
    flex: none;
    width: 100%;
    margin-left: 0;
  }
  .shop-page-hero .page-hero-container .page-hero-left {
    display: none;
    background-color: var(--red);
  }
}

@media only screen and (max-width: 740px) {

  /* Footer */
  footer .bottom-footer .bottom-footer--top .bottom-footer--top-left {
    display: none;
  }
  
  
  footer .bottom-footer--bottom.flex-container {
    flex-direction: column;
    align-content: center;
    text-align: center;
  }
	
	.team-member-bio {
		width: auto;

    margin-top: 40px;
    padding-bottom: 40px;
	}
}

@media only screen and (max-width: 645px) {

  /* Footer */
  footer .top-footer .flex-container {
    flex-direction: column;
    align-items: center;
  }
  footer .top-footer .top-footer--newsletter-signup {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 640px) {

  /* Footer */
  footer .top-footer .top-footer--newsletter-signup .gform_wrapper {
    width: 100%;
    flex-basis: 100%;
  }
  footer .top-footer .top-footer--newsletter-signup .gform_wrapper .gform_body {
    width: auto;
  } 
  footer .top-footer .top-footer--newsletter-signup .gform_wrapper .gform_footer {
    padding: 0;
    margin: 0;
  }
}

@media only screen and (max-width: 635px) {
  
  /* Header */
  header {
    padding-top: 80px;
  }
  header .top-header .mini-menu {
    justify-content: center;
  }
  header .top-header .mini-menu li:first-child, header .top-header .mini-menu li:nth-child(2) {
    display: none;
  }

  /* Homepage */
  .homepage-intro p {
    font-size: var(--px70);
  }

  .homepage-intro .buttons {
    justify-content: space-between;
  }
  .homepage-intro .buttons .arrow {
    display: none;
  }

  .farmers .farmer .text p {
    font-size: var(--px24);
  }
  .farmers .farmer .text p span {
    font-size: var(--px28);
  }
  .farmers .intro .text p {
    font-size: 1rem;
  }

  .testimonials .testimonial-right, .testimonials .testimonial-left {
    height: 360px;
  }
  .testimonials .testimonial-right .content p {
    font-size: var(--px24);
  }

  .explore-farmers .text p.explore-farmers-text {
    font-size: var(--px30);
  }

  .bottom-footer--bottom-right {
    display: none;
  }

  /* Product Page */
  .product-description-container .flex-container {
    flex-direction: column;
  }
  #product-container .left-column {
    padding-right: 0;
  }
  #product-container .right-column {
    padding-left: 0;
  }
}

@media only screen and (max-width: 475px) {

  /* Homepage */
  .farmers .intro.flex-container {
    flex-direction: column;
  }
  .farmers .intro img {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .farmers .intro .text {
    margin-left: 0;
    text-align: center;
  }

  .green-coffee-grid .green-content {
    flex-direction: column;
  }
	
	/* Shop */
	#shop-intro .shop-sidebar {
		display: none;
	}

  .product-grid .product {
    flex-basis: 100%;
  }

  .featured-products-slickr-container .product-grid .product {
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 425px) {
	.homepage-intro .buttons {
		display: none;
	}
	
	#farmer-map {
		height: 545px;
	}

  /* Homepage */
  .farmers .farmer {
    display: none;
  }
}

@media only screen and (max-width: 350px) {
	.recent-news h2 {
		line-height: 55px;
	}
}