/*
Theme Name: Bakker
Theme URI: http: //mysite.com/
Description: This is a custom child theme for woodmart
Author: My Name
Author URI: http: //mysite.com/
Template: woodmart
Version: 0.1
*/

/*colors*/


.green {color:#797b4c}
.gold {color:#c9a875}

/* header */

.whb-main-header .site-logo {
max-height: inherit;
padding-inline: 0px !important;
position: relative;
height: 100%;
}

.whb-main-header .wd-logo {
padding: 0;
}

.whb-main-header .wd-logo img {
padding-top: 0px !important;
padding-bottom: 0px !important; 
max-height: none !important;
width: 305px !important;
height: auto !important;
}

.whb-main-header .wd-logo img[width]:not([src$=".svg"]) {
/* width: auto; */
/* object-fit: contain; */
}

.whb-sticky-header .whb-color-light:not(.whb-with-bg) {background: #414042}

.wd-sub-menu li>a {color: #fff !important}
.wd-sub-menu li>a:hover {color: #c9a875 !important}

#page-header-image {aspect-ratio:3.5/1;}

@media only screen and (max-width: 999px) {
#page-header-image {aspect-ratio:3/2}
}

 #page-header_parallax {
      width: 100%;
      aspect-ratio: 3.5 / 1;
      position: relative;
      display: grid;
      place-items: center;
      overflow: hidden;
      isolation: isolate;
    }

    .page-header-background {
      position: absolute;
      /* Extra image height prevents gaps during movement. */
      inset: -40% 0;
      z-index: -2;
      background-image: url("https://aemedia.ca/bakker/wp-content/uploads/2026/11/TaylorJuniperField_July2025-crop.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      will-change: transform;
    }

    /* Optional overlay */
    #page-header_parallax::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      /*background: rgb(0 0 0 / 20%);*/
      pointer-events: none;
    }

    .page-header-content {
      padding: 1.5rem;
      color: #fff;
      text-align: center;
    }

    .page-header-content h1 {
      margin: 0;
      font-size: clamp(2rem, 5vw, 5rem);
    }

    @media only screen and (max-width: 999px) {
      #page-header_parallax {
        aspect-ratio: 3 / 2;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .page-header-background {
        transform: none !important;
        will-change: auto;
      }
    }

body .wd-content-layout {
padding-block:0px;
}

/* TEXT */

h1 {font-size: 50px}

h2, h3, h4{font-weight: 400}

h4 {font-family:'Figtree'}

.title-wrapper .title-subtitle {font-size: 12px; letter-spacing: 0.1em; font-weight: 600}

/* PAGE ELEMENTS */

.parallax-content {background: rgba(0,0,0,0.6); padding: 24px}

.parallax-content div {color:#fff; opacity: 1 !important}

.parallax, .wd-slide {
    position: relative !important;
}

.parallax {
    position: relative !important;
}
.parallax::before, .wd-slide-bg::before {
    content: "";
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right:0 !important;
    bottom:0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 1 !important;
    pointer-events: none;
}

.parallax > .wpb_column, .wd-slide .wd-slide-inner {
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 767px) {
.fixed {backround-size:cover;  background-attachment: fixed;}
}

/* OTHER */

body.archive .whb-color-light:not(.whb-with-bg), body.single-product .whb-color-light:not(.whb-with-bg) {background: #414042 !important}

body.single-product .related-and-upsells {padding-bottom: 48px}

@media only screen and (max-width: 1023px) {
body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) {background: #414042 !important}	
}

/*.bg-top.vc_row-has-fill {background-position: center -25px !important}
.bg-bottom.vc_row-has-fill {background-position: center bottom !important}

.whb-overcontent a.woodmart-nav-link span, .whb-overcontent .wd-tools-icon {color:#fff;}*/

/* FORM */
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {background-color:#fff !important;}

.wd-product-thumb {aspect-ratio: 1/1;}
.wd-product-thumb img {aspect-ratio: 1/1;object-fit:cover}

.wd-slide-inner h2, .wd-slide-inner h3, .wd-slide-inner p {color:#fff}
.wd-slide-inner h2 {font-size:4em}

body.home .wd-content-layout, body.archive .wd-content-layout, body.single-product .wd-content-layout, body.page-template-page-no-title .wd-content-layout {padding-top:0;}

.gform_wrapper.gravity-theme .gfield_label {font-weight: normal}

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
margin-bottom: 24px;
background: #797b4c;
	color:#fff
}
.gform_footer button:hover {background: #414042 !important}

.gform-field-label__text {font-family:'Figtree';font-weight:700;}

.gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
margin: 0px; padding-top:0
}

.gform_wrapper.gravity-theme .gfield_label {margin-bottom:0;}

.wd-post-author, .wd-product-card-hover .wd-buttons {display:none !important; border:1px solid red}

.vertical-center > .wpb_column > .vc_column-inner {
    display: flex !important;
    align-items: center !important;
}

/*.vertical-center > .wpb_column > .vc_column-inner > .wpb_wrapper {height:100%}*/






/* LAYOUT */
@media (min-width: 769px) {
    .reverse {
        flex-direction: row-reverse !important;
    }
}

.vc_column_container>.vc_column-inner_, .wd-slide-inner {
padding-left: 30px;
padding-right: 30px;
}


.mega-img a {display:block;position:relative;
	background:url(https://aemedia.ca/bakker/wp-content/uploads/2026/08/RoseField_2023_v1-300x300.jpg) center center;
	background-size:cover;
	text-indent:-9999px;
	width: 250px;
	height:250px;
margin-right: 10px;}

.mega-img a:before {position:absolute; bottom:0; left:0; right:0; padding:12px; color:#fff; content:'View All'; z-index:10; font-size:24px; text-indent:0; font-family:'Figtree'}

.wd-dropdown-menu .container {padding-bottom:24px}

/* REPS */

.all-reps .wpb_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.team-member {
  min-width: 0; margin-bottom:0;
}

@media (max-width: 749px) {
  .all-reps .wpb_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

.member-details {}
.member-name {font-size:24px}
.member-position {line-height:1; font-size:0.9rem}
.member-bio {line-height:1.25; font-size:0.9rem}

.page-title-ctas h1 {font-size: 50px}
.page-title-ctas .wpb_content_element {margin-bottom:0;}
.page-title-ctas .wd-button-wrapper.inline-element {margin:6px !important;}

.hotspot-content-image {max-width:150px;}
.hotspot-text {width: 170px !important;}
.hotspot-text, .hotspot-text h4, .hotspot-content-text {font-size:14px !important; margin-bottom:0 !important}

/* PLANTS LANDING PAGE */

.lists ul, .lists ul li {margin:0; padding:0; list-style:none;}

.lists ul li {padding:8px 0; border-top:1px solid rgba(255,255,255,0.5);}
.lists ul li:first-child {border-top:0;}

.lists ul li a {transition: all 0.2s linear !important;-moz-transition: all 0.2s linear !important;-webkit-transition: all 0.2s linear !important;-o-transition: all 0.2s linear !important;}

.lists ul li a:hover {padding-left:6px;}

.lists ul li ul li a:before {content: '– '}

.lists ul li ul li {border:0; padding:4px 0}

.lists ul li ul {padding-bottom:4px;}

.lists h2 {border-bottom:4px solid rgba(255,255,255,0.5); padding-bottom:16px; margin-bottom:12px}

.lists .wpb_content_element {margin-bottom:8px;}

.pricing span {margin-left:8px;}




.tint20 .wd-slide-bg::before, .parallax.tint20:before  {
    background: rgba(0, 0, 0, 0.2) !important;
}
.tint30 .wd-slide-bg::before, .parallax.tint30:before {
    background: rgba(0, 0, 0, 0.3) !important;
}
.tint40 .wd-slide-bg::before, .parallax.tint40:before  {
    background: rgba(0, 0, 0, 0.4) !important;
}
.tint50 .wd-slide-bg::before, .parallax.tint50:before  {
    background: rgba(0, 0, 0, 0.5) !important;
}
.tint60 .wd-slide-bg::before, .parallax.tint60:before  {
    background: rgba(0, 0, 0, 0.6) !important;
}
.tint70 .wd-slide-bg::before, .parallax.tint70:before  {
    background: rgba(0, 0, 0, 0.7) !important;
}



/* SEARCH */

.search-results {width: 100%; padding-bottom: 36px;}

.search-result-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 24px;
		margin-bottom: 60px;
	}

	.products .wd-product, .search-result-card {
		display: block;
		text-decoration: none;
		border: 1px solid #e5e5e5;
		background: #fff;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}

	.products .wd-product:hover, .search-result-card:hover {
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	}

	.search-result-card__image {
		aspect-ratio: 2 / 1;
		overflow: hidden;
	}

	.search-result-card__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.search-result-card__content {
		padding: 16px;
	}

	.search-result-card__title {
		margin: 0;
		font-size: 18px;
	}

	.search-input {
		max-width: 700px;
		margin: 24px auto;
		text-align: center;
	}
	
	.search-none {
		max-width: 700px;
		margin: 60px auto 100px;
		text-align: center;
	}

	.search-input h2 {
		margin-bottom: 12px;
	}

	.search-input p {
		margin-bottom: 30px;
	}

	.search-input__form {
		display: flex;
		gap: 10px;
	}

	.search-input__form input {
		flex: 1;
		min-width: 0;
	}

	@media (max-width: 767px) {
		.search-result-grid {
			grid-template-columns: repeat(2, 1fr);
			gap: 16px;
		}

		.search-result-card__content {
			padding: 14px;
		}

		.search-result-card__title {
			font-size: 16px;
		}

		.search-input {
			margin: 40px auto 70px;
		}

		.search-input__form {
			flex-direction: column;
		}
	}



/* Products PDP */

.products .wd-product .wp-block-wd-container {padding: 0 16px}
.products .wd-product h3 {font-size: 20px; line-height: 1; margin: 6px 0}
.products .wd-product .name-attributes {font-size: 0.8rem; line-height: 1}
.search-result-card__content .name-attributes {font-size: 0.8rem; display: flex}

.wd-label-46389 /* in season */ {
	display: none !important;
background: #c9a875;
border: 1px solid black;
border-radius: 18px;
	-webkit-box-shadow: 3px 3px 0px 0px #000000; 
box-shadow: 3px 3px 0px 0px #000000;
}

.wc-tab-inner a {display: inline-block; margin: 0 6px 6px 0; border: 1px solid #333; padding: 2px 12px; border-radius: 24px; font-size: 13px}

.wc-tab-inner a:hover {color:#fff; background:#797b4c; border: 1px solid #797b4c}

/* FOOTER */
.main-footer .widget h5 {font-weight: normal; color: #c9a875; font-size: 18px}

.wd-social-icons {
display: flex !important; text-align: left !important;--content-align: left !important;--wd-align: left !important;--text-align: left !important;
}