/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 24 2025 | 11:51:17 */
.promo-tile .promo__entry {
	max-width: 100%;
}
span.onsale {
	display: none;
}
@media only screen and (max-width: 768px) {
	.promo-tile .promo__entry {
		max-width: 60%;
	}
}

 


/* HERO BANNER
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.canstar-logos {
	width: 350px;
	height: auto;
}
@media only screen and (max-width: 1024px) {
	.pollinate-logo {
		width: 300px;
		height: auto;
	}
}
@media only screen and (max-width: 768px) {
	.hero .hero__content {
		margin: 0 auto !important;
	}
	.canstar-logos {
		width: 280px;
		margin: 0 auto;
	}
	.pollinate-logo {
		width: 400px;
		height: auto;
	}
	.hero__entry h3 {
		text-align: center !important;
	}
}

/* VIDEO
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* BRANDING
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.bg-white {
	background-color: #FFFFFF;
}
.bg-light-stone {
	background-color: #f9f8f7;
}
.bg-dark-stone {
	background-color: #f1f0ec;
}
.bg-grey-green {
	background-color: #96a398;
	color: #FFF;
}

/* LINKS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
a.underline {
	text-decoration: underline;
}
a.underline:hover {
	text-decoration: none;
}
a.burnt-orange {
	color: #d27f61;
}
a.burnt-orange:hover {
	text-decoration: underline;
}
a.grey-green {
	color: #96A398;
}
a.grey-green:hover {
	text-decoration: underline;
}
.dropdown .dropdown__nav a {
	line-height: 1.2;
	display: block;
	margin-bottom: 7px;
}

/* BUTTONS
–––––––––––––––––––––––––––––––––––– */
a.btn-primary {
	padding: 7px 13px;
	min-width: 130px;
	display: inline-block !important;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}
a.btn-full {
	width: 100%;
	padding: 14px 0 !important;
}
a.btn-lrg {
	font-size: 18px;
	padding: 10px 22px !important;
}
a.btn-grey-outline {
	border: solid 1px #403e39;
	color: #403e39 !important;
}
a.btn-grey-outline:hover {
	border: solid 1px #96a398;
	background-color: #96a398;
	color: #FFF !important;
	text-decoration: none !important;
}
a.btn-white-outline {
	border: solid 1px #FFF;
	color: #FFF !important;
	text-decoration: none !important;
}
a.btn-grey-green {
	background-color: #96a398;
	text-decoration: none !important;
	color: #FFF;
}
a.btn-burnt-orange {
	background-color: #d27f61;
	text-decoration: none !important;
	color: #FFF;
}
a.btn-white {
	background-color: #FFF;
	text-decoration: none !important;
	color: #FFF;
}

/* TYPOGRAPHY
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.tiempos {
	font-family: Tiempos Headline,serif;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
}
h4.section__entry-title {
	line-height: 1.3 !important;
}
h3.small_title {
	max-width: 100% !important;
}
.tc {
	text-align: center;
}
.section__content h1.hero__title.hero__title--medium {
	font-size: 40px !important;
}
strong {
	font-weight: 600;
}
.underline {
	text-decoration: underline;
}
.uppercase {
	text-transform: uppercase;
}

.f-light {
	font-weight: 400 !important;
}
.f-regular {
	font-weight: 400 !important;
}
.f-medium, .f-subtle {
	font-weight: 500 !important;
}
.f-para1 {
	font-size: 18px;
	font-family: freight-sans-pro,sans-serif;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1.22;
    margin-bottom: 14px;
}
.f-sm {
	font-size: 12px !important;
}
.f-xsm {
	font-size: 10px !important;
}
.f-med {
	font-size: 18px !important;
}
.f-lrg {
	font-size: 24px !important;
}
.f-xlrg {
	font-size: 34px !important;
}
h3.subtitle {
	font-weight: 400 !important;
}
.info .info__entry p {
	font-size: 13px !important;
}
.product__meta p {
	line-height: 1.2 !important;
}

@media only screen and (max-width: 768px) {
	.f-med {
		font-size: 16px !important;
	}
	.f-lrg {
		font-size: 20px !important;
	}
	.f-xlrg {
		font-size: 24px !important;
	}
	h3.subtitle {
		font-size: 20px !important;
		font-weight: 400 !important;
	}
	.promo-tile .promo__entry {
		max-width: 100% !important;
	}
}

/* STRUCTURE
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.narrow {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
}
.section-promo .section__content {
	padding: 0 20px !important;
}
.products .products__item {
	margin-bottom: 54px !important;
	min-height: 520px !important;
}

@media only screen and (max-width: 1280px) {
	.banner-product .banner__body {
		padding: 0 !important;	
	}
	.banner__content {
		padding: 116px 10% !important;
	}
}
@media only screen and (max-width: 768px) {
	.product-single:not(.products__item) .product__image, .product-single:not(.products__item) .woocommerce-product-gallery__image {
		height: 0;
		width: 100%;
		padding-bottom: 100%;
	}
	.product-single:not(.products__item) .product__image-img, .product-single:not(.products__item) .woocommerce-product-gallery__image img:not(.zoomImg), .product-single:not(.products__item) .wp-post-image {
		max-width: 90%;
	}
	.section-promo--product .section__image {
		min-height: 350px !important;
	}
	.products .products__item {
		min-height: auto !important;
	}
}

/* SPACING
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.pv0 { padding-top: 0;	padding-bottom: 0; }
.pv20 { padding-top: 20px;	padding-bottom: 20px; }
.pv40 { padding-top: 40px; padding-bottom: 40px; }
.pv60 { padding-top: 60px; padding-bottom: 60px; }
.pv80 { padding-top: 80px; padding-bottom: 80px; }

.ph0 { padding-left: 0;	padding-right: 0; }
.ph20 { padding-left: 20px;	padding-right: 20px; }
.ph40 { padding-left: 40px; padding-right: 40px; }
.ph60 { padding-left: 60px; padding-right: 60px; }
.ph80 { padding-left: 80px; padding-right: 80px; }

.pa0 { padding: 0; }
.pa10 { padding: 10px; }
.pa20 { padding: 20px; }
.pa30 { padding: 30px; }
.pa40 { padding: 40px; }

.pb0 { padding-bottom: 0; }
.pb20 { padding-bottom: 20px; }
.pb40 { padding-bottom: 40px; }
.pb60 { padding-bottom: 60px; }
.pb80 { padding-bottom: 80px; }

.pt0 { padding-top: 0; }
.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }
.pt60 { padding-top: 60px; }
.pt80 { padding-top: 80px; }

.ma0 { margin: 0; }

.mb0 { margin-bottom: 0; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }

.mt0 { margin-top: 0; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }

hr { height: 0; border: none; -webkit-box-sizing: content-box; box-sizing: content-box; }

hr.space10 { height: 10px; clear: both; }
hr.space20 { height: 20px; clear: both; }
hr.space40 { height: 40px; clear: both; }
hr.space60 { height: 60px; clear: both; }
hr.space80 { height: 80px; clear: both; }

hr.divide20 { border-top: solid 1px #DDD; margin: 20px 0; }
hr.divide30 { border-top: solid 1px #DDD; margin: 30px 0; }
hr.divide40 { border-top: solid 1px #DDD; margin: 40px 0; }
hr.divide60 { border-top: solid 1px #DDD; margin: 60px 0; }
hr.divide80 { border-top: solid 1px #DDD; margin: 80px 0; }

@media only screen and (max-width: 768px) {
	.pv20,
	.pv40,
	.pv60,
	.pv80 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
    .ph20,
	.ph40,
	.ph60,
	.ph80 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* IMAGES
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
img.canstar-hero {
	margin: 0 0 20px 0;
	display: block;
}

@media only screen and (max-width: 768px) {
	img.canstar-hero {
		margin: 0 auto 20px auto;
	}
}

/* BOXILLA
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 768px) {
	h2.popup__title {
		font-size: 25px !important;
	}
	.popup--mobile-row.popup__inner .popup__image {
		min-height: 300px !important; 
	}
}

/* HONEY JOURNALS 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
p.news__date {
	font-size: 13px;
	opacity: 0.6;
}
p.news__tag {
	text-transform: uppercase !important;
	font-size: 13px;
	opacity: 0.6;
}
p.article__date {

}
.article__meta {
	text-transform: uppercase !important;
}
.article-single {
	font-size: 16px !important;
	line-height: 1.5 !important;
    letter-spacing: .025em !important;
}
.article-single p a {
	color: #D27F61;
	text-decoration: none;
}
.article-single p a:hover {
	text-decoration: underline;
}
.article-single .article__title {
	font-size: 50px !important;
	max-width: 659px !important;
}
.article-single .article__image {
	margin-bottom: 40px !important;
}
.article-single .article__testimonial {
	margin: 30px 0 40px 0 !important;
}
.testimonial {
	margin-left: 0 !important;
}
.testimonial blockquote {
	font-size: 24px !important;
}

@media only screen and (max-width: 768px) {
	.article-single .article__title {
		font-size: 30px !important;
	}
}

/* TASTING STRENGTH 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
ul.tasting-strength {
	overflow: hidden;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}
ul.tasting-strength li {
	float: left;
	width: 16px;
	height: 16px;
	border: solid 1px #DDD;
	background-color: #FFF;
	border-radius: 50%;
	margin: 0 2px;
}
ul.tasting-strength li:first-child {
	border: none;
	width: auto;
	font-size: 12px;
	background-color: rgba(255,255,255,0);
	padding: 2px 5px 0 0;
}
ul.tasting-strength li:last-child {
	border: none;
	width: auto;
	font-size: 12px;
	background-color: rgba(255,255,255,0);
	padding: 2px 0 0 5px;
}
ul.tasting-strength li.filled {
	background-color: #96a398;
	border: solid 1px #96a398;
}

/* FORMS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.gfield_label {
	margin-bottom: 5px !important;
	font-size: 12px !important;
}
.gfield_consent_label {
	display: inline-block !important;
	width: 90% !important;
	box-sizing: border-box !important;
	float: left !important;
}
.gfield--type-fileupload {
	background-color: #f8f7f6;
	padding: 10px;
	margin: 5px 0;
}
input[type=checkbox] {
	float: left !important;
	margin: 2px 10px 0 0 !important;
}
.gfield_required.gfield_required_asterisk {
	display: none !important;
}
.w-100 {
	width: 98% !important;
	float: left !important;
	margin-right: 2% !important;
	margin-bottom: 20px;
}
.w-50 {
	width: 48% !important;
	float: left !important;
	margin-right: 2% !important;
	margin-bottom: 15px;
}
.w-33 {
	width: 31.333% !important;
	float: left !important;
	margin-right: 2% !important;
	margin-bottom: 15px;
}
.w-25 {
	width: 23% !important;
	float: left !important;
	margin-right: 2% !important;
	margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
	.w-50 {
		width: 98% !important;
	}
	.w-33 {
		width: 98% !important;
	}
	.w-25 {
		width: 98% !important;
	}
}

/* FOOTER - SUBSCRIBE
–––––––––––––––––––––––––––––––––––– */
/* /win-a-honey-hamper */
body.page-id-46742 .subscribe { display: none; }
/* /sustainability-and-environment */
body.page-id-46908 .subscribe { display: none; }
/* /win-a-holiday */
body.page-id-45710 .subscribe { display: none; }
/* /win-a-holiday/the-prize */
body.page-id-48977 .subscribe { display: none; }


/* WIN A HONEY HAMPER - FORM
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#gform_fields_18 legend.gfield_label, #gform_fields_18 label.gfield_label {
	margin-bottom: 0;
}
#field_18_6, #field_18_5 {
	margin-bottom: 20px;
}
.gfield_required {
	color: #403e39 !important;
}

/* Canstar Giveaway - FORM
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#gform_fields_20 legend.gfield_label, #gform_fields_20 label.gfield_label {
	margin-bottom: 0;
}
#field_20_6, #field_20_5 {
	margin-bottom: 20px;
}
.gfield_required {
	color: #403e39 !important;
}

/* PRODUCTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ins {
	text-decoration: none !important;
}
del {
	opacity: 0.4;
}
@media only screen and (max-width: 1024px) {
	.woocommerce-product-details__short-description {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.slick-slider .slider__slide {
		margin-bottom: 5px;
	}
}


/* BEAVER BUILDER - WOOCOMMERCE PRODUCT GRID
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.fl-woocommerce-products .products__item {
	margin-bottom: 50px !important;
}
.fl-woocommerce-products .product_form {
	display: none !important;
}
.fl-woocommerce-products .box-product {
	display: none !important;
}
.fl-woocommerce-products .product__head {
	margin-bottom: 20px;
}
.fl-woocommerce-products .product__info {
	text-transform: uppercase;
	font-size: 12px;
}
.fl-woocommerce-products .btn {
	border: solid 1px #403e39 !important;
	border-radius: 0 !important;
	font-size: 12px !important;
	width: 100%;
	margin-top: 6px;
}
.fl-woocommerce-products .product__tag {
	display: none;
}

/* BEE SCHOOL
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul.quick-guide {
	overflow: hidden;
	border-top: solid 1px #DDD;
	padding: 20px 0 15px 0;
	list-style: none;
	margin: 25px 0 0 0;
}
ul.quick-guide li {
	width: 50%;
	float: left;
	line-height: 1.2;
}

/* YOUTUBE IFRAME
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.video-holder {
	width: 100%;
	max-width: 1024px;
	height: 575px;
	padding-bottom: 0 !important;
	margin: 40px auto 40px auto;
}
@media only screen and (max-width: 768px) {
	.video-holder {
		height: 400px;
	}
}