/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 2.0.4
Text Domain:  Avada
*/

/* (86bbv8dfu) scoped to WooCommerce's own shop grid only; the page-content grid lives inside .woocommerce.columns-3 */
.woocommerce-shop .woocommerce-notices-wrapper + ul.products.products-3 li:nth-of-type(3) {
    display: none !important;
}
/* 86bcqh78p (2026-10-26): product names (.fusion-product-content a) removed from this rule, they are real links again. */
.products li .fusion-product-wrapper .fusion-link-wrapper {
    cursor: auto !important;
}
.single-product .single_add_to_cart_button, form.checkout .continue-checkout, button#place_order, .fusion-update-cart, .checkout-button{
        background-color: #1a80b6 !important;
}
.fusion-logo img{

	width: 300px;
	margin:0px;

}

#side-header .fusion-logo, .fusion-header .fusion-logo{

	margin:0px!important;

}

.fusion-sticky-header-wrapper{

	background: #fff;

}

.fusion-header .fusion-row{

	padding-top: 0px !important;

	padding-bottom: 0px !important;

}

.fusion-secondary-main-menu {

    background-color: #1a80b6!important;

}

.fusion-secondary-header a, .fusion-secondary-header a:hover{

	color: white!important;

}

.fusion-contact-info{

	color: white;

}

.fusion-secondary-menu-icon {

    background-color: #1a80b6!important;

    color: #ffffff;

}

.fusion-header-v2 .fusion-header, .fusion-header-v3 .fusion-header, .fusion-header-v4 .fusion-header, .fusion-header-v5 .fusion-header {

    background: white!important;

}

.fusion-main-menu .fusion-widget-cart-counter > a:before, .fusion-main-menu > ul > li > a {

    color: #000!important;

}

#main {

    padding-top: 40px!important;

    padding-bottom: 0px;

}

.modified_font li {

font-size : 12pt;

}

@media (min-width: 320px) and (max-width: 800px) {

	#menu-widget-3 ul li a::after {

		padding-right: 10px !important;

		padding-left: 10px !important;

	}

#menu-widget-3 > .fusion-widget-menu ul {

    text-align: left !important;

}

.fusion-mobile-nav-item a {

    color: #000 !important;

    background-color: lightgray !important;

    border-color: lightgray !important;

}

}

.quantity .qty { border-top:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width:16px; text-align: center; min-width: 30px; }
.hover-view-details{
	    background: #416376;
    /* min-height: 30px; */
    padding: 5px 6px;
    margin-left: 3px;
    font-size: 10px;
    text-align: center;
    margin-top: -44px;
    position: absolute;
    margin-left: 12px;
    border-radius: 7px;
    display: none;
    color: white;
}
.shop_table .product-thumbnail {
    
    text-align: center;
}
.shop_table .product-thumbnail:hover .hover-view-details{
    
    display: block;
}
.shop_table .product-thumbnail:hover{
    
   opacity: .7;
}
.orderby-order-container ul:nth-child(1) li:nth-child(1) ul li:nth-child(3){
    display:none;
}
.orderby-order-container ul:nth-child(1) li:nth-child(1) ul li:nth-child(4){
    display:none;
}
.orderby-order-container ul:nth-child(1) li:nth-child(1) ul li:nth-child(5){
    display:none;
}
.orderby-order-container ul:nth-child(1) li:nth-child(1) ul li:nth-child(6){
    display:none;
}
.woocommerce-shipping-calculator{
    display: none;
}
.displaynone{
    display: none;
}
.fusion-main-menu .fusion-main-menu-search a:after{
	color: black;
}
.product-quantity .quantity + .button{
	margin-left: auto !important;
	margin: 0 auto !important;
	margin-top: 10px !important;
}
.ilightbox-holder:hover .ilightbox-social{display:none !important;}
.ilightbox-holder .ilightbox-container .ilightbox-social ul {
  float: left;
  list-style: none;
  height: 0px;
  display: none;
}
.ilightbox-holder.smooth .ilightbox-container .ilightbox-social {
  background: none;
  border: none;
  left: 1px;
  top: 1px;
  border-radius: 0;
}
.create-account{
  display: none;
}
h2.entry-title.fusion-post-title.fusion-responsive-typography-calculated{
    display: inline-block !important;
    width: 30%;
}
form.custom-add2cart{
       display: inline-block !important;
}

/* ---- ClickUp 86bbv8dn0: Store / category help blocks ---- */
/* Store page: hide WooCommerce's own top-level category grid under the page content (duplicate of the grid above). */
.woocommerce-shop .woocommerce-notices-wrapper + ul.products.products-3 { display: none !important; }
.lap-help { clear: both; margin: 40px 0 10px; }
.lap-help__title { text-align: center; font-size: 14pt; margin: 0 0 20px; }
.lap-help__item { border: 1px solid #dddddd; margin-bottom: 10px; background: #fff; }
.lap-help__item summary { cursor: pointer; padding: 14px 22px; font-size: 15px; font-weight: 600; list-style: none; position: relative; padding-left: 44px; }
.lap-help__item summary::-webkit-details-marker { display: none; }
.lap-help__item summary::before { content: "+"; position: absolute; left: 20px; top: 12px; color: #1a80b6; font-size: 18px; line-height: 1; }
.lap-help__item[open] summary::before { content: "\2013"; }
.lap-help__item summary:hover { color: #1a80b6; }
.lap-help__body { padding: 0 22px 14px 44px; }
.lap-help__body p:last-child { margin-bottom: 0; }
.lap-help__links { text-align: center; margin: 20px 0; }
.lap-help__box { border: 1px solid #dddddd; border-left: 4px solid #1a80b6; background: #f7f9fb; padding: 18px 22px; text-align: center; }
.lap-help__box p:last-child { margin-bottom: 0; }


/* ---- ClickUp 86bbv8dfu: Store landing redesign (design only) ---- */
.lap-store-head { padding: 10px 0 0; }
.lap-store-head__crumb { font-size: 13px; color: #747474; margin: 0 0 8px; }
.lap-store-head__crumb a { color: #747474; text-decoration: underline; }
.lap-store-head__title { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 40px; line-height: 1.1; margin: 0 0 10px; color: #222; letter-spacing: 0.5px; }
.lap-store-head__sub { font-size: 17px; color: #555; max-width: 640px; margin: 0; }

/* sidebar (site fonts: Montserrat headings, Open Sans body; colours: #333 text, #1a80b6 accent, #747474 grey) */
.lap-crop-nav { border: 1px solid #dddddd; background: #fff; font-family: var(--body_typography-font-family, "Open Sans", Arial, sans-serif); }
.lap-crop-nav__title { font-family: var(--h5_typography-font-family, Montserrat, Arial, sans-serif); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 14pt; letter-spacing: 0.5px; margin: 0; padding: 16px 20px; border-bottom: 1px solid #dddddd; color: #165a72; line-height: 1.3; }
.lap-crop-nav__title--sub { border-top: 1px solid #dddddd; font-size: 12px; color: #747474; }
.lap-crop-nav__list { list-style: none; margin: 0; padding: 0; }
.lap-crop-nav__item { border-bottom: 1px solid #eeeeee; }
.lap-crop-nav__item:last-child { border-bottom: 0; }
.lap-crop-nav__row { display: flex; align-items: center; gap: 8px; padding: 13px 20px; cursor: pointer; color: #333333; font-weight: 600; font-size: 15px; list-style: none; text-decoration: none; }
.lap-crop-nav__row::-webkit-details-marker { display: none; }
.lap-crop-nav__row:hover, .lap-crop-nav__item.is-current > .lap-crop-nav__row, .lap-crop-nav__item.is-current > details > .lap-crop-nav__row { color: #1a80b6; }
.lap-crop-nav__label { flex: 1 1 auto; }
.lap-crop-nav__count { color: #747474; font-weight: 400; font-size: 13px; white-space: nowrap; }
.lap-crop-nav__chev { width: 8px; height: 8px; border-right: 2px solid #555; border-bottom: 2px solid #555; transform: rotate(45deg); margin: -4px 4px 0 6px; transition: transform .2s; flex: 0 0 auto; }
.lap-crop-nav__chev--link { transform: rotate(-45deg); margin-top: 0; }
.lap-crop-nav__group[open] > .lap-crop-nav__row { background: #f4f8fb; }
.lap-crop-nav__group[open] > .lap-crop-nav__row .lap-crop-nav__chev { transform: rotate(225deg); margin-top: 2px; }
.lap-crop-nav__children { list-style: none; margin: 0; padding: 4px 0 10px; background: #f4f8fb; }
.lap-crop-nav__children li { margin: 0; }
.lap-crop-nav__children a { display: flex; gap: 8px; align-items: baseline; padding: 7px 20px 7px 36px; color: #333333; font-size: 14px; line-height: 1.4; text-decoration: none; }
.lap-crop-nav__children a span:first-child { flex: 1 1 auto; }
.lap-crop-nav__children a:hover, .lap-crop-nav__children li.is-current > a { color: #1a80b6; }
.lap-crop-nav__children li.is-current > a { font-weight: 600; }
.lap-crop-nav__allplates a { font-weight: 600; }
/* deeper levels: hidden until "View all" (or when the visitor is inside that branch) */
.lap-crop-nav__deep { list-style: none; margin: 0; padding: 0; display: none; }
.lap-crop-nav__extra { display: none; }
.lap-crop-nav__group.is-expanded .lap-crop-nav__deep, .lap-crop-nav__group.is-expanded .lap-crop-nav__extra { display: block; }
.lap-crop-nav__depth-2 > a { padding-left: 52px; font-size: 13px; }
.lap-crop-nav__depth-3 > a { padding-left: 68px; font-size: 13px; }
.lap-crop-nav__depth-4 > a { padding-left: 84px; font-size: 13px; }
.lap-crop-nav__depth-2 > a::before, .lap-crop-nav__depth-3 > a::before, .lap-crop-nav__depth-4 > a::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #b5c9d6; margin: 7px 8px 0 -13px; flex: 0 0 auto; }
.lap-crop-nav__more { padding: 6px 20px 4px 36px; }
.lap-crop-nav__viewall { background: #1a80b6; color: #fff; border: 0; border-radius: 3px; padding: 7px 14px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit; line-height: 1.2; }
.lap-crop-nav__viewall:hover { background: #156a97; color: #fff; }
.lap-crop-nav__viewall-close { display: none; }
.lap-crop-nav__group.is-expanded .lap-crop-nav__viewall-open { display: none; }
.lap-crop-nav__group.is-expanded .lap-crop-nav__viewall-close { display: inline; }

.lap-side-box { background: #eaf3f8; border: 1px solid #cfe3ee; padding: 18px 20px; margin-top: 20px; }
.lap-side-box__title { font-family: var(--h5_typography-font-family, Montserrat, Arial, sans-serif); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 13px; margin: 0 0 8px; color: #165a72; }
.lap-side-box p { margin: 0 0 8px; font-size: 14px; color: #555; }
.lap-side-box a { color: #1a80b6; font-weight: 600; text-decoration: underline; }

/* Store page columns: sidebar 30% with a small gap, content 70% */
.lap-store-body .fusion-builder-row > .fusion-flex-column:first-child { --awb-width-large: 30% !important; --awb-width-medium: 30% !important; --awb-spacing-right-large: 5% !important; --awb-spacing-right-medium: 5% !important; --awb-spacing-left-large: 0 !important; --awb-spacing-left-medium: 0 !important; }
.lap-store-body .fusion-builder-row > .fusion-flex-column:last-child { --awb-width-large: 70% !important; --awb-width-medium: 70% !important; --awb-spacing-left-large: 0 !important; --awb-spacing-right-large: 0 !important; --awb-spacing-left-medium: 0 !important; --awb-spacing-right-medium: 0 !important; }

/* main column */
.lap-store-main__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.lap-store-main__title { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 24px; margin: 0; color: #222; }
.lap-store-main__total { font-size: 13px; color: #747474; }

.lap-crop-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.lap-crop-card { border: 1px solid #dddddd; background: #fff; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; }
.lap-crop-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,.08); transform: translateY(-2px); }
.lap-crop-card__media { display: flex; align-items: center; justify-content: center; background: #f1efe8; height: 170px; overflow: hidden; }
.lap-crop-card__img { max-height: 140px; width: auto; max-width: 80%; object-fit: contain; }
.lap-crop-card__body { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1 1 auto; }
.lap-crop-card__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.lap-crop-card__title { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 20px; margin: 0; line-height: 1.2; }
.lap-crop-card__title a { color: #165a72; }
.lap-crop-card__title a:hover { color: #1a80b6; }
.lap-crop-card__count { font-size: 12px; color: #747474; white-space: nowrap; }
.lap-crop-card__makes { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #1a80b6; margin: 6px 0 10px; }
.lap-crop-card__blurb { font-size: 14px; color: #555; margin: 0 0 16px; flex: 1 1 auto; }
.lap-crop-card__cta { color: #1a80b6; font-weight: 700; font-size: 14px; }
.lap-crop-card__cta:hover { text-decoration: underline; }

.lap-steps { border: 1px solid #dddddd; background: #fff; padding: 28px 32px; margin-top: 32px; }
.lap-steps__title { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 20px; margin: 0 0 20px; color: #222; }
.lap-steps__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.lap-steps__num { font-family: "Courier New", monospace; color: #c0392b; font-size: 13px; margin: 0 0 6px; }
.lap-steps__label { font-weight: 700; color: #222; font-size: 16px; margin: 0 0 6px; }
.lap-steps__text { font-size: 14px; color: #555; margin: 0; }

@media (max-width: 1024px) { .lap-crop-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
    .lap-store-head__title { font-size: 30px; }
    .lap-crop-cards, .lap-steps__grid { grid-template-columns: 1fr; }
    .lap-steps { padding: 22px 20px; }
}

/* category pages: sidebar + content */
.lap-shop-layout { display: flex; gap: 2.5%; align-items: flex-start; }
.lap-shop-layout__side { flex: 0 0 29%; max-width: 29%; }
.lap-shop-layout__main { flex: 1 1 auto; min-width: 0; }
.lap-shop-layout__main .products { clear: both; }
@media (max-width: 900px) {
    .lap-shop-layout { flex-direction: column; }
    .lap-shop-layout__side { flex-basis: auto; max-width: none; width: 100%; margin-bottom: 30px; }
}
.lap-term-description-bottom { clear: both; margin: 40px 0 0; padding-top: 24px; border-top: 1px solid #eeeeee; }
.lap-term-description-bottom + .lap-help { margin-top: 24px; }

/* ---- ClickUp 86bbv8dn0 (Azhar's SEO note): page title is an H1 for structure.
   2026-09-22 client feedback (Sandy, thread reply 90140258997924 under comment 90140257881914):
   "Please make all H tags #165a72. Increase the size and weight of the H1 tags -- I'd like them
   to stand out more on the page."
   The H1 used to be pinned to the site's H5 look (14pt / weight 400 / #999999), so it read as a small
   grey eyebrow sitting above the H2 section title rather than as the page title. It now has its own
   scale instead of borrowing H5's: 30px / weight 700 / #165a72. That clears the largest H2 on the site
   (FAQs section heads, 21px / weight 800), so the H1 is unambiguously the dominant heading on the page.
   The !important is still required: both pages that use this class (1416 FAQs, 911757 Seed Guide) carry
   an inline `style="text-align: center; font-size: 14pt;"` on the <h1> in their post content, which would
   otherwise win. Colour comes from the global H1 typography option (fusion_options.h1_typography.color,
   set to #165a72 on the same date, along with h2-h6) with a literal fallback so it can never drop back
   to the old grey. ---- */
h1.lap-page-title, .fusion-text h1.lap-page-title {
    font-family: var(--h1_typography-font-family, Montserrat, Arial, Helvetica, sans-serif);
    font-size: 30px !important;
    font-weight: 700; /* literal, NOT var(--h1_typography-font-weight): that option is 400 so Avada does not request Montserrat 700 (see slider note at end of file) */
    line-height: 1.25;
    letter-spacing: 1px;
    color: var(--h1_typography-color, #165a72);
    text-transform: none;
    margin-top: 1em;
    margin-bottom: 0.8em;
}
@media only screen and (max-width: 800px) {
    h1.lap-page-title, .fusion-text h1.lap-page-title {
        font-size: 24px !important;
    }
}

/* ---- ClickUp 86bbv8dn0: hide the popup-with-fancybox shortcode text if that plugin
   is ever deactivated again. Home page has [popupwfancybox id="1"] inside its own
   dedicated .lap-hide-popup-shortcode fusion_text block (nothing else in it), so this
   is safe to leave in place permanently: when the plugin is active the popup still
   works normally (its trigger script executes regardless of the container's CSS
   display state, and fancybox renders its own overlay outside this element), and when
   the plugin is off, the raw shortcode text stays hidden instead of printing as text. ---- */
.lap-hide-popup-shortcode { display: none !important; }

/* ---- ClickUp 86bbv8dn0 (round 2, 2026-09-17 evening client feedback, comment 90140257880309):
   FAQ page accordion — questions and answers should not be bold and should match the site's body copy font,
   not the heading font the toggle element uses by default. Scoped to the FAQ page only (page-id-1416).
   2026-09-18 follow-up: the mismatch wasn't just bold — Avada's global "FAQ Accordion Title Typography"
   option (fusion_options.faq_accordion_title_typography) is set to Playfair Display *italic*, 17px,
   1px letter-spacing (applied via .fusion-faq-shortcode .fusion-accordian{--awb-title-font-family:...}
   feeding .fusion-body .fusion-accordian .panel-title{font-family:var(--awb-title-font-family)...}).
   Font-family alone wasn't enough while font-style/size/letter-spacing were left on the Playfair values,
   so now every property that makes up "the font" is pinned to the site's body typography.
   2026-09-18 follow-up 2 (Azhar, thread reply 90140258079641): "FAQS page still has different color" —
   the site-wide body-copy-color change (fusion_options.body_typography.color -> #444444) doesn't reach
   this accordion either, because Avada's FAQ-accordion typography carries its own separate color fields:
   fusion_options.faq_accordion_title_typography.color (#333333) and
   fusion_options.faq_accordion_content_typography.color (#747474) — confirmed via `wp option get
   fusion_options`, neither ever changed. Pinning color the same way as the other properties below. ---- */
.page-id-1416 .fusion-toggle-heading,
.page-id-1416 h4.panel-title.toggle {
    font-family: var(--body_typography-font-family, "Open Sans", Arial, sans-serif) !important;
    font-weight: var(--body_typography-font-weight, 400) !important;
    font-style: normal !important;
    font-size: var(--body_typography-font-size, 15px) !important;
    letter-spacing: var(--body_typography-letter-spacing, 0px) !important;
    text-transform: none !important;
    color: var(--body_typography-color, #444444) !important;
}
.page-id-1416 .panel-body.toggle-content,
.page-id-1416 .panel-body.toggle-content p,
.page-id-1416 .panel-body.toggle-content li {
    font-family: var(--body_typography-font-family, "Open Sans", Arial, sans-serif) !important;
    font-weight: var(--body_typography-font-weight, 400) !important;
    font-style: normal !important;
    font-size: var(--body_typography-font-size, 15px) !important;
    letter-spacing: var(--body_typography-letter-spacing, 0px) !important;
    color: var(--body_typography-color, #444444) !important;
}

/* ---- ClickUp 86bbv8dn0 (thread reply 90140258078676): Seed Guide "Cell Size Description" diagram
   was sitting toward the top of its paragraph instead of centered, with a large gap underneath.
   Cause: the image is a plain inline element (the site has no general .aligncenter{display:block}
   rule anywhere, checked both Avada core and this stylesheet), so it aligns to the text baseline of
   its <p>, and the site's 200% body line-height (--body_typography-line-height) inflates that line
   box, pushing the image toward the top of the extra space instead of centering it. Scoped to this
   one image (its own wp-image-<id> class) rather than a site-wide .aligncenter rule, to stay narrow.
   2026-09-18 follow-up 3: display:block centered the *file*, but the file itself isn't symmetric —
   the source CellSizeDescription.jpg (400x121 native) has the diagram drawn flush against the top
   edge with ~17px of blank canvas baked in only at the bottom (checked by finding the non-white
   pixel bounding box: content rows 0-103 of 121). At the displayed 480x145 size (1.2x scale) that's
   ~20px of extra blank space nobody asked for, on the bottom edge only. Pulling it back in with a
   matching negative margin so the *drawing* reads as centered, not the file's bounding box. ---- */
.page-id-911757 img.wp-image-2756 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -20px;
}

/* ---- ClickUp 86bbv8dm9 step 8a (2026-09-21): paint the first hero slide before the slider JS runs.
   Avada/FlexSlider ships `.flexslider .slides li { display: none }` and only reveals slides once
   fusion-scripts (194 KB, footer) has run - PageSpeed mobile showed the LCP image fully downloaded
   and then waiting 1.4 s ("element render delay") for that script. Showing slide 1 straight away
   removes that wait; FlexSlider's init still sets every slide's display/opacity inline, so nothing
   changes once the slider is running. Slide text stays hidden until its own fade-in (unchanged). ---- */
.tfs-slider .slides > li:first-child {
    display: block;
}

/* ---- ClickUp 86bbv8dfu item B (2026-09-21): no italics on product or category names.
   Sandy: "Make sure none of the product names, descriptions or info are in italics."

   Both listing titles are styled by Avada's H3 typography, which is Playfair Display
   *italic* (fusion_options h3_typography), so every product and category name in a grid
   rendered in italics. The single product page's own H1 is Montserrat upright already,
   and so are the descriptions - this only affects the tiles.

   The selectors below deliberately mirror Avada's own specificity. Its compiled rule is
   `body #wrapper h2.woocommerce-loop-category__title` (1 id, 1 class) for category tiles
   and `.woocommerce-container .product-title` (2 classes) for product tiles, both setting
   font-style: var(--h3_typography-font-style). A plainer selector loses the cascade to
   them - which is exactly what happened on the first attempt.

   Font face is deliberately left alone; this changes the slant only, not the typeface. ---- */
body #wrapper ul.products li h2.woocommerce-loop-category__title,
body #wrapper ul.products li h3.product-title {
    font-style: normal;
}

/* ---- ClickUp 86bbv8dn0 (2026-09-22, Sandy thread reply 90140258997924): "Please make all H tags
   #165a72." Setting fusion_options h1-h6 typography colour covers every heading Avada colours
   globally, but three headings on the store / product-category pages are custom markup from this
   child theme whose colour was hardcoded above, so the global change could not reach them:
     h5.lap-crop-nav__title   ("SHOP BY CROP" sidebar heading)        #333333 -> #165a72
     h3.lap-side-box__title   ("NO SIZE ON YOUR SEED BAG?" side box)  #333333 -> #165a72
     h3.lap-crop-card__title a (crop tile titles, colour sits on the link, not the h3)  #222 -> #165a72
   The :hover on the crop card title is deliberately left at #1a80b6 so the tiles still show a
   hover state. Deliberately NOT changed: the FAQ and store accordion questions (h4.panel-title.toggle).
   They are H4 tags, but Sandy's earlier comment in this same thread (90140257880309) asked for the
   questions and answers to match the site's body copy, and a later reply pinned them to #444444.
   Turning them #165a72 would undo that approved change, so they stay on body-copy styling. ---- */

/* ---- ClickUp 86bbv8dn0 (2026-09-22, Sandy thread reply 90140258997924): "make all H tags #165a72".
   WooCommerce tile headings are links, and the <a> inside them does not take the heading colour:
   Avada colours it from the global Link Color option (--link_color, #333333), so the product and
   category tiles still read dark grey even though their h3 / h2 is now #165a72. Changing the global
   Link Color would repaint every link on the site, far beyond what was asked, so the colour is
   pinned on these tile headings only. Hover stays on the existing --link_hover_color (#1a80b6) so
   the tiles keep their hover feedback. (.lap-crop-card__title a is handled further up, where that
   class's own colours live.) ---- */
body #wrapper ul.products li h3.product-title a,
body #wrapper ul.products li h2.woocommerce-loop-category__title a {
    color: #165a72;
}
body #wrapper ul.products li h3.product-title a:hover,
body #wrapper ul.products li h2.woocommerce-loop-category__title a:hover {
    color: var(--link_hover_color, #1a80b6);
}

/* ---- ClickUp 86bbv8dn0 (2026-09-22, Sandy thread reply 90140258997924): "make all H tags #165a72".
   Last gap: links sitting INSIDE a heading keep Avada's global Link Color (--link_color, #333333)
   rather than the heading colour, e.g. the Contact page's "Need more help after reading the FAQ and
   Support pages?" H2, where the words FAQ and Support are links. Before this ticket the heading and
   the link were both #333333, so the links were never visually distinct; once the heading turned
   #165a72 they were left as grey words inside a teal heading, which reads as a bug.
   `inherit` gives each heading link its own heading's colour, which restores the previous behaviour
   in the new colour and keeps the white-on-dark hero titles working (their links inherit white, not
   #165a72). Hover keeps --link_hover_color so there is still feedback.
   :not(.panel-title) keeps accordion/toggle questions out of this rule -- those are deliberately on
   body-copy styling per Sandy's earlier comment 90140257880309, and must not be repainted here.
   NOTE for the client: those Contact-page links have no underline, so they are hard to spot as links.
   That predates this ticket; worth offering to underline them separately. ---- */
h1:not(.panel-title) a,
h2:not(.panel-title) a,
h3:not(.panel-title) a,
h4:not(.panel-title) a,
h5:not(.panel-title) a,
h6:not(.panel-title) a {
    color: inherit;
}
h1:not(.panel-title) a:hover,
h2:not(.panel-title) a:hover,
h3:not(.panel-title) a:hover,
h4:not(.panel-title) a:hover,
h5:not(.panel-title) a:hover,
h6:not(.panel-title) a:hover {
    color: var(--link_hover_color, #1a80b6);
}

/* ---- ClickUp 86bbv8dn0 (2026-09-22): why the H1 weight above is a literal 700, not the theme option.
   The home slider title is <h2 class="fusion-title-heading"><span style="font-weight:700;"> on BOTH this
   site and live (lincolnagproducts.com). Live's Avada only ever requests Montserrat 400 from Google
   Fonts, so that inline 700 has no bold file and Chrome renders SYNTHETIC bold -- that is the banner
   the client approved. Measured ink pixels for "Sowing seeds since 1958" at 70px: live 400 = 3007,
   live 700 = 4601 (synthetic). Setting fusion_options.h1_typography.font-weight to 700 for Sandy's
   "increase the weight of the H1 tags" made Avada add 700 to that same request; real Montserrat Bold
   then loaded and the banner jumped to 6261 ink - visibly heavier than live. Pinning the slider to 400
   overcorrected it to 2998 - lighter than live. So the option is back at 400, no Montserrat 700 is
   loaded, the banner faux-bolds at 4601 exactly like live, and the H1 gets its bold from the literal
   weight above (also synthetic, same as every other bold on live).
   Do NOT set h1_typography.font-weight back to 700 in Avada options: it reloads Montserrat Bold and
   silently changes the home banner again. ---- */

/* ---- ClickUp 86bbv8dfu item B fix (2026-09-24): the item B rule above sets font-style:
   normal, but the site only loads Playfair Display in its italic face, so the browser kept
   drawing the italic file. Use Montserrat, the upright heading font already loaded on the
   page (it is what "PLANTER PLATE STORE" uses), for the product and category tile titles. ---- */
body #wrapper ul.products li h2.woocommerce-loop-category__title,
body #wrapper ul.products li h3.product-title {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-style: normal;
}

/* ---- ClickUp 86bbv8dfu (2026-09-25): full description moved into the summary column, under
   SKU / Categories (see functions.php). Heading upright Montserrat per item B, not the italic
   Playfair the old tab heading used. ---- */
.single-product .lap-product-description {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}
.single-product .lap-product-description__title {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 1.3;
    color: #165a72;
    margin: 0 0 12px;
}
.single-product .lap-product-description p {
    margin: 0 0 10px;
}
.single-product .lap-product-description p:last-child {
    margin-bottom: 0;
}

/* ---- ClickUp 86bbv8dfu "Additional visual edits" (2026-09-25) ---- */

/* Point 3: on the Store page the side box sits inside .post-content, where Avada's
   ".post-content h3" (Playfair, italic face only) beat ".lap-side-box__title". */
.post-content .lap-side-box .lap-side-box__title {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-style: normal;
}

/* Point 1: sunflowers.webp as the Store's hero (page title bar), Store page only.
   Phones/tablets get the smaller copies made for the home slider (uploads/hero-mobile/). */
body.woocommerce-shop .fusion-page-title-bar {
    height: 300px;
    background-color: #3a3a2a;
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/2017/02/sunflowers.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
body.woocommerce-shop .fusion-page-title-bar .fusion-breadcrumbs,
body.woocommerce-shop .fusion-page-title-bar .fusion-breadcrumbs a,
body.woocommerce-shop .fusion-page-title-bar .fusion-breadcrumbs span {
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
@media (max-width: 1024px) {
    body.woocommerce-shop .fusion-page-title-bar {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/hero-mobile/sunflowers-1000.webp");
    }
}
@media (max-width: 640px) {
    body.woocommerce-shop .fusion-page-title-bar {
        height: 180px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/hero-mobile/sunflowers-600.webp");
    }
}

/* Point 4: the page H1 stays in the markup for search engines/screen readers but is not shown. */
.lap-page-title.lap-visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Point 4: the new full-width top column (.lap-store-top) is now the row's first child, so the
   30% "sidebar" rule above hits it. Make it full width and give the 30% back to the sidebar. */
.lap-store-body .fusion-builder-row > .fusion-flex-column.lap-store-top { --awb-width-large: 100% !important; --awb-width-medium: 100% !important; --awb-spacing-left-large: 0 !important; --awb-spacing-right-large: 0 !important; --awb-spacing-left-medium: 0 !important; --awb-spacing-right-medium: 0 !important; }
.lap-store-body .fusion-builder-row > .lap-store-top + .fusion-flex-column { --awb-width-large: 30% !important; --awb-width-medium: 30% !important; --awb-spacing-right-large: 5% !important; --awb-spacing-right-medium: 5% !important; --awb-spacing-left-large: 0 !important; --awb-spacing-left-medium: 0 !important; }

/* ---- ClickUp 86bbv8dfu (2026-09-30, Sandy thread reply 90140262243772): "Related Products"
   still italic on product pages. Avada prints the WooCommerce related / up-sell / cross-sell
   section headings as .fusion-title h2.title-heading-left in its heading typography
   (Playfair Display, loaded in the italic face only). Upright Montserrat, like the tile
   titles below it (item B fix). Needs #wrapper #main to beat Avada's
   "#wrapper #main .related.products .fusion-title h2" typography rule. ---- */
body #wrapper #main .related.products .fusion-title h2.title-heading-left,
body #wrapper #main .up-sells .fusion-title h2.title-heading-left,
body #wrapper #main .cross-sells .fusion-title h2.title-heading-left {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-style: normal;
    letter-spacing: 0;
}

/* ---- ClickUp 86bbv8dfu (2026-10-19, Sandy thread reply 90140270003892): the client asked to take the
   hero image off the Store sub-pages so the breadcrumbs are easier to read. Removed the 86bce08v7
   item 3 sunflower hero + white breadcrumbs on category / tag / product pages; they use Avada's
   default page title bar again. The main Store page keeps its hero (body.woocommerce-shop above). ---- */

/* ---- ClickUp 86bce08v7 round 2 (2026-10-12): homepage hero slider (.fusion-slider-7 = front page id 7),
   scoped so the Support/Seed-Guide sliders are unaffected.
   1) Text must not "float" between slides: Avada's flexslider callbacks hide .slide-content-container
      and fusionReanimateSlider() animates .slide-content from margin-top:50px/opacity 0. These !important
      rules override those inline jQuery styles so the caption stays fixed.
   2) Client asked to restore her dark box behind the heading for readability (replaces the Oct 7
      transparent override). ---- */
.fusion-slider-container.fusion-slider-7 .slide-content-container {
    display: block !important;
}
.fusion-slider-container.fusion-slider-7 .slide-content {
    margin-top: 0 !important;
    opacity: 1 !important;
}
.fusion-slider-container.fusion-slider-7 .fusion-title-sc-wrapper {
    background-color: rgba(0, 0, 0, 0.6) !important;
    padding: 0 20px !important;
}

/* ---- ClickUp 86bckr59a (2026-10-19): "Shop [TYPE] Plates" buttons at the end of each crop section in
   the Seed Sizing Guide (<p class="lap-shop-btn-wrap"><a class="lap-shop-btn" href="/product-category/...">).
   Same look as the FAQs page "Visit Our Store" button (Avada flat button: #1b80b6, 4px radius, 13px 29px,
   the "Lead" typography set), but with a darker-blue hover: Avada's default hover is light grey behind
   white text. Plain link + class so the client can copy a button in the normal text editor. ---- */
.lap-shop-btn-wrap {
    margin: 18px 0 0;
}
.post-content a.lap-shop-btn,
a.lap-shop-btn {
    display: inline-block;
    background-color: #1b80b6;
    color: #ffffff;
    font-family: var(--awb-typography3-font-family, "Inter"), Arial, Helvetica, sans-serif;
    font-size: var(--awb-typography3-font-size, 16px);
    font-weight: 600;
    line-height: var(--awb-typography3-line-height, 1.2);
    letter-spacing: var(--awb-typography3-letter-spacing, 0.015em);
    padding: 13px 29px;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.2s ease;
}
.post-content a.lap-shop-btn:hover,
.post-content a.lap-shop-btn:focus,
a.lap-shop-btn:hover,
a.lap-shop-btn:focus {
    background-color: #156a98;
    color: #ffffff;
    text-decoration: none;
}
a.lap-shop-btn:focus-visible {
    outline: 2px solid #1b80b6;
    outline-offset: 3px;
}

/* ---- ClickUp 86bcqh78p (2026-10-26): product names in the grids are clickable again (the
   functions.php script no longer blanks their href). Underline on hover/focus as a link cue. ---- */
body #wrapper ul.products li h3.product-title a:hover,
body #wrapper ul.products li h3.product-title a:focus {
    text-decoration: underline;
}


/* ---- ClickUp 86bbv8dke: category header (design PDF "Lincoln Ag Category Heading"): parent-category
   eyebrow, H1, facts row (intro line removed 2026-10-27), rule with yellow / orange / green start. Replaces the plain
   .lap-cat-title H1 rule. The font-size !important beats Avada's responsive-typography class. ---- */
.lap-cat-head {
    position: relative;
    margin: 0 0 32px;
    padding: 0 0 24px;
}
.lap-cat-head::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background:
        linear-gradient(to right, #f2c230 0, #f2c230 64px, #ee6b2b 64px, #ee6b2b 128px, #7cc142 128px, #7cc142 192px, transparent 192px),
        #e6edf2;
}
.lap-cat-head__eyebrow {
    margin: 0 0 10px;
    font-family: var(--h1_typography-font-family, Montserrat, Arial, Helvetica, sans-serif);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #1a80b6;
}
.lap-cat-head__eyebrow a { color: #1a80b6; }
.lap-cat-head__eyebrow a:hover { color: #165a72; }
.lap-cat-head__dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 12px 0 10px;
    border-radius: 50%;
    background: #ee6b2b;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.lap-cat-head h1.lap-cat-head__title {
    margin: 0 0 16px;
    font-family: var(--h1_typography-font-family, Montserrat, Arial, Helvetica, sans-serif);
    font-size: 36px !important;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: none;
    color: #165a72;
}
.lap-cat-head__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 32px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 1.5;
    color: #444444;
}
.lap-cat-head__facts li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.lap-cat-head__facts svg {
    width: 20px;
    height: 20px;
    flex: none;
    fill: none;
    stroke: #1a80b6;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.lap-cat-head__facts strong { font-weight: 700; color: #333333; }
.lap-cat-head__facts .woocommerce-Price-amount { color: inherit; }
@media only screen and (max-width: 800px) {
    .lap-cat-head { margin-bottom: 24px; padding-bottom: 20px; }
    .lap-cat-head__eyebrow { font-size: 12px; letter-spacing: 2px; }
    .lap-cat-head h1.lap-cat-head__title { font-size: 26px !important; }
    .lap-cat-head__facts { gap: 8px 20px; font-size: 15px; }
}


/* ---- ClickUp 86bbv8dke: Home page "WELCOME TO LINCOLN AG PRODUCTS" is now the page H1 (was an h5).
   It keeps the h5 look it had: Avada's h5 typography, plus the inline 14pt / centre in the post content.
   Not .lap-page-title, so it does not take the 30px / 700 page-title scale. ---- */
h1.lap-home-title {
    font-family: var(--h5_typography-font-family);
    font-weight: var(--h5_typography-font-weight);
    line-height: var(--h5_typography-line-height);
    letter-spacing: var(--h5_typography-letter-spacing);
    text-transform: var(--h5_typography-text-transform);
    color: var(--h5_typography-color);
    margin-top: var(--h5_typography-margin-top);
    margin-bottom: var(--h5_typography-margin-bottom);
}

/* ---- ClickUp 86bbv8dke (2026-10-28, Sandy reply 90140274179684): "Planter Plate Store" visible on the
   Store hero, white on a darker background like the homepage, about half the home headline (70px). ---- */
body.woocommerce-shop .fusion-page-title-bar {
    background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("/wp-content/uploads/2017/02/sunflowers.webp");
}
body.woocommerce-shop .fusion-page-title-bar .fusion-page-title-captions h1 {
    margin: 0 0 10px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    color: #ffffff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
    body.woocommerce-shop .fusion-page-title-bar {
        background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("/wp-content/uploads/hero-mobile/sunflowers-1000.webp");
    }
}
@media (max-width: 640px) {
    body.woocommerce-shop .fusion-page-title-bar {
        background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("/wp-content/uploads/hero-mobile/sunflowers-600.webp");
    }
    body.woocommerce-shop .fusion-page-title-bar .fusion-page-title-captions h1 { font-size: 26px; }
}

/* ---- ClickUp 86bcu9n8x: search page ---- */
/* "Need a new search?" on one line: the old 30% post-title rule above squeezed it. */
.search-page-search-form h2.entry-title.fusion-post-title { display: block !important; width: auto !important; }
