/*
Theme Name:     FreshPub Theme
Theme URI:      n/a
Template:       kadence
Author:         Better Everyone Ltd
Author URI:     https://www.bettereveryone.com
Description:    A device-agnostic website theme for the FreshKit.co.uk website
Version:        3.6.3
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/* Reading Progress */
#reading-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background-color: #FF3333; /* Customize this colour */
    z-index: 99999;
    transition: width 0.1s ease;
}
/* Reading Progress */
/* Affiliate Disclaimer */
.affiliate-disclaimer {
    font-style: italic;
    font-size: 0.8em;
		line-height:1.4em!important;
		margin-top: 1.0em!important;
    margin-bottom: 1em!important;
    padding: 10px;
		border:1px solid;
	
}
.widget_block header.entry-header {
	margin-bottom:0em!important;
}
.widget .wp-block-kadence-posts .entry-content-wrap {
	padding:30px;
}
.kt_simple_share_container {
	margin-bottom:20px;
}
.accordion-title h2 {
	font-size:1.15rem!important;
	letter-spacing:-0.02em;
}
#main-header .search-field {
	border-radius:99px!important;
	padding-left:15px;
}

/* ========================================================================== */
/* PART 1: SETUP & BASE VARIABLES                                             */
/* ========================================================================== */

.entry-content.single-content {
  /* -- Padding & Offset Variables -- */
  --ol-padding: 40px;
  --ul-padding: 30px;
  --ul-nested-padding: 25px;

  /* -- Default / Fallback Color Variable -- */
  --section-color: #424242; /* Default: Dark Gray */
}


/* ========================================================================== */
/* PART 2: BASE LIST & HEADING STYLES (STRUCTURE & THEME APPLICATION)       */
/* ========================================================================== */

/* --- Universal Color Application (using the --section-color variable) --- */

/* Apply theme color to all headings within the content area */
.entry-content.single-content h2,
.entry-content.single-content h3,
.entry-content.single-content h4,
.entry-content.single-content h5,
.entry-content.single-content h6 {
  color: var(--section-color);
}

/* Apply theme color to OL number badges */
.entry-content.single-content ol.wp-block-list > li::before {
  background: var(--section-color);
  color: #fff; /* White text on colored background */
}

/* Apply theme color to all UL markers and nested list markers */
.entry-content.single-content ul.wp-block-list > li::before,
.entry-content.single-content ul.wp-block-list ul li::before,
.entry-content.single-content ol.wp-block-list ul li::before,
.entry-content.single-content ol.wp-block-list ul ul li::before,
.entry-content.single-content ol.wp-block-list ul ul ul li::before {
  color: var(--section-color);
}


/* --- List Structure and Marker Styling (No Colors Here) --- */

/* Reset and Style for All Lists */
ol.wp-block-list,
ul.wp-block-list {
  list-style: none;
  counter-reset: my-counter;
}
ol.wp-block-list { padding-left: var(--ol-padding); }
ul.wp-block-list { padding-left: var(--ul-padding); }

/* Nested Lists Padding */
ol.wp-block-list ul,
ul.wp-block-list ul {
  padding-left: var(--ul-nested-padding);
}

/* Base List Item Styling */
.wp-block-list li {
  line-height: 1.5em;
  margin-top: 10px;
  position: relative;
}

/* Increment counter only on direct children of OL */
ol.wp-block-list > li {
  counter-increment: my-counter;
}

/* --- List Marker Content and Positioning --- */

/* Ordered List Number Badges */
ol.wp-block-list > li:before {
  content: counter(my-counter);
  position: absolute;
  left: calc(var(--ol-padding) * -1);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
}

/* Top-level Unordered List Markers */
ul.wp-block-list > li:before {
  content: "✺";
  position: absolute;
  left: calc(var(--ul-padding) * -0.66); /* Adjust multiplier as needed */
  font-size: 20px;
}

/* Nested UL under UL (Level 2) */
ul.wp-block-list ul li:before {
  content: "○";
  font-size: 12px;
  left: calc(var(--ul-nested-padding) * -0.8);
}

/* Nested UL under OL (Level 1 & 2) */
ol.wp-block-list ul li:before {
  content: "►";
  font-size: 16px;
  left: calc(var(--ul-nested-padding) * -1);
}
ol.wp-block-list ul ul li:before {
  content: "»";
  font-size: 16px;
  left: calc(var(--ul-nested-padding) * -0.8);
}
ol.wp-block-list ul ul ul li:before {
  content: "-";
  font-size: 16px;
  left: calc(var(--ul-nested-padding) * -0.8);
}


/* ========================================================================== */
/* PART 3: SECTION-SPECIFIC COLOR OVERRIDES                                   */
/* This is where we change the --section-color for each H2 section.          */
/* The cascade ensures each new section overrides the previous one.           */
/* ========================================================================== */

/* EXCLUDE THE HOMEPAGE THEN CARRY ON */
.home .entry-content.single-content h2:nth-of-type(1),
.home .entry-content.single-content h2:nth-of-type(1) ~ * {
	--section-color: #333;
}
/* EXCLUDE THE HOMEPAGE THEN CARRY ON */

/* --- Section 1: Dark Red --- */
.entry-content.single-content h2:nth-of-type(1),
.entry-content.single-content h2:nth-of-type(1) ~ * { --section-color: #9A2020; }

/* --- Section 2: Dark Blue --- */
.entry-content.single-content h2:nth-of-type(2),
.entry-content.single-content h2:nth-of-type(2) ~ * { --section-color: #0D47A1; }

/* --- Section 3: Dark Green --- */
.entry-content.single-content h2:nth-of-type(3),
.entry-content.single-content h2:nth-of-type(3) ~ * { --section-color: #1B5E20; }

/* --- Section 4: Dark Purple --- */
.entry-content.single-content h2:nth-of-type(4),
.entry-content.single-content h2:nth-of-type(4) ~ * { --section-color: #4A148C; }

/* --- Section 5: Dark Orange --- */
.entry-content.single-content h2:nth-of-type(5),
.entry-content.single-content h2:nth-of-type(5) ~ * { --section-color: #E65100; }

/* --- Section 6: Dark Teal --- */
.entry-content.single-content h2:nth-of-type(6),
.entry-content.single-content h2:nth-of-type(6) ~ * { --section-color: #004D40; }

/* --- Section 7: Dark Pink/Magenta --- */
.entry-content.single-content h2:nth-of-type(7),
.entry-content.single-content h2:nth-of-type(7) ~ * { --section-color: #880E4F; }

/* --- Section 8: Indigo --- */
.entry-content.single-content h2:nth-of-type(8),
.entry-content.single-content h2:nth-of-type(8) ~ * { --section-color: #311B92; }

/* --- Section 9: Darker Blue --- */
.entry-content.single-content h2:nth-of-type(9),
.entry-content.single-content h2:nth-of-type(9) ~ * { --section-color: #01579B; }

/* --- Section 10: Dark Olive --- */
.entry-content.single-content h2:nth-of-type(10),
.entry-content.single-content h2:nth-of-type(10) ~ * { --section-color: #827717; }

/* --- Section 11: Burnt Orange --- */
.entry-content.single-content h2:nth-of-type(11),
.entry-content.single-content h2:nth-of-type(11) ~ * { --section-color: #BF360C; }

/* --- Section 12: Very Dark Teal --- */
.entry-content.single-content h2:nth-of-type(12),
.entry-content.single-content h2:nth-of-type(12) ~ * { --section-color: #00251A; }

/* --- Section 13: Brown --- */
.entry-content.single-content h2:nth-of-type(13),
.entry-content.single-content h2:nth-of-type(13) ~ * { --section-color: #4E342E; }

/* --- Section 14: Blue Grey --- */
.entry-content.single-content h2:nth-of-type(14),
.entry-content.single-content h2:nth-of-type(14) ~ * { --section-color: #37474F; }

/* --- Section 15: Dark Navy --- */
.entry-content.single-content h2:nth-of-type(15),
.entry-content.single-content h2:nth-of-type(15) ~ * { --section-color: #1A237E; }

/* --- Section 16: Dark Cyan --- */
.entry-content.single-content h2:nth-of-type(16),
.entry-content.single-content h2:nth-of-type(16) ~ * { --section-color: #006064; }

/* --- Section 17: Dark Amber --- */
.entry-content.single-content h2:nth-of-type(17),
.entry-content.single-content h2:nth-of-type(17) ~ * { --section-color: #FF6F00; }

/* --- Section 18: Maroon --- */
.entry-content.single-content h2:nth-of-type(18),
.entry-content.single-content h2:nth-of-type(18) ~ * { --section-color: #800000; }

/* --- Section 19: Forest Green --- */
.entry-content.single-content h2:nth-of-type(19),
.entry-content.single-content h2:nth-of-type(19) ~ * { --section-color: #2E7D32; }

/* --- Section 20: Slate Grey --- */
.entry-content.single-content h2:nth-of-type(20),
.entry-content.single-content h2:nth-of-type(20) ~ * { --section-color: #263238; }


/* ========================================================================== */
/* PART 4: RESPONSIVE STYLES                                                  */
/* ========================================================================== */

@media (max-width: 600px) {
  .entry-content.single-content {
    /* -- Adjust padding variables for mobile -- */
    --ol-padding: 30px;
    --ul-padding: 25px;
    --ul-nested-padding: 20px;
  }

  /* Adjust marker sizes for mobile */
  ol.wp-block-list > li:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
  }

  ul.wp-block-list > li:before {
    font-size: 16px;
  }
}
#inner-wrap .post-hero-section .entry-header {
	max-width:960px;
	margin:0 auto;
}
.entry-hero-container-inner  .entry-header .title-entry-excerpt {
	max-width:780px;
}
.content-container.site-container {
	padding-top:20px;
}
li.entry-list-item, li.kb-post-list-item {
	list-style:none;
}