/*
Theme Name: Supplementive Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.1.1772342879
Updated: 2026-03-01 10:57:59

*/

/*
Theme Name: GeneratePress Child
Template: generatepress
Version: 1.0
*/

:root {
  /* Background colors */
  --bg-main: #F8FAFC;
  --bg-section: #E6F2FF;
  --bg-card: #FFFFFF;

  /* Brand colors */
  --primary-blue: #1E88E5;
  --primary-green: #2E7D32;

  /* Text colors */
  --text-heading: #0F172A;
  --text-body: #334155;
  --text-light: #FFFFFF;
  --text-muted: #64748B;

  /* Button colors */
  --btn-primary: #1E88E5;
  --btn-primary-hover: #1565C0;

  --btn-secondary: #2E7D32;
  --btn-secondary-hover: #1B5E20;

  /* Accent colors */
  --accent-orange: #F59E0B;
  --accent-sky: #38BDF8;
}


body,html {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", Arial, sans-serif; 
   -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  background-color: transparent;
}

 *
 {
    box-sizing: border-box;
 }

@font-face { font-family: "Lato"; src: url("./fonts/Lato/Lato-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: "Montserrat"; src: url("./fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Montserrat"; src: url("./fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: "Montserrat"; src: url("./fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; }

/* Font sizes (responsive) */
/* Responsive Font Sizes for All Headings */
h1 { font-size: clamp(2rem, 5vw, 3rem); /* min 2rem, max 3rem, scales with viewport */ font-family: "Lato"; font-weight: 700; }
h2 { font-size: clamp(1.75rem, 4.5vw, 2.5rem); font-family: "Lato"; font-weight: 600; }
h3 { font-size: clamp(1.5rem, 4vw, 2rem); font-family: "Lato"; font-weight: 500; }
h4 { font-size: clamp(1.25rem, 3.5vw, 1.75rem); font-family: "Lato"; font-weight: 500; }
h5 { font-size: clamp(1.1rem, 3vw, 1.5rem); font-family: "Lato"; font-weight: 400; }
h6 { font-size: clamp(1rem, 2.5vw, 1.25rem); font-family: "Lato"; font-weight: 400; }
p { font-size: clamp(1rem, 2.5vw, 1.125rem);   font-family: "Montserrat"; font-weight: 400; }

a {
  color: var(--primary-blue);
  text-decoration: none;
}

a:hover {
  color: var(--btn-primary-hover);
}

.wrapper {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.padding-50{padding: 3rem 0;}
.padding-75{padding: 4.688rem 0;}

/* Small devices (≥576px) */
@media (min-width: 576px) {
  .wrapper { max-width: 540px; }
}

/* Medium devices (≥768px) */
@media (min-width: 768px) {
  .wrapper { max-width: 720px; }
}

/* Large devices (≥992px) */
@media (min-width: 992px) {
  .wrapper { max-width: 960px; }
}

/* Extra large devices (≥1200px) */
@media (min-width: 1200px) {
  .wrapper { max-width: 1140px; }
}

/* XXL devices (≥1400px) */
@media (min-width: 1400px) {
  .wrapper { max-width: 1320px; }
}

.col2 .column-block{width: 50%;}
.col3 .column-block{width: 33%;}
.col4 .column-block{width: 25%;}
.col5 .column-block{width: 22%;}

h1,h2,h3,h4,h5,h6{margin: 0;line-height: 1.5;color: var(--text-heading);}
p{margin: 0;line-height: 1.5;color: var(--text-body);}


.dflex{display: flex;}
.wrap{flex-wrap: wrap;}
.jcenter{justify-content: center;}
.site-content{justify-content: center;}
.text-center{text-align: center;}

/* LIST PAGE (fat burner / prostate) */
/* .supplements-container { width: 90%; margin: auto; }
.supplement-item { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid #ddd; }

.supplement-img img { width: 120px; }
.supplement-content { flex: 1; } 
.shop-now-btn { background: #8b5e00; color: #fff; padding: 10px 18px; text-decoration: none; border-radius: 5px; } */

/* SINGLE PRODUCT PAGE */
/* .single-supplement-container { width: 90%; margin: auto; padding: 30px 0; }
.supplement-breadcrumb { font-size: 14px; margin-bottom: 10px; }
.supplement-title { font-size: 32px; margin-bottom: 20px; }
.supplement-top { display: flex; gap: 30px; margin-bottom: 30px; }
.supplement-image img { max-width: 350px; border: 1px solid #ddd; }
.buy-now-btn { background: var(--btn-primary); color: #fff; padding: 12px 25px; border-radius: 5px; text-decoration: none; }

header{background-color: var(--text-heading);}
header a{color: var(--bg-card);}
header .main-navigation, header .main-navigation ul ul{background-color: transparent;}
header .main-navigation .main-nav ul li a{padding: 0px 10px;line-height: 1.5;}



section.supplements-details .supplments-item-box  { padding: 0px 10px; }
section.supplements-details .supplements-title{padding-bottom: 3rem;}
section.supplements-details .supplments-item-box .supplments-item-inner-box { background-color: var(--bg-card); padding: 1rem; border: 16px solid var(--primary-blue); box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 15px; border-radius: 10px; height: 100%;display: block; }
section.supplements-details .supplments-item-box .supplments-item-inner-box .supplments-img img{filter: brightness(0) saturate(100%) invert(54%) sepia(25%) saturate(6229%) hue-rotate(185deg) brightness(90%) contrast(99%);object-fit: cover;width: 100%; max-width: 55px;}
section.supplements-details .supplments-item-box .supplments-item-inner-box .content-box h5{padding: 0.5rem 0;}
section.supplements-details .supplments-item-box .supplments-item-inner-box .content-box{text-align: center;}
section.supplements-details .supplments-item-box .supplments-item-inner-box .supplments-img { border-radius: 50%; border: 1px dashed var(--text-body); padding: 15px; display: flex; align-items: center; justify-content: center; height: 95px; width: 95px;margin: 0 auto; }

.site-header { background-color: #E6F2FF; }
section.main-taxonomy-content .post-list-item { display: flex; align-items: stretch; justify-content: space-between; width: 100%; gap: 20px;padding:20px 0px; }
section.main-taxonomy-content .post-list-item .post-item { width: 15%; }
section.main-taxonomy-content .post-list-item .post-excerpt { width: 70%; }
section.main-taxonomy-content .post-list-item .product-link { width: 15%; }
section.main-taxonomy-content .post-list-item .post-title a {color: #1E88E5; font-weight:500;    font-size: 1.375rem;}
section.main-taxonomy-content .post-list-item .post-title .readmore a {color: #1E88E5; font-weight:500;    font-size: 0.938rem;}
section.main-taxonomy-content .post-list-item .post-title p{ font-size:0.938rem; padding-top:1rem; }
section.main-taxonomy-content .post-list-item .post-categories p { font-size: 0.78em; color: #777; font-weight: 500; }
section.main-taxonomy-content .post-list-item .post-title p a{font-size: 0.938rem;}
.container.grid-container{max-width:100%}
section.main-taxonomy-content .post-list-item  .product-link a{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1.2px;background: #1565C0;}
section.main-taxonomy-content .post-list-item .product-link a:hover{ background-color:#0F172A; }
section.main-taxonomy-content .post-list-item .product-link a{ font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.2px; background: #1565C0; border-radius: 5px; }
section.main-taxonomy-content .breadcrumb { font-size:14px; margin-bottom:20px; border-bottom: 1px solid #eaeaea; padding-bottom: 15px; }
section.main-taxonomy-content .breadcrumb a{ text-decoration:none; color:#0073aa; }
section.main-taxonomy-content .breadcrumb span{ color:#555; }
section.main-taxonomy-content { padding: 3.125rem 0; }
section.main-taxonomy-content .main-post-title { padding-bottom: 20px; }
section.main-taxonomy-content .post-title a.read-more {font-size: 0.938rem;} */

/* --- Base Reset --- */
/* =========================
   HEADER
========================= */
.site-header { width: 100%; background: #fff; border-bottom: 1px solid #eee; position: relative; z-index: 9999; }
.site-header .wrapper { margin: 0 auto; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; }

/* =========================
   LOGO
========================= */
.site-branding { flex-shrink: 0; }
.logo-link img { max-width: 280px; width: 100%; height: auto; display: block; }
.site-title { font-size: 30px; font-weight: 700; color: #111; text-decoration: none; }
/* =========================
   DESKTOP NAVIGATION
========================= */
.main-navigation { display: flex; align-items: center; background: transparent; }
.nav-menu { display: flex; align-items: center; gap: 30px; list-style: none; margin: 0; padding: 0; }

.nav-menu li { position: relative; }
.nav-menu li a { color: #000000; text-decoration: none; font-size: 16px; font-weight: 500; display: block; transition: 0.3s ease; }
.nav-menu li a:hover { color: var(--btn-primary); }

/* =========================
   MOBILE TOGGLE BUTTON
========================= */
.menu-toggle { width: 46px; height: 46px; background: transparent; border: none; display: none; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; padding: 0; position: relative; z-index: 10001; }
.menu-toggle span { width: 28px; height: 3px; background: #111; margin: 4px 0; transition: all 0.3s ease; border-radius: 2px; }

/* Toggle Active Animation */
.menu-toggle.active span:nth-child(1) { transform: translateY(11px) rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: translateY(-11px) rotate(-45deg); }

/* =========================
   OVERLAY
========================= */
.menu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.45); opacity: 0; visibility: hidden; transition: 0.3s ease; z-index: 9997; }

.menu-overlay.active { opacity: 1; visibility: visible; }

/* =========================
   TABLET + MOBILE <= 960px
========================= */
@media (max-width: 960px) {
.main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display: block;}
.menu-toggle { display: flex; align-items: end; justify-content: center; }
.main-navigation { position: fixed; top: 0; right: -100%; width: 320px; max-width: 90%; height: 100vh; background: #fff; padding: 90px 25px 30px; display: block; overflow-y: auto; box-shadow: -8px 0 20px rgba(0,0,0,0.12); transition: right 0.35s ease; z-index: 10000; }
.main-navigation.active { right: 0; }
.nav-menu { flex-direction: column; align-items: flex-start; gap: 0; width: 100%; }
.nav-menu li { width: 100%; }
.nav-menu li a { width: 100%; padding: 16px 0; font-size: 18px; }
/* Optional dropdown support */
.nav-menu .sub-menu { list-style: none; padding-left: 15px; margin: 0; }
.nav-menu .sub-menu li { border-bottom: none; }
.nav-menu .sub-menu li a { font-size: 16px; padding: 12px 0; }
}

/* =========================
   MOBILE <= 767px
========================= */
@media (max-width: 767px) {
 .header-inner { padding: 14px 16px; } 
 .logo-link img { max-width: 145px; } 
 .main-navigation { width: 100%; max-width: 100%; padding: 85px 20px 25px; }
  .nav-menu li a { font-size: 17px; }
}

/* =========================
   SMALL MOBILE <= 480px
========================= */
@media (max-width: 480px) {
.logo-link img { max-width: 130px; } 
.menu-toggle { width: 42px; height: 42px; } 
.menu-toggle span { width: 24px; }
}

/* =========================
   BODY LOCK WHEN MENU OPEN
========================= */
body.menu-open { overflow: hidden; }


.category-list-section .main-categroy-list .categroy-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.category-list-section .main-categroy-list .categroy-list-item { width: 25%; padding: 0px 20px; }
.category-list-section .main-top-description{    margin-bottom: 3rem;}
.category-list-section .main-top-description h2{    margin-bottom: 1.2rem;}
.categroy-list-text h3{font-size: 1.7rem;}
.categroy-list-text p{margin: 1rem 0;}
.category-button a{background-color: var(--btn-secondary);color: var(--bg-card);border-radius: 7px;}
.category-button a:hover{background-color: var(--accent-orange);color: var(--text-heading);}

.product-item { display: flex; justify-content: space-between; align-items: center; gap: 30px; width: 100%; text-align: left; margin-bottom: 1.5rem; }
.product-item .product-left-item { width: 25%; }
.product-item .product-right-item { width: 75%; }
.product-item:last-child{margin-bottom: 0;}
.product-right-item h3.product-title , .product-right-item .content ,.product-right-item .product-meta , .product-right-item .product-categories { margin-bottom: 1rem; }
.category-list-section .main-top-description p{ color: #000000; font-weight: 500;}