.elementor-kit-726{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#3A2418;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#3A2418;font-family:"Figtree", Sans-serif;}.elementor-kit-726 button,.elementor-kit-726 input[type="button"],.elementor-kit-726 input[type="submit"],.elementor-kit-726 .elementor-button{background-color:#3B2114;font-family:"Figtree", Sans-serif;font-size:12px;font-weight:400;text-decoration:none;line-height:18px;letter-spacing:1.44px;color:#FFFFFF;border-style:none;border-radius:2px 2px 2px 2px;padding:16px 28.8px 16px 28.8px;}.elementor-kit-726 e-page-transition{background-color:#FFBC7D;}.elementor-kit-726 a{color:#76502E;font-weight:600;text-decoration:none;}.elementor-kit-726 h1{color:#3A2418;font-family:"Playfair Display", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header .header-inner{width:1400px;max-width:100%;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --brand-body-font:Figtree; --brand-chocolate:#3a2418; } /* Start custom CSS */:root { --pmg-ink: #263d42; --pmg-blue: #789baa; --pmg-footer: #edf4f5; --pmg-price: #4b5152; } /* Consistent header */ #site-header .header-inner { min-height: 86px; } body #site-header .site-navigation ul.menu > li > a { position: relative; color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; } body #site-header .site-navigation ul.menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: var(--pmg-blue); transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } body #site-header .site-navigation ul.menu > li > a:hover, body #site-header .site-navigation ul.menu > li > a:focus-visible, body #site-header .site-navigation ul.menu > li.current-menu-item > a, body #site-header .site-navigation ul.menu > li.current_page_item > a, body.home #site-header #menu-item-69 > a, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue) !important; } body #site-header .site-navigation ul.menu > li > a:hover::after, body #site-header .site-navigation ul.menu > li > a:focus-visible::after { transform: scaleX(1); } body #site-header .site-navigation ul.menu > li.current-menu-item > a::after, body #site-header .site-navigation ul.menu > li.current_page_item > a::after, body.home #site-header #menu-item-69 > a::after, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a::after, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a::after, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a::after { transform: scaleX(0); } /* Clean three-column footer */ #site-footer { background: var(--pmg-footer) !important; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; } #site-footer .footer-inner { display: grid !important; grid-template-columns: 260px minmax(0, 1fr); column-gap: 70px; row-gap: 24px; align-items: start; padding-top: 38px; padding-bottom: 24px; } #site-footer .site-branding { grid-column: 1; } #site-footer .site-navigation { grid-column: 2; display: block !important; } #site-footer .site-navigation::before, #site-footer .site-navigation::after { display: none !important; content: none !important; } #site-footer .site-navigation ul.menu { display: grid !important; grid-template-columns: repeat(3, minmax(145px, 1fr)); grid-template-rows: repeat(3, auto); grid-auto-flow: column; gap: 10px 34px; margin: 0 !important; padding: 0 !important; } #site-footer .site-navigation ul.menu > li { display: block !important; margin: 0 !important; padding: 0 !important; grid-column: auto !important; grid-row: auto !important; } body #site-footer .site-navigation ul.menu > li > a { display: inline-block !important; color: var(--pmg-ink) !important; background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-decoration: none !important; } body #site-footer .site-navigation ul.menu > li > a:hover, body #site-footer .site-navigation ul.menu > li > a:focus-visible, body #site-footer .site-navigation ul.menu > li.current-menu-item > a, body #site-footer .site-navigation ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } #site-footer .copyright { grid-column: 1 / -1; width: 100%; margin: 0 !important; padding-top: 16px; border-top: 1px solid rgba(38,61,66,.16); color: #5f6263 !important; font-size: 13px !important; text-align: center; } /* Shop Collections: six collection tiles only */ body.woocommerce-shop ul.products.columns-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.woocommerce-shop ul.products.columns-3::before, body.woocommerce-shop ul.products.columns-3::after { display: none !important; content: none !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category:first-child { order: -100; } body.woocommerce-shop ul.products.columns-3 > li.product-category:nth-child(4) { order: 100; } body.woocommerce-shop ul.products.columns-4, body.woocommerce-shop .woocommerce-result-count, body.woocommerce-shop .woocommerce-ordering, body.woocommerce-shop .woocommerce-pagination { display: none !important; } body.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.4 !important; } body.woocommerce ul.products li.product-category mark.count { display: none !important; } /* Four products across on collection pages */ body.tax-product_cat ul.products.columns-4 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.tax-product_cat ul.products.columns-4::before, body.tax-product_cat ul.products.columns-4::after { display: none !important; content: none !important; } body.tax-product_cat ul.products.columns-4 > li.product { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce ul.products li.product .price { font-family: Figtree, Arial, sans-serif !important; } body.woocommerce ul.products li.product .price { color: var(--pmg-price) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: .01em; } @media (max-width: 1024px) { #site-footer .footer-inner { grid-template-columns: 210px minmax(0, 1fr); column-gap: 36px; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)); grid-template-rows: repeat(5, auto); } body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { #site-header .header-inner { min-height: 72px; } #site-footer .footer-inner { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px 22px; } #site-footer .site-branding, #site-footer .site-navigation, #site-footer .copyright { grid-column: 1; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(5, auto); gap: 9px 24px; } } @media (max-width: 480px) { body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: 1fr !important; } } /* Force the footer menu out of the theme's flex layout */ html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { display: grid !important; grid-template-columns: repeat(3, minmax(150px, 1fr)) !important; grid-template-rows: none !important; grid-auto-flow: row !important; gap: 10px 34px !important; justify-content: stretch !important; align-items: start !important; flex-wrap: unset !important; } html body #site-footer nav.site-navigation ul#menu-footer-menu.menu > li { width: auto !important; max-width: none !important; flex: none !important; } @media (max-width: 1024px) { html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)) !important; } } @media (max-width: 767px) { html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Compact footer spacing */ html body #site-footer .footer-inner { row-gap: 10px !important; padding-top: 18px !important; padding-bottom: 12px !important; } html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { gap: 4px 30px !important; } html body #site-footer .site-navigation ul.menu > li > a { line-height: 1.35 !important; } html body #site-footer .copyright { padding-top: 6px !important; } /* Refined charcoal link color */ :root { --pmg-ink: #4a4f50; } html body #site-header .site-navigation ul.menu > li > a, html body #site-footer .site-navigation ul.menu > li > a { color: #4a4f50 !important; } /* Clean responsive header menu */ @media (max-width: 1024px) { #site-header .header-inner { min-height: 76px !important; padding-left: 22px !important; padding-right: 22px !important; } #site-header .site-logo img { max-width: 245px !important; height: auto !important; } #site-header .site-navigation-toggle-holder { margin-left: auto !important; } #site-header .site-navigation-toggle { width: 54px !important; height: 54px !important; padding: 14px !important; border-radius: 6px !important; } #site-header .site-navigation-dropdown { left: 0 !important; right: 0 !important; width: 100% !important; background: #ffffff !important; border-top: 1px solid #e7eaeb !important; box-shadow: 0 8px 18px rgba(38,61,66,.10) !important; z-index: 9999 !important; } html body #site-header .site-navigation-dropdown ul.menu { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; margin: 0 !important; padding: 8px 22px 12px !important; gap: 0 !important; } html body #site-header .site-navigation-dropdown ul.menu > li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } html body #site-header .site-navigation-dropdown ul.menu > li > a { display: block !important; width: 100% !important; padding: 11px 2px !important; color: #4a4f50 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #eef0f1 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.35 !important; text-align: left !important; text-decoration: none !important; } html body #site-header .site-navigation-dropdown ul.menu > li:last-child > a { border-bottom: 0 !important; } html body #site-header .site-navigation-dropdown ul.menu > li > a:hover, html body #site-header .site-navigation-dropdown ul.menu > li > a:focus-visible, html body #site-header .site-navigation-dropdown ul.menu > li.current-menu-item > a, html body #site-header .site-navigation-dropdown ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; } } @media (max-width: 480px) { #site-header .header-inner { min-height: 68px !important; padding-left: 14px !important; padding-right: 14px !important; } #site-header .site-logo img { max-width: 210px !important; } #site-header .site-navigation-toggle { width: 48px !important; height: 48px !important; padding: 12px !important; } } /* Match header links exactly to footer links */ html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li > a, html body #site-header nav.site-navigation-dropdown ul.menu > li > a { color: #4a4f50 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-decoration: none !important; border: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } html body #site-header nav.site-navigation ul.menu > li > a::after, html body #site-header nav.site-navigation-dropdown ul.menu > li > a::after { display: none !important; content: none !important; } html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li > a:hover, html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li > a:focus-visible, html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li.current-menu-item > a, html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li.current_page_item > a, html body #site-header nav.site-navigation-dropdown ul.menu > li > a:hover, html body #site-header nav.site-navigation-dropdown ul.menu > li > a:focus-visible, html body #site-header nav.site-navigation-dropdown ul.menu > li.current-menu-item > a, html body #site-header nav.site-navigation-dropdown ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; text-decoration-line: underline !important; text-decoration-color: var(--pmg-blue) !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } /* Three equal hamburger lines */ html body #site-header .site-navigation-toggle-icon { display: block !important; width: 26px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( to bottom, #ffffff 0, #ffffff 2px, transparent 2px, transparent 8px, #ffffff 8px, #ffffff 10px, transparent 10px, transparent 16px, #ffffff 16px, #ffffff 18px ) !important; border: 0 !important; box-shadow: none !important; } html body #site-header .site-navigation-toggle-icon::before, html body #site-header .site-navigation-toggle-icon::after { display: none !important; content: none !important; box-shadow: none !important; } :root { --pmg-ink: #263d42; --pmg-blue: #789baa; --pmg-footer: #edf4f5; --pmg-price: #4b5152; } /* Consistent header */ #site-header .header-inner { min-height: 86px; } body #site-header .site-navigation ul.menu > li > a { position: relative; color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; } body #site-header .site-navigation ul.menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: var(--pmg-blue); transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } body #site-header .site-navigation ul.menu > li > a:hover, body #site-header .site-navigation ul.menu > li > a:focus-visible, body #site-header .site-navigation ul.menu > li.current-menu-item > a, body #site-header .site-navigation ul.menu > li.current_page_item > a, body.home #site-header #menu-item-69 > a, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue) !important; } body #site-header .site-navigation ul.menu > li > a:hover::after, body #site-header .site-navigation ul.menu > li > a:focus-visible::after { transform: scaleX(1); } body #site-header .site-navigation ul.menu > li.current-menu-item > a::after, body #site-header .site-navigation ul.menu > li.current_page_item > a::after, body.home #site-header #menu-item-69 > a::after, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a::after, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a::after, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a::after { transform: scaleX(0); } /* Clean three-column footer */ #site-footer { background: var(--pmg-footer) !important; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; } #site-footer .footer-inner { display: grid !important; grid-template-columns: 260px minmax(0, 1fr); column-gap: 70px; row-gap: 24px; align-items: start; padding-top: 38px; padding-bottom: 24px; } #site-footer .site-branding { grid-column: 1; } #site-footer .site-navigation { grid-column: 2; display: block !important; } #site-footer .site-navigation::before, #site-footer .site-navigation::after { display: none !important; content: none !important; } #site-footer .site-navigation ul.menu { display: grid !important; grid-template-columns: repeat(3, minmax(145px, 1fr)); grid-template-rows: repeat(3, auto); grid-auto-flow: column; gap: 10px 34px; margin: 0 !important; padding: 0 !important; } #site-footer .site-navigation ul.menu > li { display: block !important; margin: 0 !important; padding: 0 !important; grid-column: auto !important; grid-row: auto !important; } body #site-footer .site-navigation ul.menu > li > a { display: inline-block !important; color: var(--pmg-ink) !important; background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-decoration: none !important; } body #site-footer .site-navigation ul.menu > li > a:hover, body #site-footer .site-navigation ul.menu > li > a:focus-visible, body #site-footer .site-navigation ul.menu > li.current-menu-item > a, body #site-footer .site-navigation ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } #site-footer .copyright { grid-column: 1 / -1; width: 100%; margin: 0 !important; padding-top: 16px; border-top: 1px solid rgba(38,61,66,.16); color: #5f6263 !important; font-size: 13px !important; text-align: center; } /* Shop Collections: six collection tiles only */ body.woocommerce-shop ul.products.columns-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.woocommerce-shop ul.products.columns-3::before, body.woocommerce-shop ul.products.columns-3::after { display: none !important; content: none !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category:first-child { order: -100; } body.woocommerce-shop ul.products.columns-3 > li.product-category:nth-child(4) { order: 100; } body.woocommerce-shop ul.products.columns-4, body.woocommerce-shop .woocommerce-result-count, body.woocommerce-shop .woocommerce-ordering, body.woocommerce-shop .woocommerce-pagination { display: none !important; } body.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.4 !important; } body.woocommerce ul.products li.product-category mark.count { display: none !important; } /* Four products across on collection pages */ body.tax-product_cat ul.products.columns-4 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.tax-product_cat ul.products.columns-4::before, body.tax-product_cat ul.products.columns-4::after { display: none !important; content: none !important; } body.tax-product_cat ul.products.columns-4 > li.product { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce ul.products li.product .price { font-family: Figtree, Arial, sans-serif !important; } body.woocommerce ul.products li.product .price { color: var(--pmg-price) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: .01em; } @media (max-width: 1024px) { #site-footer .footer-inner { grid-template-columns: 210px minmax(0, 1fr); column-gap: 36px; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)); grid-template-rows: repeat(5, auto); } body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { #site-header .header-inner { min-height: 72px; } #site-footer .footer-inner { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px 22px; } #site-footer .site-branding, #site-footer .site-navigation, #site-footer .copyright { grid-column: 1; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(5, auto); gap: 9px 24px; } } @media (max-width: 480px) { body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: 1fr !important; } } /* Force the footer menu out of the theme's flex layout */ html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { display: grid !important; grid-template-columns: repeat(3, minmax(150px, 1fr)) !important; grid-template-rows: none !important; grid-auto-flow: row !important; gap: 10px 34px !important; justify-content: stretch !important; align-items: start !important; flex-wrap: unset !important; } html body #site-footer nav.site-navigation ul#menu-footer-menu.menu > li { width: auto !important; max-width: none !important; flex: none !important; } @media (max-width: 1024px) { html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)) !important; } } @media (max-width: 767px) { html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Compact footer spacing */ html body #site-footer .footer-inner { row-gap: 10px !important; padding-top: 18px !important; padding-bottom: 12px !important; } html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { gap: 4px 30px !important; } html body #site-footer .site-navigation ul.menu > li > a { line-height: 1.35 !important; } html body #site-footer .copyright { padding-top: 6px !important; } /* Refined charcoal link color */ :root { --pmg-ink: #4a4f50; } html body #site-header .site-navigation ul.menu > li > a, html body #site-footer .site-navigation ul.menu > li > a { color: #4a4f50 !important; } /* Clean responsive header menu */ @media (max-width: 1024px) { #site-header .header-inner { min-height: 76px !important; padding-left: 22px !important; padding-right: 22px !important; } #site-header .site-logo img { max-width: 245px !important; height: auto !important; } #site-header .site-navigation-toggle-holder { margin-left: auto !important; } #site-header .site-navigation-toggle { width: 54px !important; height: 54px !important; padding: 14px !important; border-radius: 6px !important; } #site-header .site-navigation-dropdown { left: 0 !important; right: 0 !important; width: 100% !important; background: #ffffff !important; border-top: 1px solid #e7eaeb !important; box-shadow: 0 8px 18px rgba(38,61,66,.10) !important; z-index: 9999 !important; } html body #site-header .site-navigation-dropdown ul.menu { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; margin: 0 !important; padding: 8px 22px 12px !important; gap: 0 !important; } html body #site-header .site-navigation-dropdown ul.menu > li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } html body #site-header .site-navigation-dropdown ul.menu > li > a { display: block !important; width: 100% !important; padding: 11px 2px !important; color: #4a4f50 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #eef0f1 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.35 !important; text-align: left !important; text-decoration: none !important; } html body #site-header .site-navigation-dropdown ul.menu > li:last-child > a { border-bottom: 0 !important; } html body #site-header .site-navigation-dropdown ul.menu > li > a:hover, html body #site-header .site-navigation-dropdown ul.menu > li > a:focus-visible, html body #site-header .site-navigation-dropdown ul.menu > li.current-menu-item > a, html body #site-header .site-navigation-dropdown ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; } } @media (max-width: 480px) { #site-header .header-inner { min-height: 68px !important; padding-left: 14px !important; padding-right: 14px !important; } #site-header .site-logo img { max-width: 210px !important; } #site-header .site-navigation-toggle { width: 48px !important; height: 48px !important; padding: 12px !important; } } /* Match header links exactly to footer links */ html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li > a, html body #site-header nav.site-navigation-dropdown ul.menu > li > a { color: #4a4f50 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-decoration: none !important; border: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } html body #site-header nav.site-navigation ul.menu > li > a::after, html body #site-header nav.site-navigation-dropdown ul.menu > li > a::after { display: none !important; content: none !important; } html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li > a:hover, html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li > a:focus-visible, html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li.current-menu-item > a, html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li.current_page_item > a, html body #site-header nav.site-navigation-dropdown ul.menu > li > a:hover, html body #site-header nav.site-navigation-dropdown ul.menu > li > a:focus-visible, html body #site-header nav.site-navigation-dropdown ul.menu > li.current-menu-item > a, html body #site-header nav.site-navigation-dropdown ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; text-decoration-line: underline !important; text-decoration-color: var(--pmg-blue) !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } /* Three equal hamburger lines */ html body #site-header .site-navigation-toggle-icon { display: block !important; width: 26px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( to bottom, #ffffff 0, #ffffff 2px, transparent 2px, transparent 8px, #ffffff 8px, #ffffff 10px, transparent 10px, transparent 16px, #ffffff 16px, #ffffff 18px ) !important; border: 0 !important; box-shadow: none !important; } html body #site-header .site-navigation-toggle-icon::before, html body #site-header .site-navigation-toggle-icon::after { display: none !important; content: none !important; box-shadow: none !important; } /* Current page stays blue without an underline */ html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li.current-menu-item > a, html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li.current_page_item > a, html body #site-header nav.site-navigation-dropdown ul.menu > li.current-menu-item > a, html body #site-header nav.site-navigation-dropdown ul.menu > li.current_page_item > a, html body #site-footer nav.site-navigation ul.menu > li.current-menu-item > a, html body #site-footer nav.site-navigation ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; text-decoration: none !important; } /* The thin underline appears only during hover or keyboard focus */ html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li > a:hover, html body #site-header nav.site-navigation:not(.site-navigation-dropdown) ul.menu > li > a:focus-visible, html body #site-header nav.site-navigation-dropdown ul.menu > li > a:hover, html body #site-header nav.site-navigation-dropdown ul.menu > li > a:focus-visible, html body #site-footer nav.site-navigation ul.menu > li > a:hover, html body #site-footer nav.site-navigation ul.menu > li > a:focus-visible { color: var(--pmg-blue) !important; text-decoration-line: underline !important; text-decoration-color: var(--pmg-blue) !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } /* Keep footer links vertically centered at tablet and small-window widths */ @media (min-width: 560px) and (max-width: 1024px) { html body #site-footer .footer-inner { grid-template-columns: 210px minmax(0, 1fr) !important; align-items: center !important; column-gap: 34px !important; row-gap: 10px !important; padding-top: 16px !important; padding-bottom: 16px !important; } html body #site-footer .site-branding { grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; justify-self: center !important; } html body #site-footer .site-navigation { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; width: 100% !important; } html body #site-footer .copyright { grid-column: 1 / -1 !important; grid-row: 2 !important; } } @media (max-width: 559px) { html body #site-footer .footer-inner { grid-template-columns: 1fr !important; align-items: center !important; justify-items: center !important; row-gap: 10px !important; padding-top: 16px !important; padding-bottom: 16px !important; } html body #site-footer .site-branding, html body #site-footer .site-navigation, html body #site-footer .copyright { grid-column: 1 !important; width: 100% !important; justify-self: center !important; } html body #site-footer .site-navigation { align-self: center !important; } html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { text-align: center !important; } } /* Active links: blue text only, underline only on hover */ html body #site-header nav.site-navigation ul.menu > li.current-menu-item > a, html body #site-header nav.site-navigation ul.menu > li.current_page_item > a, html body #site-footer nav.site-navigation ul.menu > li.current-menu-item > a, html body #site-footer nav.site-navigation ul.menu > li.current_page_item > a { text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; } html body #site-header nav.site-navigation ul.menu > li.current-menu-item > a::after, html body #site-header nav.site-navigation ul.menu > li.current_page_item > a::after, html body #site-footer nav.site-navigation ul.menu > li.current-menu-item > a::after, html body #site-footer nav.site-navigation ul.menu > li.current_page_item > a::after { display: none !important; content: none !important; border: 0 !important; } html body #site-header nav.site-navigation ul.menu > li.current-menu-item > a:hover, html body #site-header nav.site-navigation ul.menu > li.current_page_item > a:hover, html body #site-footer nav.site-navigation ul.menu > li.current-menu-item > a:hover, html body #site-footer nav.site-navigation ul.menu > li.current_page_item > a:hover { text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } /* Product recommendations: four complete items in one row */ html body.single-product section.related.products ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px !important; } html body.single-product section.related.products ul.products li.product, html body.single-product section.related.products ul.products li.product:first-child { display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; grid-column: auto !important; margin: 0 !important; width: auto !important; } html body.single-product section.related.products ul.products li.product:first-child a, html body.single-product section.related.products ul.products li.product:first-child img { display: block !important; visibility: visible !important; opacity: 1 !important; } html body.single-product section.related.products > h2 { font-size: 0 !important; } html body.single-product section.related.products > h2::after { content: "You May Also Like"; font-size: 28px; } @media (max-width: 767px) { html body.single-product section.related.products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* PMG FIX T /* Poppy Mountain Gems site-wide consistency */ /* Final active-link correction: underline on hover only */ html body #site-header nav.site-navigation ul.menu > li.current-menu-item > a:focus, html body #site-header nav.site-navigation ul.menu > li.current-menu-item > a:focus-visible, html body #site-header nav.site-navigation ul.menu > li.current_page_item > a:focus, html body #site-header nav.site-navigation ul.menu > li.current_page_item > a:focus-visible, html body #site-footer nav.site-navigation ul.menu > li.current-menu-item > a:focus, html body #site-footer nav.site-navigation ul.menu > li.current-menu-item > a:focus-visible, html body #site-footer nav.site-navigation ul.menu > li.current_page_item > a:focus, html body #site-footer nav.site-navigation ul.menu > li.current_page_item > a:focus-visible { text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; } html body #site-header nav.site-navigation ul.menu > li.current-menu-item > a:hover, html body #site-header nav.site-navigation ul.menu > li.current_page_item > a:hover, html body #site-footer nav.site-navigation ul.menu > li.current-menu-item > a:hover, html body #site-footer nav.site-navigation ul.menu > li.current_page_item > a:hover { text-decoration-line: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } /* Remove WooCommerce clearfix placeholders from the recommendation grid */ html body.single-product section.related.products ul.products::before, html body.single-product section.related.products ul.products::after { content: none !important; display: none !important; } /* Center the footer link area within the full blue footer */ @media (min-width: 768px) { html body #site-footer .footer-inner { position: relative !important; min-height: 150px !important; align-items: center !important; align-content: center !important; padding-top: 16px !important; padding-bottom: 16px !important; } html body #site-footer .site-branding, html body #site-footer .site-navigation { align-self: center !important; } html body #site-footer .copyright { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 8px !important; width: 100% !important; } } :root { --pmg-ink: #263d42; --pmg-blue: #2f7fa3; --pmg-soft-blue: #eef6f8; --pmg-price: #4b5152; } /* Header */ #site-header .header-inner { min-height: 86px; } #site-header .site-navigation .menu > li > a { position: relative; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 1.5; } #site-header .site-navigation .menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: var(--pmg-blue); transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } #site-header .site-navigation .menu > li > a:hover, #site-header .site-navigation .menu > li > a:focus-visible, #site-header .site-navigation .menu > li.current-menu-item > a, #site-header .site-navigation .menu > li.current_page_item > a, .home #site-header #menu-item-69 > a, .tax-product_cat.term-bracelets #site-header #menu-item-39 > a, .tax-product_cat.term-earrings #site-header #menu-item-40 > a, .tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue); } #site-header .site-navigation .menu > li > a:hover::after, #site-header .site-navigation .menu > li > a:focus-visible::after, #site-header .site-navigation .menu > li.current-menu-item > a::after, #site-header .site-navigation .menu > li.current_page_item > a::after, .home #site-header #menu-item-69 > a::after, .tax-product_cat.term-bracelets #site-header #menu-item-39 > a::after, .tax-product_cat.term-earrings #site-header #menu-item-40 > a::after, .tax-product_cat.term-necklaces #site-header #menu-item-41 > a::after { transform: scaleX(1); } /* Footer */ #site-footer { background: var(--pmg-soft-blue); color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; } #site-footer .footer-inner { display: grid; grid-template-columns: 260px minmax(0, 1fr); column-gap: 70px; row-gap: 22px; align-items: start; padding-top: 38px; padding-bottom: 24px; } #site-footer .site-branding { grid-column: 1; } #site-footer .site-navigation { grid-column: 2; display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); gap: 10px 34px; } #site-footer .site-navigation .menu { display: contents; } #site-footer .site-navigation::before { content: "Stay Connected"; grid-column: 3; grid-row: 1; color: var(--pmg-ink); font-size: 15px; font-weight: 600; letter-spacing: .02em; } #site-footer .site-navigation li { margin: 0; } #site-footer .site-navigation li:nth-child(1) { grid-column: 1; grid-row: 1; } #site-footer .site-navigation li:nth-child(2) { grid-column: 1; grid-row: 2; } #site-footer .site-navigation li:nth-child(3) { grid-column: 1; grid-row: 3; } #site-footer .site-navigation li:nth-child(4) { grid-column: 1; grid-row: 4; } #site-footer .site-navigation li:nth-child(5) { grid-column: 2; grid-row: 1; } #site-footer .site-navigation li:nth-child(6) { grid-column: 2; grid-row: 2; } #site-footer .site-navigation li:nth-child(7) { grid-column: 2; grid-row: 3; } #site-footer .site-navigation li:nth-child(9) { grid-column: 2; grid-row: 4; } #site-footer .site-navigation li:nth-child(8) { grid-column: 3; grid-row: 2; } #site-footer .site-navigation a { display: inline-block; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; } #site-footer .site-navigation a:hover, #site-footer .site-navigation a:focus-visible, #site-footer .site-navigation .current-menu-item > a, #site-footer .site-navigation .current_page_item > a { color: var(--pmg-blue); text-decoration: underline; text-underline-offset: 4px; } #site-footer .site-navigation li:nth-child(8) a { padding: 9px 18px; color: #fff; background: var(--pmg-blue); border-radius: 2px; text-decoration: none; } #site-footer .site-navigation li:nth-child(8) a:hover, #site-footer .site-navigation li:nth-child(8) a:focus-visible { color: #fff; filter: brightness(.9); } #site-footer .copyright { grid-column: 1 / -1; margin: 0; padding-top: 16px; border-top: 1px solid rgba(38,61,66,.16); color: #5f6263; font-size: 13px; } /* Shop category grid */ .woocommerce ul.products.columns-3:has(> li.product-category) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 28px; } .woocommerce ul.products.columns-3:has(> li.product-category) > li.product-category { float: none !important; width: auto !important; margin: 0 !important; } .woocommerce ul.products li.product-category .woocommerce-loop-category__title { color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; } .woocommerce ul.products li.product-category .count { display: none; } /* Product cards */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price { font-family: Figtree, Arial, sans-serif; } .woocommerce ul.products li.product .price { color: var(--pmg-price); font-size: 14px; font-weight: 500; letter-spacing: .01em; } @media (max-width: 1024px) { #site-footer .footer-inner { grid-template-columns: 220px minmax(0, 1fr); column-gap: 40px; } #site-footer .site-navigation { grid-template-columns: repeat(2, minmax(130px, 1fr)); } #site-footer .site-navigation::before, #site-footer .site-navigation li:nth-child(8) { grid-column: 1 / -1; } #site-footer .site-navigation::before { grid-row: 5; margin-top: 8px; } #site-footer .site-navigation li:nth-child(8) { grid-row: 6; } } @media (max-width: 767px) { #site-header .header-inner { min-height: 72px; } #site-footer .footer-inner { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px 22px; } #site-footer .site-branding, #site-footer .site-navigation, #site-footer .copyright { grid-column: 1; } #site-footer .site-navigation { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 24px; } .woocommerce ul.products.columns-3:has(> li.product-category) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; } } @media (max-width: 480px) { .woocommerce ul.products.columns-3:has(> li.product-category) { grid-template-columns: 1fr; } } /* Poppy Mountain Gems site-wide consistency */ :root { --pmg-ink: #263d42; --pmg-blue: #2f7fa3; --pmg-soft-blue: #eef6f8; --pmg-price: #4b5152; } /* Header */ #site-header .header-inner { min-height: 86px; } #site-header .site-navigation .menu > li > a { position: relative; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 1.5; } #site-header .site-navigation .menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: var(--pmg-blue); transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } #site-header .site-navigation .menu > li > a:hover, #site-header .site-navigation .menu > li > a:focus-visible, #site-header .site-navigation .menu > li.current-menu-item > a, #site-header .site-navigation .menu > li.current_page_item > a, .home #site-header #menu-item-69 > a, .tax-product_cat.term-bracelets #site-header #menu-item-39 > a, .tax-product_cat.term-earrings #site-header #menu-item-40 > a, .tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue); } #site-header .site-navigation .menu > li > a:hover::after, #site-header .site-navigation .menu > li > a:focus-visible::after, #site-header .site-navigation .menu > li.current-menu-item > a::after, #site-header .site-navigation .menu > li.current_page_item > a::after, .home #site-header #menu-item-69 > a::after, .tax-product_cat.term-bracelets #site-header #menu-item-39 > a::after, .tax-product_cat.term-earrings #site-header #menu-item-40 > a::after, .tax-product_cat.term-necklaces #site-header #menu-item-41 > a::after { transform: scaleX(1); } /* Footer */ #site-footer { background: var(--pmg-soft-blue); color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; } #site-footer .footer-inner { display: grid; grid-template-columns: 260px minmax(0, 1fr); column-gap: 70px; row-gap: 22px; align-items: start; padding-top: 38px; padding-bottom: 24px; } #site-footer .site-branding { grid-column: 1; } #site-footer .site-navigation { grid-column: 2; display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); gap: 10px 34px; } #site-footer .site-navigation .menu { display: contents; } #site-footer .site-navigation::before { content: "Stay Connected"; grid-column: 3; grid-row: 1; color: var(--pmg-ink); font-size: 15px; font-weight: 600; letter-spacing: .02em; } #site-footer .site-navigation li { margin: 0; } #site-footer .site-navigation li:nth-child(1) { grid-column: 1; grid-row: 1; } #site-footer .site-navigation li:nth-child(2) { grid-column: 1; grid-row: 2; } #site-footer .site-navigation li:nth-child(3) { grid-column: 1; grid-row: 3; } #site-footer .site-navigation li:nth-child(4) { grid-column: 1; grid-row: 4; } #site-footer .site-navigation li:nth-child(5) { grid-column: 2; grid-row: 1; } #site-footer .site-navigation li:nth-child(6) { grid-column: 2; grid-row: 2; } #site-footer .site-navigation li:nth-child(7) { grid-column: 2; grid-row: 3; } #site-footer .site-navigation li:nth-child(9) { grid-column: 2; grid-row: 4; } #site-footer .site-navigation li:nth-child(8) { grid-column: 3; grid-row: 2; } #site-footer .site-navigation a { display: inline-block; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; } #site-footer .site-navigation a:hover, #site-footer .site-navigation a:focus-visible, #site-footer .site-navigation .current-menu-item > a, #site-footer .site-navigation .current_page_item > a { color: var(--pmg-blue); text-decoration: underline; text-underline-offset: 4px; } #site-footer .site-navigation li:nth-child(8) a { padding: 9px 18px; color: #fff; background: var(--pmg-blue); border-radius: 2px; text-decoration: none; } #site-footer .site-navigation li:nth-child(8) a:hover, #site-footer .site-navigation li:nth-child(8) a:focus-visible { color: #fff; filter: brightness(.9); } #site-footer .copyright { grid-column: 1 / -1; margin: 0; padding-top: 16px; border-top: 1px solid rgba(38,61,66,.16); color: #5f6263; font-size: 13px; } /* Shop category grid */ .woocommerce ul.products.columns-3:has(> li.product-category) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 28px; } .woocommerce ul.products.columns-3:has(> li.product-category) > li.product-category { float: none !important; width: auto !important; margin: 0 !important; } .woocommerce ul.products li.product-category .woocommerce-loop-category__title { color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; } .woocommerce ul.products li.product-category .count { display: none; } /* Product cards */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price { font-family: Figtree, Arial, sans-serif; } .woocommerce ul.products li.product .price { color: var(--pmg-price); font-size: 14px; font-weight: 500; letter-spacing: .01em; } @media (max-width: 1024px) { #site-footer .footer-inner { grid-template-columns: 220px minmax(0, 1fr); column-gap: 40px; } #site-footer .site-navigation { grid-template-columns: repeat(2, minmax(130px, 1fr)); } #site-footer .site-navigation::before, #site-footer .site-navigation li:nth-child(8) { grid-column: 1 / -1; } #site-footer .site-navigation::before { grid-row: 5; margin-top: 8px; } #site-footer .site-navigation li:nth-child(8) { grid-row: 6; } } @media (max-width: 767px) { #site-header .header-inner { min-height: 72px; } #site-footer .footer-inner { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px 22px; } #site-footer .site-branding, #site-footer .site-navigation, #site-footer .copyright { grid-column: 1; } #site-footer .site-navigation { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 24px; } .woocommerce ul.products.columns-3:has(> li.product-category) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; } } @media (max-width: 480px) { .woocommerce ul.products.columns-3:has(> li.product-category) { grid-template-columns: 1fr; } } /* Theme override corrections */ body #site-header .site-navigation ul.menu > li > a { color: var(--pmg-ink) !important; } body #site-header .site-navigation ul.menu > li > a:hover, body #site-header .site-navigation ul.menu > li > a:focus-visible, body #site-header .site-navigation ul.menu > li.current-menu-item > a, body #site-header .site-navigation ul.menu > li.current_page_item > a, body.home #site-header #menu-item-69 > a, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue) !important; } body.woocommerce-shop ul.products.columns-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; } body.woocommerce ul.products li.product span.price, body.woocommerce ul.products li.product .price { color: var(--pmg-price) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; } @media (max-width: 767px) { body.woocommerce-shop ul.products.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 480px) { body.woocommerce-shop ul.products.columns-3 { grid-template-columns: 1fr !important; } } /* Poppy Mountain Gems site-wide consistency */ :root { --pmg-ink: #263d42; --pmg-blue: #2f7fa3; --pmg-soft-blue: #eef6f8; --pmg-price: #4b5152; } /* Header */ #site-header .header-inner { min-height: 86px; } #site-header .site-navigation .menu > li > a { position: relative; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 1.5; } #site-header .site-navigation .menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: var(--pmg-blue); transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } #site-header .site-navigation .menu > li > a:hover, #site-header .site-navigation .menu > li > a:focus-visible, #site-header .site-navigation .menu > li.current-menu-item > a, #site-header .site-navigation .menu > li.current_page_item > a, .home #site-header #menu-item-69 > a, .tax-product_cat.term-bracelets #site-header #menu-item-39 > a, .tax-product_cat.term-earrings #site-header #menu-item-40 > a, .tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue); } #site-header .site-navigation .menu > li > a:hover::after, #site-header .site-navigation .menu > li > a:focus-visible::after, #site-header .site-navigation .menu > li.current-menu-item > a::after, #site-header .site-navigation .menu > li.current_page_item > a::after, .home #site-header #menu-item-69 > a::after, .tax-product_cat.term-bracelets #site-header #menu-item-39 > a::after, .tax-product_cat.term-earrings #site-header #menu-item-40 > a::after, .tax-product_cat.term-necklaces #site-header #menu-item-41 > a::after { transform: scaleX(1); } /* Footer */ #site-footer { background: var(--pmg-soft-blue); color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; } #site-footer .footer-inner { display: grid; grid-template-columns: 260px minmax(0, 1fr); column-gap: 70px; row-gap: 22px; align-items: start; padding-top: 38px; padding-bottom: 24px; } #site-footer .site-branding { grid-column: 1; } #site-footer .site-navigation { grid-column: 2; display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); gap: 10px 34px; } #site-footer .site-navigation .menu { display: contents; } #site-footer .site-navigation::before { content: "Stay Connected"; grid-column: 3; grid-row: 1; color: var(--pmg-ink); font-size: 15px; font-weight: 600; letter-spacing: .02em; } #site-footer .site-navigation li { margin: 0; } #site-footer .site-navigation li:nth-child(1) { grid-column: 1; grid-row: 1; } #site-footer .site-navigation li:nth-child(2) { grid-column: 1; grid-row: 2; } #site-footer .site-navigation li:nth-child(3) { grid-column: 1; grid-row: 3; } #site-footer .site-navigation li:nth-child(4) { grid-column: 1; grid-row: 4; } #site-footer .site-navigation li:nth-child(5) { grid-column: 2; grid-row: 1; } #site-footer .site-navigation li:nth-child(6) { grid-column: 2; grid-row: 2; } #site-footer .site-navigation li:nth-child(7) { grid-column: 2; grid-row: 3; } #site-footer .site-navigation li:nth-child(9) { grid-column: 2; grid-row: 4; } #site-footer .site-navigation li:nth-child(8) { grid-column: 3; grid-row: 2; } #site-footer .site-navigation a { display: inline-block; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; } #site-footer .site-navigation a:hover, #site-footer .site-navigation a:focus-visible, #site-footer .site-navigation .current-menu-item > a, #site-footer .site-navigation .current_page_item > a { color: var(--pmg-blue); text-decoration: underline; text-underline-offset: 4px; } #site-footer .site-navigation li:nth-child(8) a { padding: 9px 18px; color: #fff; background: var(--pmg-blue); border-radius: 2px; text-decoration: none; } #site-footer .site-navigation li:nth-child(8) a:hover, #site-footer .site-navigation li:nth-child(8) a:focus-visible { color: #fff; filter: brightness(.9); } #site-footer .copyright { grid-column: 1 / -1; margin: 0; padding-top: 16px; border-top: 1px solid rgba(38,61,66,.16); color: #5f6263; font-size: 13px; } /* Shop category grid */ .woocommerce ul.products.columns-3:has(> li.product-category) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 28px; } .woocommerce ul.products.columns-3:has(> li.product-category) > li.product-category { float: none !important; width: auto !important; margin: 0 !important; } .woocommerce ul.products li.product-category .woocommerce-loop-category__title { color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; } .woocommerce ul.products li.product-category .count { display: none; } /* Product cards */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price { font-family: Figtree, Arial, sans-serif; } .woocommerce ul.products li.product .price { color: var(--pmg-price); font-size: 14px; font-weight: 500; letter-spacing: .01em; } @media (max-width: 1024px) { #site-footer .footer-inner { grid-template-columns: 220px minmax(0, 1fr); column-gap: 40px; } #site-footer .site-navigation { grid-template-columns: repeat(2, minmax(130px, 1fr)); } #site-footer .site-navigation::before, #site-footer .site-navigation li:nth-child(8) { grid-column: 1 / -1; } #site-footer .site-navigation::before { grid-row: 5; margin-top: 8px; } #site-footer .site-navigation li:nth-child(8) { grid-row: 6; } } @media (max-width: 767px) { #site-header .header-inner { min-height: 72px; } #site-footer .footer-inner { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px 22px; } #site-footer .site-branding, #site-footer .site-navigation, #site-footer .copyright { grid-column: 1; } #site-footer .site-navigation { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 24px; } .woocommerce ul.products.columns-3:has(> li.product-category) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; } } @media (max-width: 480px) { .woocommerce ul.products.columns-3:has(> li.product-category) { grid-template-columns: 1fr; } } /* Theme override corrections */ body #site-header .site-navigation ul.menu > li > a { color: var(--pmg-ink) !important; } body #site-header .site-navigation ul.menu > li > a:hover, body #site-header .site-navigation ul.menu > li > a:focus-visible, body #site-header .site-navigation ul.menu > li.current-menu-item > a, body #site-header .site-navigation ul.menu > li.current_page_item > a, body.home #site-header #menu-item-69 > a, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue) !important; } body.woocommerce-shop ul.products.columns-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; } body.woocommerce ul.products li.product span.price, body.woocommerce ul.products li.product .price { color: var(--pmg-price) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; } @media (max-width: 767px) { body.woocommerce-shop ul.products.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 480px) { body.woocommerce-shop ul.products.columns-3 { grid-template-columns: 1fr !important; } } body.woocommerce-shop ul.products.columns-3::before, body.woocommerce-shop ul.products.columns-3::after { display: none !important; content: none !important; } :root { --pmg-ink: #263d42; --pmg-blue: #789baa; --pmg-footer: #edf4f5; --pmg-price: #4b5152; } /* Consistent header */ #site-header .header-inner { min-height: 86px; } body #site-header .site-navigation ul.menu > li > a { position: relative; color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; } body #site-header .site-navigation ul.menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: var(--pmg-blue); transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } body #site-header .site-navigation ul.menu > li > a:hover, body #site-header .site-navigation ul.menu > li > a:focus-visible, body #site-header .site-navigation ul.menu > li.current-menu-item > a, body #site-header .site-navigation ul.menu > li.current_page_item > a, body.home #site-header #menu-item-69 > a, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue) !important; } body #site-header .site-navigation ul.menu > li > a:hover::after, body #site-header .site-navigation ul.menu > li > a:focus-visible::after { transform: scaleX(1); } body #site-header .site-navigation ul.menu > li.current-menu-item > a::after, body #site-header .site-navigation ul.menu > li.current_page_item > a::after, body.home #site-header #menu-item-69 > a::after, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a::after, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a::after, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a::after { transform: scaleX(0); } /* Clean three-column footer */ #site-footer { background: var(--pmg-footer) !important; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; } #site-footer .footer-inner { display: grid !important; grid-template-columns: 260px minmax(0, 1fr); column-gap: 70px; row-gap: 24px; align-items: start; padding-top: 38px; padding-bottom: 24px; } #site-footer .site-branding { grid-column: 1; } #site-footer .site-navigation { grid-column: 2; display: block !important; } #site-footer .site-navigation::before, #site-footer .site-navigation::after { display: none !important; content: none !important; } #site-footer .site-navigation ul.menu { display: grid !important; grid-template-columns: repeat(3, minmax(145px, 1fr)); grid-template-rows: repeat(3, auto); grid-auto-flow: column; gap: 10px 34px; margin: 0 !important; padding: 0 !important; } #site-footer .site-navigation ul.menu > li { display: block !important; margin: 0 !important; padding: 0 !important; grid-column: auto !important; grid-row: auto !important; } body #site-footer .site-navigation ul.menu > li > a { display: inline-block !important; color: var(--pmg-ink) !important; background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-decoration: none !important; } body #site-footer .site-navigation ul.menu > li > a:hover, body #site-footer .site-navigation ul.menu > li > a:focus-visible, body #site-footer .site-navigation ul.menu > li.current-menu-item > a, body #site-footer .site-navigation ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } #site-footer .copyright { grid-column: 1 / -1; width: 100%; margin: 0 !important; padding-top: 16px; border-top: 1px solid rgba(38,61,66,.16); color: #5f6263 !important; font-size: 13px !important; text-align: center; } /* Shop Collections: six collection tiles only */ body.woocommerce-shop ul.products.columns-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.woocommerce-shop ul.products.columns-3::before, body.woocommerce-shop ul.products.columns-3::after { display: none !important; content: none !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category:first-child { order: -100; } body.woocommerce-shop ul.products.columns-3 > li.product-category:nth-child(4) { order: 100; } body.woocommerce-shop ul.products.columns-4, body.woocommerce-shop .woocommerce-result-count, body.woocommerce-shop .woocommerce-ordering, body.woocommerce-shop .woocommerce-pagination { display: none !important; } body.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.4 !important; } body.woocommerce ul.products li.product-category mark.count { display: none !important; } /* Four products across on collection pages */ body.tax-product_cat ul.products.columns-4 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.tax-product_cat ul.products.columns-4::before, body.tax-product_cat ul.products.columns-4::after { display: none !important; content: none !important; } body.tax-product_cat ul.products.columns-4 > li.product { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce ul.products li.product .price { font-family: Figtree, Arial, sans-serif !important; } body.woocommerce ul.products li.product .price { color: var(--pmg-price) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: .01em; } @media (max-width: 1024px) { #site-footer .footer-inner { grid-template-columns: 210px minmax(0, 1fr); column-gap: 36px; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)); grid-template-rows: repeat(5, auto); } body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { #site-header .header-inner { min-height: 72px; } #site-footer .footer-inner { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px 22px; } #site-footer .site-branding, #site-footer .site-navigation, #site-footer .copyright { grid-column: 1; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(5, auto); gap: 9px 24px; } } @media (max-width: 480px) { body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: 1fr !important; } } :root { --pmg-ink: #263d42; --pmg-blue: #789baa; --pmg-footer: #edf4f5; --pmg-price: #4b5152; } /* Consistent header */ #site-header .header-inner { min-height: 86px; } body #site-header .site-navigation ul.menu > li > a { position: relative; color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; } body #site-header .site-navigation ul.menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: var(--pmg-blue); transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } body #site-header .site-navigation ul.menu > li > a:hover, body #site-header .site-navigation ul.menu > li > a:focus-visible, body #site-header .site-navigation ul.menu > li.current-menu-item > a, body #site-header .site-navigation ul.menu > li.current_page_item > a, body.home #site-header #menu-item-69 > a, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue) !important; } body #site-header .site-navigation ul.menu > li > a:hover::after, body #site-header .site-navigation ul.menu > li > a:focus-visible::after { transform: scaleX(1); } body #site-header .site-navigation ul.menu > li.current-menu-item > a::after, body #site-header .site-navigation ul.menu > li.current_page_item > a::after, body.home #site-header #menu-item-69 > a::after, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a::after, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a::after, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a::after { transform: scaleX(0); } /* Clean three-column footer */ #site-footer { background: var(--pmg-footer) !important; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; } #site-footer .footer-inner { display: grid !important; grid-template-columns: 260px minmax(0, 1fr); column-gap: 70px; row-gap: 24px; align-items: start; padding-top: 38px; padding-bottom: 24px; } #site-footer .site-branding { grid-column: 1; } #site-footer .site-navigation { grid-column: 2; display: block !important; } #site-footer .site-navigation::before, #site-footer .site-navigation::after { display: none !important; content: none !important; } #site-footer .site-navigation ul.menu { display: grid !important; grid-template-columns: repeat(3, minmax(145px, 1fr)); grid-template-rows: repeat(3, auto); grid-auto-flow: column; gap: 10px 34px; margin: 0 !important; padding: 0 !important; } #site-footer .site-navigation ul.menu > li { display: block !important; margin: 0 !important; padding: 0 !important; grid-column: auto !important; grid-row: auto !important; } body #site-footer .site-navigation ul.menu > li > a { display: inline-block !important; color: var(--pmg-ink) !important; background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-decoration: none !important; } body #site-footer .site-navigation ul.menu > li > a:hover, body #site-footer .site-navigation ul.menu > li > a:focus-visible, body #site-footer .site-navigation ul.menu > li.current-menu-item > a, body #site-footer .site-navigation ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } #site-footer .copyright { grid-column: 1 / -1; width: 100%; margin: 0 !important; padding-top: 16px; border-top: 1px solid rgba(38,61,66,.16); color: #5f6263 !important; font-size: 13px !important; text-align: center; } /* Shop Collections: six collection tiles only */ body.woocommerce-shop ul.products.columns-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.woocommerce-shop ul.products.columns-3::before, body.woocommerce-shop ul.products.columns-3::after { display: none !important; content: none !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category:first-child { order: -100; } body.woocommerce-shop ul.products.columns-3 > li.product-category:nth-child(4) { order: 100; } body.woocommerce-shop ul.products.columns-4, body.woocommerce-shop .woocommerce-result-count, body.woocommerce-shop .woocommerce-ordering, body.woocommerce-shop .woocommerce-pagination { display: none !important; } body.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.4 !important; } body.woocommerce ul.products li.product-category mark.count { display: none !important; } /* Four products across on collection pages */ body.tax-product_cat ul.products.columns-4 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.tax-product_cat ul.products.columns-4::before, body.tax-product_cat ul.products.columns-4::after { display: none !important; content: none !important; } body.tax-product_cat ul.products.columns-4 > li.product { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce ul.products li.product .price { font-family: Figtree, Arial, sans-serif !important; } body.woocommerce ul.products li.product .price { color: var(--pmg-price) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: .01em; } @media (max-width: 1024px) { #site-footer .footer-inner { grid-template-columns: 210px minmax(0, 1fr); column-gap: 36px; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)); grid-template-rows: repeat(5, auto); } body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { #site-header .header-inner { min-height: 72px; } #site-footer .footer-inner { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px 22px; } #site-footer .site-branding, #site-footer .site-navigation, #site-footer .copyright { grid-column: 1; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(5, auto); gap: 9px 24px; } } @media (max-width: 480px) { body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: 1fr !important; } } /* Force the footer menu out of the theme's flex layout */ html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { display: grid !important; grid-template-columns: repeat(3, minmax(150px, 1fr)) !important; grid-template-rows: none !important; grid-auto-flow: row !important; gap: 10px 34px !important; justify-content: stretch !important; align-items: start !important; flex-wrap: unset !important; } html body #site-footer nav.site-navigation ul#menu-footer-menu.menu > li { width: auto !important; max-width: none !important; flex: none !important; } @media (max-width: 1024px) { html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)) !important; } } @media (max-width: 767px) { html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } :root { --pmg-ink: #263d42; --pmg-blue: #789baa; --pmg-footer: #edf4f5; --pmg-price: #4b5152; } /* Consistent header */ #site-header .header-inner { min-height: 86px; } body #site-header .site-navigation ul.menu > li > a { position: relative; color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; } body #site-header .site-navigation ul.menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: var(--pmg-blue); transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } body #site-header .site-navigation ul.menu > li > a:hover, body #site-header .site-navigation ul.menu > li > a:focus-visible, body #site-header .site-navigation ul.menu > li.current-menu-item > a, body #site-header .site-navigation ul.menu > li.current_page_item > a, body.home #site-header #menu-item-69 > a, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue) !important; } body #site-header .site-navigation ul.menu > li > a:hover::after, body #site-header .site-navigation ul.menu > li > a:focus-visible::after { transform: scaleX(1); } body #site-header .site-navigation ul.menu > li.current-menu-item > a::after, body #site-header .site-navigation ul.menu > li.current_page_item > a::after, body.home #site-header #menu-item-69 > a::after, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a::after, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a::after, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a::after { transform: scaleX(0); } /* Clean three-column footer */ #site-footer { background: var(--pmg-footer) !important; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; } #site-footer .footer-inner { display: grid !important; grid-template-columns: 260px minmax(0, 1fr); column-gap: 70px; row-gap: 24px; align-items: start; padding-top: 38px; padding-bottom: 24px; } #site-footer .site-branding { grid-column: 1; } #site-footer .site-navigation { grid-column: 2; display: block !important; } #site-footer .site-navigation::before, #site-footer .site-navigation::after { display: none !important; content: none !important; } #site-footer .site-navigation ul.menu { display: grid !important; grid-template-columns: repeat(3, minmax(145px, 1fr)); grid-template-rows: repeat(3, auto); grid-auto-flow: column; gap: 10px 34px; margin: 0 !important; padding: 0 !important; } #site-footer .site-navigation ul.menu > li { display: block !important; margin: 0 !important; padding: 0 !important; grid-column: auto !important; grid-row: auto !important; } body #site-footer .site-navigation ul.menu > li > a { display: inline-block !important; color: var(--pmg-ink) !important; background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-decoration: none !important; } body #site-footer .site-navigation ul.menu > li > a:hover, body #site-footer .site-navigation ul.menu > li > a:focus-visible, body #site-footer .site-navigation ul.menu > li.current-menu-item > a, body #site-footer .site-navigation ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } #site-footer .copyright { grid-column: 1 / -1; width: 100%; margin: 0 !important; padding-top: 16px; border-top: 1px solid rgba(38,61,66,.16); color: #5f6263 !important; font-size: 13px !important; text-align: center; } /* Shop Collections: six collection tiles only */ body.woocommerce-shop ul.products.columns-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.woocommerce-shop ul.products.columns-3::before, body.woocommerce-shop ul.products.columns-3::after { display: none !important; content: none !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category:first-child { order: -100; } body.woocommerce-shop ul.products.columns-3 > li.product-category:nth-child(4) { order: 100; } body.woocommerce-shop ul.products.columns-4, body.woocommerce-shop .woocommerce-result-count, body.woocommerce-shop .woocommerce-ordering, body.woocommerce-shop .woocommerce-pagination { display: none !important; } body.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.4 !important; } body.woocommerce ul.products li.product-category mark.count { display: none !important; } /* Four products across on collection pages */ body.tax-product_cat ul.products.columns-4 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.tax-product_cat ul.products.columns-4::before, body.tax-product_cat ul.products.columns-4::after { display: none !important; content: none !important; } body.tax-product_cat ul.products.columns-4 > li.product { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce ul.products li.product .price { font-family: Figtree, Arial, sans-serif !important; } body.woocommerce ul.products li.product .price { color: var(--pmg-price) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: .01em; } @media (max-width: 1024px) { #site-footer .footer-inner { grid-template-columns: 210px minmax(0, 1fr); column-gap: 36px; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)); grid-template-rows: repeat(5, auto); } body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { #site-header .header-inner { min-height: 72px; } #site-footer .footer-inner { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px 22px; } #site-footer .site-branding, #site-footer .site-navigation, #site-footer .copyright { grid-column: 1; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(5, auto); gap: 9px 24px; } } @media (max-width: 480px) { body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: 1fr !important; } } /* Force the footer menu out of the theme's flex layout */ html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { display: grid !important; grid-template-columns: repeat(3, minmax(150px, 1fr)) !important; grid-template-rows: none !important; grid-auto-flow: row !important; gap: 10px 34px !important; justify-content: stretch !important; align-items: start !important; flex-wrap: unset !important; } html body #site-footer nav.site-navigation ul#menu-footer-menu.menu > li { width: auto !important; max-width: none !important; flex: none !important; } @media (max-width: 1024px) { html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)) !important; } } @media (max-width: 767px) { html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Compact footer spacing */ html body #site-footer .footer-inner { row-gap: 10px !important; padding-top: 18px !important; padding-bottom: 12px !important; } html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { gap: 4px 30px !important; } html body #site-footer .site-navigation ul.menu > li > a { line-height: 1.35 !important; } html body #site-footer .copyright { padding-top: 6px !important; } :root { --pmg-ink: #263d42; --pmg-blue: #789baa; --pmg-footer: #edf4f5; --pmg-price: #4b5152; } /* Consistent header */ #site-header .header-inner { min-height: 86px; } body #site-header .site-navigation ul.menu > li > a { position: relative; color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; } body #site-header .site-navigation ul.menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: var(--pmg-blue); transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } body #site-header .site-navigation ul.menu > li > a:hover, body #site-header .site-navigation ul.menu > li > a:focus-visible, body #site-header .site-navigation ul.menu > li.current-menu-item > a, body #site-header .site-navigation ul.menu > li.current_page_item > a, body.home #site-header #menu-item-69 > a, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a { color: var(--pmg-blue) !important; } body #site-header .site-navigation ul.menu > li > a:hover::after, body #site-header .site-navigation ul.menu > li > a:focus-visible::after { transform: scaleX(1); } body #site-header .site-navigation ul.menu > li.current-menu-item > a::after, body #site-header .site-navigation ul.menu > li.current_page_item > a::after, body.home #site-header #menu-item-69 > a::after, body.tax-product_cat.term-bracelets #site-header #menu-item-39 > a::after, body.tax-product_cat.term-earrings #site-header #menu-item-40 > a::after, body.tax-product_cat.term-necklaces #site-header #menu-item-41 > a::after { transform: scaleX(0); } /* Clean three-column footer */ #site-footer { background: var(--pmg-footer) !important; color: var(--pmg-ink); font-family: Figtree, Arial, sans-serif; } #site-footer .footer-inner { display: grid !important; grid-template-columns: 260px minmax(0, 1fr); column-gap: 70px; row-gap: 24px; align-items: start; padding-top: 38px; padding-bottom: 24px; } #site-footer .site-branding { grid-column: 1; } #site-footer .site-navigation { grid-column: 2; display: block !important; } #site-footer .site-navigation::before, #site-footer .site-navigation::after { display: none !important; content: none !important; } #site-footer .site-navigation ul.menu { display: grid !important; grid-template-columns: repeat(3, minmax(145px, 1fr)); grid-template-rows: repeat(3, auto); grid-auto-flow: column; gap: 10px 34px; margin: 0 !important; padding: 0 !important; } #site-footer .site-navigation ul.menu > li { display: block !important; margin: 0 !important; padding: 0 !important; grid-column: auto !important; grid-row: auto !important; } body #site-footer .site-navigation ul.menu > li > a { display: inline-block !important; color: var(--pmg-ink) !important; background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-decoration: none !important; } body #site-footer .site-navigation ul.menu > li > a:hover, body #site-footer .site-navigation ul.menu > li > a:focus-visible, body #site-footer .site-navigation ul.menu > li.current-menu-item > a, body #site-footer .site-navigation ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } #site-footer .copyright { grid-column: 1 / -1; width: 100%; margin: 0 !important; padding-top: 16px; border-top: 1px solid rgba(38,61,66,.16); color: #5f6263 !important; font-size: 13px !important; text-align: center; } /* Shop Collections: six collection tiles only */ body.woocommerce-shop ul.products.columns-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.woocommerce-shop ul.products.columns-3::before, body.woocommerce-shop ul.products.columns-3::after { display: none !important; content: none !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce-shop ul.products.columns-3 > li.product-category:first-child { order: -100; } body.woocommerce-shop ul.products.columns-3 > li.product-category:nth-child(4) { order: 100; } body.woocommerce-shop ul.products.columns-4, body.woocommerce-shop .woocommerce-result-count, body.woocommerce-shop .woocommerce-ordering, body.woocommerce-shop .woocommerce-pagination { display: none !important; } body.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { color: var(--pmg-ink) !important; font-family: Figtree, Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.4 !important; } body.woocommerce ul.products li.product-category mark.count { display: none !important; } /* Four products across on collection pages */ body.tax-product_cat ul.products.columns-4 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 34px 28px !important; } body.tax-product_cat ul.products.columns-4::before, body.tax-product_cat ul.products.columns-4::after { display: none !important; content: none !important; } body.tax-product_cat ul.products.columns-4 > li.product { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; } body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce ul.products li.product .price { font-family: Figtree, Arial, sans-serif !important; } body.woocommerce ul.products li.product .price { color: var(--pmg-price) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: .01em; } @media (max-width: 1024px) { #site-footer .footer-inner { grid-template-columns: 210px minmax(0, 1fr); column-gap: 36px; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)); grid-template-rows: repeat(5, auto); } body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { #site-header .header-inner { min-height: 72px; } #site-footer .footer-inner { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px 22px; } #site-footer .site-branding, #site-footer .site-navigation, #site-footer .copyright { grid-column: 1; } #site-footer .site-navigation ul.menu { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(5, auto); gap: 9px 24px; } } @media (max-width: 480px) { body.tax-product_cat ul.products.columns-4, body.woocommerce-shop ul.products.columns-3 { grid-template-columns: 1fr !important; } } /* Force the footer menu out of the theme's flex layout */ html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { display: grid !important; grid-template-columns: repeat(3, minmax(150px, 1fr)) !important; grid-template-rows: none !important; grid-auto-flow: row !important; gap: 10px 34px !important; justify-content: stretch !important; align-items: start !important; flex-wrap: unset !important; } html body #site-footer nav.site-navigation ul#menu-footer-menu.menu > li { width: auto !important; max-width: none !important; flex: none !important; } @media (max-width: 1024px) { html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { grid-template-columns: repeat(2, minmax(135px, 1fr)) !important; } } @media (max-width: 767px) { html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Compact footer spacing */ html body #site-footer .footer-inner { row-gap: 10px !important; padding-top: 18px !important; padding-bottom: 12px !important; } html body #site-footer nav.site-navigation ul#menu-footer-menu.menu { gap: 4px 30px !important; } html body #site-footer .site-navigation ul.menu > li > a { line-height: 1.35 !important; } html body #site-footer .copyright { padding-top: 6px !important; } /* Refined charcoal link color */ :root { --pmg-ink: #4a4f50; } html body #site-header .site-navigation ul.menu > li > a, html body #site-footer .site-navigation ul.menu > li > a { color: #4a4f50 !important; } /* Clean responsive header menu */ @media (max-width: 1024px) { #site-header .header-inner { min-height: 76px !important; padding-left: 22px !important; padding-right: 22px !important; } #site-header .site-logo img { max-width: 245px !important; height: auto !important; } #site-header .site-navigation-toggle-holder { margin-left: auto !important; } #site-header .site-navigation-toggle { width: 54px !important; height: 54px !important; padding: 14px !important; border-radius: 6px !important; } #site-header .site-navigation-dropdown { left: 0 !important; right: 0 !important; width: 100% !important; background: #ffffff !important; border-top: 1px solid #e7eaeb !important; box-shadow: 0 8px 18px rgba(38,61,66,.10) !important; z-index: 9999 !important; } html body #site-header .site-navigation-dropdown ul.menu { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; margin: 0 !important; padding: 8px 22px 12px !important; gap: 0 !important; } html body #site-header .site-navigation-dropdown ul.menu > li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } html body #site-header .site-navigation-dropdown ul.menu > li > a { display: block !important; width: 100% !important; padding: 11px 2px !important; color: #4a4f50 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #eef0f1 !important; font-family: Figtree, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.35 !important; text-align: left !important; text-decoration: none !important; } html body #site-header .site-navigation-dropdown ul.menu > li:last-child > a { border-bottom: 0 !important; } html body #site-header .site-navigation-dropdown ul.menu > li > a:hover, html body #site-header .site-navigation-dropdown ul.menu > li > a:focus-visible, html body #site-header .site-navigation-dropdown ul.menu > li.current-menu-item > a, html body #site-header .site-navigation-dropdown ul.menu > li.current_page_item > a { color: var(--pmg-blue) !important; } } @media (max-width: 480px) { #site-header .header-inner { min-height: 68px !important; padding-left: 14px !important; padding-right: 14px !important; } #site-header .site-logo img { max-width: 210px !important; } #site-header .site-navigation-toggle { width: 48px !important; height: 48px !important; padding: 12px !important; } } /* Final active-link correction: underline on hover only */ html body #site-header nav.site-navigation ul.menu > li.current-menu-item > a:focus, html body #site-header nav.site-navigation ul.menu > li.current-menu-item > a:focus-visible, html body #site-header nav.site-navigation ul.menu > li.current_page_item > a:focus, html body #site-header nav.site-navigation ul.menu > li.current_page_item > a:focus-visible, html body #site-footer nav.site-navigation ul.menu > li.current-menu-item > a:focus, html body #site-footer nav.site-navigation ul.menu > li.current-menu-item > a:focus-visible, html body #site-footer nav.site-navigation ul.menu > li.current_page_item > a:focus, html body #site-footer nav.site-navigation ul.menu > li.current_page_item > a:focus-visible { text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; } html body #site-header nav.site-navigation ul.menu > li.current-menu-item > a:hover, html body #site-header nav.site-navigation ul.menu > li.current_page_item > a:hover, html body #site-footer nav.site-navigation ul.menu > li.current-menu-item > a:hover, html body #site-footer nav.site-navigation ul.menu > li.current_page_item > a:hover { text-decoration-line: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } /* Remove WooCommerce clearfix placeholders from recommendation grid */ html body.single-product section.related.products ul.products::before, html body.single-product section.related.products ul.products::after { content: none !important; display: none !important; } /* Use exact transparent logo and render it white in the footer */ html body #site-footer img.custom-logo { content: url("https://poppymountaingems.com/wp-content/uploads/2026/08/pmg-footer-logo-transparent.png") !important; filter: brightness(0) invert(1) !important; background: transparent !important; object-fit: contain !important; } /* Center footer content within the blue footer */ @media (min-width: 768px) { html body #site-footer .footer-inner { position: relative !important; min-height: 150px !important; align-items: center !important; align-content: center !important; padding-top: 16px !important; padding-bottom: 16px !important; } html body #site-footer .site-branding, html body #site-footer .site-navigation { align-self: center !important; } html body #site-footer .copyright { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 8px !important; width: 100% !important; } } /* Store consistency review */ /* Use the collection-page charcoal price color everywhere */ html body .woocommerce .price, html body .woocommerce div.product p.price, html body .woocommerce div.product span.price, html body.single-product .summary .price, html body.single-product section.related.products .price { color: #4b5152 !important; } /* Recommendation cards should link to the product, without cart buttons */ html body.single-product section.related.products a.button, html body.single-product section.related.products .add_to_cart_button { display: none !important; } /* Small collections do not need result counts or sorting controls */ html body.tax-product_cat .woocommerce-result-count, html body.tax-product_cat .woocommerce-ordering { display: none !important; } /* Keep the intended Shop Collections order: three and three */ html body.post-type-archive-product li.product-category:has(a[href*="/all-products/"]) { order: 1 !important; } html body.post-type-archive-product li.product-category:has(a[href*="/bracelets/"]) { order: 2 !important; } html body.post-type-archive-product li.product-category:has(a[href*="/earrings/"]) { order: 3 !important; } html body.post-type-archive-product li.product-category:has(a[href*="/necklaces/"]) { order: 4 !important; } html body.post-type-archive-product li.product-category:has(a[href*="/the-anchor-collection/"]) { order: 5 !important; } html body.post-type-archive-product li.product-category:has(a[href*="/uncategorized/"]) { order: 6 !important; }/* End custom CSS */