/*
Theme Name:   	Palmer's Honey Farm
Theme URI:    	https://seemoregraphics.co.uk/
Author:       	Seemore Graphics
Author URI:     https://seemoregraphics.co.uk
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

body {
	background-color: #FFFDF9;
	color: #513E38;
	font-family: "open-sans", sans-serif;
}

body p {
	font-weight: 300;
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: gelica, sans-serif;
	color: #513E38;
	font-weight: 600;
}

h1{
	font-size: 52px;
} 
h2 {
	font-size: 36px;
} 
h3 {
	font-size: 32px;
}
h4 {
	font-size: 26px;
} 
h5 {
	font-size: 22px;
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
	width: 100%;
	display: block;
}

a:focus, input:focus, textarea:focus, button:focus, :focus {
	outline: 0px solid #fff;
}

.site {
	overflow: initial;
}

button,
.button {
	font-family: gelica, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}

.storefront-sorting select {
	border-radius: 0px;
	padding: 15px;
}

.woocommerce-result-count {
	padding: 15px;
}

img {
	border-radius: 0px;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .site-header {
	position: relative;
	background: #FFFDF9;
	margin-bottom: 0px;
	padding: 0px;
}

.material-symbols-outlined {
	vertical-align: bottom;
}

.main-navigation .material-symbols-outlined {
	line-height: 1.6;
}

.handheld-navigation {
	clear: both;
	width: 100%;
	position: relative;
	text-align: center;
}

.sg-wrap {
	max-width: 1280px;
	margin: 0 auto;
	float: none;
	padding: 40px 20px;
}

.home .entry-content .sg-wrap {
	max-width:900px;
}

.home-process .sg-wrap {
	padding-top: 0px;
}

.site-footer {
	background-color: #513E38;
	color: #FFFDF9;
}

.footer-widgets h4,
.footer-widgets a,
.site-footer a:not(.button):not(.components-button) {
	color: #FFFDF9;
}

.footer-widgets strong {
	color: #FFFDF9;
	letter-spacing: 1px;
}

.footer-widgets .widget {
	margin-bottom: 20px;
}

.slick-prev:focus:before, .slick-next:focus:before {
	opacity: 0.75;
}

.appear {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

.appear.inview {
  opacity: 1;
  -webkit-transform: none;
	transform: none;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.scroll-down {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -20px;
	text-align: center;
}

.scroll-down a {
	color: #fff;
}

.scroll-down a span {
	font-size: 48px;
}
.scroll-down a:hover,
.scroll-down a:focus {
	color: #4c4abf;
}

.aurora-header {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	flex-direction: column-reverse;
 	width: 100%;
 	padding: 0px 20px;
 	position: relative;
}

.aurora-header .site-branding img {
	margin: 0 auto;
	float: none;
	padding: 10px;
}

.site-header .col-full {
 	max-width: 100%;
 	margin: 0px;
 	width: 100%;
 	padding: 0px;
}

.right-nav {
	display: none;
}

.main-navigation ul li a,
.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
	font-family: gelica, sans-serif;
	text-transform: uppercase;
	padding: 10px 10px;	
	font-size: 16px;
	font-weight: 500;
	color: #513E38;
	line-height: 1;
	letter-spacing: 1px;
}

button.menu-toggle {
	position: absolute;
	right: 20px;
	top: 28px;
	background-color: rgba(0, 0, 0, 0);
	color: #fff;
	border: 0px solid #fff;
	height: 30px;
}

.handheld-navigation .dropdown-toggle {
	line-height: 1;
	color: #513E38;
}

button.menu-toggle::before {
	transform: translateY(-8px);
}

button.menu-toggle::after {
	transform: translateY(8px);
}

button.menu-toggle:hover,
button.menu-toggle:focus {
	background-color: rgba(0, 0, 0, 0);
	color: #513E38;
	border: 0px solid #fff;
}

button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before {
	background-color: #513E38;
	width: 20px;
}

button.menu-toggle span:before {
	width: 15px;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
	color: #513E38;
}

.home .site-content .col-full {
	max-width: 100%;
	padding: 0px;
	margin: 0px;
}

.video-text {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	color: #FFFDF9;
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-text .button {
	text-align: center;
}

.video-text-container {
	width: 100%;
    max-width: 720px;
    justify-content: center;
    align-items: center;
    display: flex
;
    flex-direction: column;
}

.video-text h1 {
	font-size: 42px;
	color: #FFFDF9;
	font-weight: 300;
}

.video-text-container h4 {
	text-transform: uppercase;
	font-weight:400;
	letter-spacing:1px;
	font-size: 20px;
	color: #FFFDF9;
}

.posted-on,
.post-author {
	display: none;
}
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(33, 31, 31, 0.2);
	top: 0px;
	left: 0px;
	transition: all 0.3s ease-in-out;
}

.page-background {
	width: 100%;
	position: relative;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	max-height: 300px;
}

.storefront-breadcrumb {
	clear: both;
	margin-bottom: 10px;
	margin-top: 30px;
	text-align: center;
}

.site-content .entry-header {
	text-align: center;
}

.home .entry-content {
	text-align: center;
}

.home .entry-content h2 {
	text-transform: uppercase;
	letter-spacing:2px;
	font-weight: 400;
}

.product-category .count {
	color: #fff;
}

.storefront-handheld-footer-bar ul li > a {
  text-indent: 0px;
  line-height: 110px;
  text-decoration: none;
 }

 .storefront-handheld-footer-bar ul li>a::before {
  line-height: 2;
}

.book-now-hover .button {
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid #000;
	transition: all 0.3s ease-out;
	margin
}

.appointment-text h3 {
	font-size: 22px;
	margin-bottom: 15px;
	color: #2c2d33;
}
.faq-item {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 0.5rem;
  overflow: hidden;
}

.faq-question {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.75rem 1rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  background: transparent; /* no background */
  transition: background 0.2s;
}

.faq-question:hover {
  background: rgba(0,0,0,0.03);
}

.faq-icon {
  margin-right: 0.75rem;
  transition: transform 0.3s ease;
}

/* rotate arrow when open */
.faq-answer.open + .faq-question .faq-icon,
.faq-question.active .faq-icon {
  transform: rotate(90deg);
}

/* panel */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0 1rem; /* horizontal padding */
}

.faq-answer.open {
  padding: 0.75rem 1rem; /* add vertical padding when open */
}

.single-product div.product table.variations select {
	padding: 10px;
	width: 100%;
}

.single-product .summary .button {
	margin-top: 0px;
}

.single-product .content-area {
	width:  100%;
}

.woocommerce-product-attributes-item__label {
	color: rgba(33, 31, 31, 1);
}

ul.products {
	display: flex;
	flex-wrap: wrap;
}

.site-main ul.products li.product {
	width: 50%;
	padding: 15px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.site-main ul.products li.product:hover,
.site-main ul.products li.product:focus {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

ul.products li.product .price {
	margin-bottom: .5407911001em;
}

.wcaccordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
	text-transform: uppercase;
  transition: 0.4s;
	font-family: gelica, sans-serif;
	margin-top: 20px;
}

button.wcaccordion:before {
	font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  	float: right;
  	margin-left: 5px;
  	content: "\e5cc"
}

.wc-active button.wcaccordion:before {
  content: "\e5cf"; 
}

.page-navigation {
	width: 100%;
	clear: both;
}

.social-icons {
	width: 100%;
	clear: both;
}

.social-icons img {
	filter: invert(100%);
}
.woocommerce-MyAccount-content fieldset,
.woocommerce-MyAccount-content fieldset legend {
	background-color: #000;
}

.storefront-handheld-footer-bar {
	z-index: 999;
}

.storefront-handheld-footer-bar ul li.shop-link>a:before,
.storefront-handheld-footer-bar ul li.book-online>a:before,
.storefront-handheld-footer-bar ul li.contact>a:before {
	font-family: 'Material Symbols Outlined';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-size: 32px;
  line-height: 1.4;
	content: "\f19e";
	color: #333;
}
.storefront-handheld-footer-bar ul li.book-online>a:before {
	content: "\e614";
}
.storefront-handheld-footer-bar ul li.contact>a:before {
	content: "\e0b0";
}

.single-product .product_title {
	margin-bottom: 20px;
}

.show-more button,
.show-less button {
	color: #fff;
}

.woocommerce .accordion {
  cursor: pointer;
  text-align: center;
}

.single-product .enquiry-button .panel {
  margin-top: 30px;
  padding: 0px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.enquiry-button {
	margin-top: 40px;
	clear: both;
	overflow: hidden;
	font-size: 18px;
}

.single-product div.wpforms-container-full .wpforms-field-label {
	color: #fff;
	font-weight: 300;
}

.single-product .wpforms-container .wpforms-field {
	padding: 0px;
	padding-bottom: 10px;
}

.single-product .wpforms-container .wpforms-field input,
.single-product .wpforms-container .wpforms-field textarea {
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff !important;
}

.single-product div.wpforms-container-full button[type=submit],
.single-product div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {
    font-family: gelica, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    background-color: #fff;
    color: #222;
}

.single-product div.wpforms-container-full button[type=submit]:hover,
.single-product div.wpforms-container-full button[type=submit]:focus {
	background-color: #f2f2f2;
  color: #222;
}

/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


/* Add Animation */
@-webkit-keyframes animatetop {
  from {left:-300px; opacity:0} 
  to {left:0; opacity:1}
}

@keyframes animatetop {
  from {left:-300px; opacity:0}
  to {left:0; opacity:1}
}

.woocommerce-ordering {
    margin-right: 0px;
	background-color: #d5d5d5;
    border-color: #d5d5d5;
    color: #333333;	
    padding: 0px;
}

.woocommerce-ordering select {
	font-family: gelica, sans-serif;
	padding: 0.6180469716em 1.41575em;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
    height: 100%;
    border: 0px solid #fff;
    background-color: rgba(0, 0, 0, 0);
}

.woocommerce-result-count {
	clear: both;
}

.main-navigation ul.menu, .main-navigation ul.nav-menu {
	margin-left: 0;
}

.header-basket {
	display: none;
}

.woocommerce-active .site-header .site-header-cart {
	width: auto;
}

.site-header-cart .cart-contents .count {
	padding-right:20px;
	color: #FFFDF9;
}

.site-header-cart .cart-contents {
	color: #FFFDF9;
	padding: 10px 0px;
}

.featured-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}

.featured-item {
  position: relative;
  overflow: hidden;
  height: 25vh; /* each block fixed height on mobile */
}

.featured-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.featured-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay */
.featured-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
  color: #fff;
  display: flex;
  align-items: flex-end;
}

.featured-grid h3 {
	color: #FFFDF9;
	margin-bottom: 0px;
	font-size: 22px;
	font-weight: 400;
}

.home-business-info .sg-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap:20px;
}

.business-info-third {
	width: 100%;
	text-align: center;
}

.business-info-third h4 {
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top:0px;
	margin-bottom: 0px;
}

.business-info-third h4 a {
	font-weight:400;
}

.business-info-third p {
	margin-bottom: 20px;
}

.home-information-container {
	padding: 40px;
	background-color: #F0D768;
}

.recent-products-flex {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.product-card {
  flex: 1 1 100%;
  border-radius: 0.5rem;
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-card img {
  width: 100%;
  height: auto;
  margin-bottom: 0.75rem;
}

.product-title {
  font-size: 1rem;
  margin: 0.5rem 0;
}

.product-price {
  font-weight: bold;
  margin-bottom: 0.75rem;
  display: block;
}

/* WooCommerce add to cart button */
.product-card .button {
  background: #F0D768;
  color: #513E38;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  text-decoration: none;
  transition: background 0.2s;
}

.product-card .button:hover {
  background: #fce58a;
}

.site-info {
	width: 100%;
	clear: both;
}

.news-item-sg {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items:flex-start;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 40px;
}

.news-item-sg img {
	max-width:200px;
}
	
@media screen and (min-width: 768px) {

	.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .site-header {		
		position: relative;
		margin: 0px;
		padding: 0px;
		background: #FFFDF9;
		width: 100%;
		border-bottom: 0px solid #fff;
		transition: all 0.3s ease-in-out;
	}

	.home-collections,
	.home-recent-products,
	.home-appointment,
	.home-appointment-text {
		padding: 60px 0px;
	}

	.site-main ul.products li.product {
		padding: 0px;
	}

	.right-nav {
		display: block;
	}

	.aurora-header {
 		flex-direction: row;
 	}
 	.home-collections,
	.home-recent-products {
		flex-direction: row;
	}

	.home-collections .one-third,
	.home-recent-products .one-third {
		max-width:40%;
	}
	.home-collections .two-thirds,
	.home-recent-products .two-thirds {
		max-width:60%;
	}

	.slider-categories .slick-slide {
		margin: 20px;
	}

	.home-appointment {
		min-height: 40vh;
	}

	.storefront-secondary-navigation, .woocommerce-active .site-header .site-branding {
		width: 20%;
	 	float: none;
	 	margin: 0px;
	}

	.woocommerce-active .site-header .main-navigation {
		width: auto;
		margin: 0px;
		position: relative;
		right: auto;
		top: auto;
	}

	.woocommerce-active .site-header .right-nav .main-navigation {
	 	float: right;
	 	text-align: right;
	 	width: 100%;
	}

	.site-branding img {
		margin: 0 auto;
		float: none;
	}

	.main-navigation ul li:hover>ul {
		left: auto !important;
		right: 0px;
	}

	.main-navigation ul ul li, .secondary-navigation ul ul li, .main-navigation ul ul li:focus, .secondary-navigation ul ul li:focus {
		background-color: rgba(81, 62, 56, 0.1) !important;
	}
	.news-item-sg .content-container p {
		display: inline-block;
	}
	.content-container h3 a {
    font-size: 28px;
  }
  .news-item-sg .button {
		display: inline-block;
	}

	.main-navigation ul li {
		position: relative;
		display: inline-block;
	}

	.home-video-container {
	    max-height: 75vh;
	    position: relative;
	    overflow: hidden;
	}

	.home-video {
	    padding: 56.25% 0 0 0;
	    position: relative;
	    max-height: 75vh;
	    overflow: hidden;
	}

	.home-video iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	.video-text h1 {
		font-size: 62px;
		color: #FFFDF9;
	}
	
	.featured-grid {
    grid-template-columns: 50% 25% 25%;
    grid-template-rows: 1fr 1fr;
    height: 50vh;
    max-height: 50vh;
    gap: 0.5rem;
  }

  /* First item spans full left */
  .featured-item:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    height: auto; /* let grid define it */
  }

  /* Position right-side tiles */
  .featured-item:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; }
  .featured-item:nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2; }
  .featured-item:nth-child(4) { grid-column: 2 / 3; grid-row: 2 / 3; }
  .featured-item:nth-child(5) { grid-column: 3 / 4; grid-row: 2 / 3; }

  .featured-item {
    height: auto; /* grid handles sizing on desktop */
  }
	
	.home-business-info .sg-wrap {
		flex-direction: row;
	}
	
	.recent-products-flex {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .recent-products-flex .product-card {
    flex: 1 1 calc(25% - 1rem); /* 4 per row with gap */
  }
	.header-basket {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: row;
		gap: 20px;
		color: #FFFDF9;
		padding: 0px 20px;
		background-color:#513E38;
	}

	.header-basket a {
		font-family: gelica, sans-serif;
		font-size: 16px;
		font-weight: 500;
		text-transform: uppercase;
		color: #FFFDF9;
		opacity: 0.8;
		transition: opacity 0.3s ease-out;
	}
	.header-basket a:hover,
	.header-basket a:focus {
		opacity: 1;
	}
	.widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart {
		left: auto;
		right: 0;
		min-width:350px;
	}
	
	.news-item-sg {
		flex-direction: row;
	}
}

@media screen and (min-width: 1080px) {

	.video-text h1 {
		font-size: 82px;
	}

}

@media screen and (min-width: 1800px) {

	.home-collections .one-third,
	.home-recent-products .one-third {
		max-width:50%;
	}

	.home-collections .two-thirds,
	.home-recent-products .two-thirds {
		max-width:50%;
	}
}



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

	.home-video-container {
		width: 100vw;
	  height: 75vh;
	  justify-content: center;
	  align-items: center;
	  display: flex;
	  position: relative;
	  overflow: hidden;
	}

	.home-video {
	  z-index: -999;
	  width: 1000%;
	  height: 100%;
	  padding-bottom: 56.25%;
	  position: absolute;
	}

	.video-embed {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0%;
	  bottom: 0%;
	  left: 0%;
	  right: 0%;
	}

	.filter-button, .woocommerce-ordering {
	    width: 100%;
	    float: none;
	    display: block;
	    margin: 10px auto;
	    max-width: 300px;
	}

}