/* ==========================================================
   FOUNDATION CLASSIC — LEGACY BASE CSS
   Keep for structural/layout dependencies.
   Modern overrides live at the very bottom of this file.
   ========================================================== */

/*
Theme Name: Foundation Classic (PHP8)
Theme URI: https://gf.avimllc.com/
Author: Ben
Description: Rebuilt legacy FoundationF layout, PHP 8 compatible, Shopp removed.
Version: 1.0
Text Domain: foundation-classic-php8
*/

/*
Theme Name: Foundation
Author: Jessica of Balancing Everything
Theme URI: http://balancingeverything.com
Description: A premium, custom theme for The Food for Everyone Foundation.
Version: 1.0
*/

/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
html, body{
	height: 100%
}
body{
	background: #49864f;
	color: #000000;
	font: .75em Verdana,Arial,Geneva,Helvetica,Sans-Serif
}
a{
	color: #d54b49;
	text-decoration: underline
}
a:hover{
	text-decoration: none
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 12px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	color: #3d75a5;
	font: 2.6em "Palatino Linotype","Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin: 0 0 .3em
}
h3{
	color: #d74f4b;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 .5em
}
h4{
	font-size: 1em;
	margin: 0 0 .5em
}
h5{
	color: #d74f4b;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 .5em
	background-color: #FFFAB6;
}
p{
	line-height: 1.6em;
	padding: 0 0 1em
}
div.hr {
  height: 80px;
  background: #fff url(images/mitt-divider.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}
/*=== Layout ===*/
#page{
	background: url(images/page-bgr.gif) repeat-y;
	margin: 0 auto;
	padding: 0 7px;
	width: 900px;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
/*=== Header ===*/
#header{
	background: url(images/header-bgr.jpg) no-repeat top;
	height: 226px
}
#header .content{
    float: none;
    width: 900px;
    margin: 0 auto;
}
/*- Logo -*/
#header h1{
	margin: 0 0 17px;
	text-indent: -9999px
}
#header h1 a{
	display: block;
	height: 130px;
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	font-size: 14px;
	height: 35px;
	text-transform: lowercase
}
.nav1 ul{
	padding: 0 40px 0 25px
}
.nav1 li{
	background: url(images/nav1-sep.gif) no-repeat right;
	float: left;
	line-height: 35px
}
.nav1 li.last{
	background: none
}
.nav1 li a{
	color: #4f2a15;
	display: block;
	float: left;
	padding: 0 15px;
	text-decoration: none
}
.nav1 li.btn-checkout a{
	background: url(images/ico-cart.gif) no-repeat right;
	padding-right: 30px
}
.nav1 li a:hover{
	color: #e97517
}
/*- Nav2 -*/
.nav2{
    font-size: 16px;
    font-weight: normal;
    height: 28px;
    text-transform: lowercase;
    width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.nav2 li{
    background: url(images/nav2-sep.gif) no-repeat right;
    display: inline-block;
    float: none;
    line-height: 28px;
    padding: 0 6px
}
.nav2 li a{
	color: #ffffff;
	display: block;
	float: left;
	height: 28px;
	padding: 0 12px 0 0;
	text-align: right;
	text-decoration: none;
	width: 94px
}
.nav2 li.n21 a{
	background: url(images/nav21.gif) repeat-x top
}
.nav2 li.n21 a:hover, .nav2 li.n21,active a{
	color: #8dadc7
}
.nav2 li.n22 a{
	background: url(images/nav22.gif) repeat-x top
}
.nav2 li.n22 a:hover, .nav2 li.n22,active a{
	color: #a6d2a9
}
.nav2 li.n23 a{
	background: url(images/nav23.gif) repeat-x top
}
.nav2 li.n23 a:hover, .nav2 li.n23,active a{
	color: #d19ab8
}
.nav2 li.n24 a{
	background: url(images/nav24.gif) repeat-x top
}
.nav2 li.n24 a:hover, .nav2 li.n24,active a{
	color: #efa9a3
}
.nav2 li.n25 a{
	background: url(images/nav25.gif) repeat-x top
}
.nav2 li.n25 a:hover, .nav2 li.n25,active a{
	color: #f9bd8c
}
.nav2 li.n26 a{
	background: url(images/nav26.gif) repeat-x top
}
.nav2 li.n26 a:hover, .nav2 li.n26,active a{
	color: #b59baf
}
.nav2 li.n27{
	background: none
}
.nav2 li.n27 a{
	background: url(images/nav27.gif) repeat-x top
}
.nav2 li.n27 a:hover, .nav2 li.n27,active a{
	color: #a9c0e0
}
/*- Nav3 -*/
.nav3 ul{
	font-size: 14px;
	margin: 0 -10px 0 -17px;
	position: relative
}
.nav3 li a{
	color: #ffffff;
	display: block;
	height: 1%;
	padding: 2px 0 2px 17px;
	text-decoration: none
}
.nav3 li a:hover,
.nav3 li.active a{
	background: #8dadc7;
	text-decoration: none
}
.box.colr03 .nav3 li a:hover{
	background: #d6a6c1
}
.box.colr05 .nav3 li a:hover{
	background: #f8a968
}
/*=== Headline ===*/
.headline{
	background: url(images/hd-bgr.gif) no-repeat center;
	clear: both;
	height: 44px;
	margin: 0 0 1em;
	overflow: hidden;
	text-align: center
}
.headline h3{
	color: #ffffff;
	font-size: 16px;
	line-height: 44px;
	margin: 0
}
/*=== All Columns ===*/
#columns{
	background: #ffffff;
	height: 1%;
	padding: 0 0 15px 12px
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	margin: 17px 0 0;
	width: 178px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	margin: 0 0 0 25px;
	width: 500px
}

#centercol img {
	border: 2px solid #482818;
	color: #6f6e6e;
	display: block;
	margin: 0 auto 0 auto;
	padding: 0px;
}
#centercol img a{
	color: #6f6e6e
}


#centercol img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

#centercol img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

#centercol img.alignrightno{
	float: right;
	margin: 5px 0 0 10px;
	border: none;
}

#centercol img.noborder {
	display: block; 
	background-color: #fff;
	padding: 3px; 
	margin: 0 auto 0 auto; 
	border: 0px solid #ccc; 
	float: none;  
	clear: both; 
}

#centercol ul{
	margin: 0 0 1.5em;
	padding: 0 20px;
}
#centercol ol{
	margin: 0 0 1.5em;
	padding: 0 25px;
}
#centercol ul li{
	background: url(images/ico-list.gif) no-repeat 0 10px;
	border-bottom: 1px dashed #6E3D25;
	margin: 0 0 .3em;
	padding: 3px 0 6px 15px;
}
#centercol ol li{
	list-style: decimal;
	border-bottom: 1px dashed #6E3D25;
	margin: 0 0 .3em;
	padding: 3px 0 6px 15px;
}
#centercol table{
	background-color: #F8FAFE;
	border: 1px solid #D2DDFB;
	margin: 10px;
	font-size: 11px;
}
#centercol th{
	font-size: 15px;
	color: #4378A9;
}
#centercol td{
	background-color: #EDF1FD;
	padding: 8px;
	vertical-align: top;
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	width: 173px
}
#rightcol .content{
	padding: 0 10px 0 13px;
	height: 1%
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	color: #ffffff;
	font-size: 14px;
	height: 1%;
	margin: 0 0 7px;
	padding: 10px 10px 10px 17px
}
.box h3{
	color: #ffffff;
	font-size: 1.3em;
	margin: 0 0 .2em -6px;
	position: relative;
	text-transform: lowercase
}
.box h3 img{
	margin: 0 0 -2px;
	position: relative
}
.box p{
	line-height: normal
}
.box p a{
	color: #ffffff;
	text-decoration: none
}
.box.colr01{
	background: url(images/box-bgr1.gif) #1b5478 repeat-x top
}
.box.colr02{
	background: url(images/box-bgr2.gif) #65b46b no-repeat bottom
}
.box.colr03{
	background: url(images/box-bgr3.gif) #992f69 repeat-x top
}
.box.colr04{
	background: url(images/box-bgr4.gif) #d54a48 repeat-x top
}
.box.colr05{
	background: url(images/box-bgr5.gif) #ea771a repeat-x top
}
.box.colr06{
	background: url(images/box-bgr6.gif) #4378a9 repeat-x top;
	padding: 0 4px 10px 4px
}
.box.colr06 h3{
	padding: 10px 0 10px 12px
}
.box.colr06 a{
	color: #ffffff;
	text-decoration: none
}
.box.colr06 a:hover{
	color: #1e577b
}
/*- Box7 -*/
.box7{
	background: url(images/box-bgr7.gif) #ffe99e repeat-y;
	color: #414040;
	margin: 0 0 1em
}
.box7 .content{
	background: url(images/box-pic2.gif) no-repeat right bottom;
	height: 1%;
	padding: 10px 25px 6px
}
.box7 a{
	color: #414040
}
.box7 a:hover{
	color: #eb781b;
	text-decoration: underline
}
/*=== Styling Forms ===*/
input.btn{
	background: none;
	border: 0;
	margin: 0;
	padding: 0
}
select{
	padding: 1px
}
/*- Search -*/
/*- Search -*/
.search{
	background: url(images/search-bgr.gif) no-repeat top;
	height: 40px;
	margin: 0 0 20px;
	padding: 13px 0 0 15px
}
.search input{
	border: 0;
	color: #727272;
	float: left;
	font-style: italic;
	margin: 0 0 -4px;
	padding: 4px;
	position: relative;
	width: 124px
}
.search input.btn{
	margin: -4px 0 0 -20px;
	padding: 0;
	position: relative;
	width: auto
}
/*=== Link Buttons ===*/
.btn-more a{
	background: url(images/ico-more.gif) no-repeat left;
	font-size: 12px;
	padding: 0 0 0 19px
}
.btn-ebooks{
	color: #ea781b;
	font-size: 11px;
	margin: 10px 
}
.btn-ebooks a{
	text-decoration: none
}
.btn-join{
	text-indent: -9999px;
	margin: 0 0 0 -5px;
	position: relative;
}
.btn-join a{
	display: block;
	height: 26px;
	background: url(images/btn-join.gif) no-repeat top; 
}
.btn-join a:hover{
	background: url(images/btn-join-.gif) no-repeat top; 
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{
	display: block;
	margin: 0 0 1em
}
.pic.bordr img{
	border: 2px solid #482818
}
.pic.bordr2 img{
	border: 2px solid #d9e3f4;
	float: left;
	margin: 0 1px 0 0
}
.pic.fl img{
	margin-right: 20px
}
.pic.fr img{
	margin-left: 20px
}
.ad{
	margin: 0 0 1em
}
/*=== Footer ===*/
#footer{
	background: url(images/footer-bgr.gif) no-repeat top;
	font-size: 14px;
	height: 160px;
	padding: 46px 0 0
}
#footer ul{
	margin: 0 0 100px;
	text-align: center;
	text-transform: lowercase
}
#footer li{
	border-right: 1px dotted #f79340;
	display: inline;
	line-height: 1em;
	padding: 0 .6em
}
#footer li a{
	color: #4f2a16;
	text-decoration: none
}
#footer li a:hover{
	color: #e97517
}
#footer li.last{
	border: 0
}
/*- Copyright Info -*/
.copyr{
	color: #ffffff;
	padding: 0 20px
}
.copyr a{
	color: #ffffff
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}

#container {background:#fff;}
#container #content {padding:18px;}
.woocommerce_tabs .entry-content {padding:18px !important;}
#breadcrumb {padding:3px !important;}
ul.products li.product { text-align: center !important;}
ul.products li.product a img {max-height:150px !important;max-width:100px !important;margin:0 auto 8px auto !important;}
div.product div.images img {
  max-height:300px !important;
max-width:200px !important;
margin:18px auto 18px auto !important;
}
.nav2 li{
    float: none;
}


/* Sidebar layout fix (baseline) */
#sidebar {
  float: left;
  width: 220px;      /* we can tune later */
}

#content {
  margin-left: 240px; /* sidebar width + a little gap */
}

/* Prevent footer/other sections from wrapping around floats */
#footer, footer, .footer {
  clear: both;
}



.menu-left-sidebar-menu-container a:hover {
  background: #2e5580;
}

/* --- Top spacing fixes --- */

/* 1) Give a small white gap under the soil graphic (for header buttons) */
#header, header {
  padding-bottom: 6px;   /* ~3/16" */
}

/* Catch common WP nav containers (one of these will hit) */
#nav, #access, #navigation, .nav, .navigation {
  margin-top: 6px;       /* pushes the blue buttons down slightly */
}

/* 2) Pull the main page content up (it’s sitting too low) */
#content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Often the “2 inches low” is just the first heading’s default margin */
#content h1,
#content .entry-title,
#content .post-title {
  margin-top: 0 !important;
}

/* 3) Give the left sidebar a small top white gap too */
#sidebar {
  margin-top: 12px;
}

/* --- Adjusted top spacing (v2) --- */

/* Bigger white gap under the soil graphic */
#header, header {
  padding-bottom: 0;
}

#nav, #access, #navigation, .nav, .navigation {
  margin-top: 13px;
}

/* Bigger white gap above the left sidebar buttons */
#sidebar {
  margin-top: 13px;
}

/* Kill the big top drop on the main content wrapper(s) */
#container, #main, #primary, #page, #wrap, #wrapper, .wrap, .container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Also eliminate common “first element pushes everything down” margins */
#content h1,
#content .entry-title,
#content .post-title,
#content p:first-child {
  margin-top: 0 !important;
}

/* Force left sidebar menu to sit above any white overlay */
#leftcol, 
#leftcol .nav3, 
#leftcol .nav3 ul, 
#leftcol .nav3 li, 
#leftcol .nav3 a {
  position: relative;
  z-index: 10;
}

/* Make left sidebar links visible even when NOT hovered */
#leftcol .nav3 a,
#leftcol .nav3 a:link,
#leftcol .nav3 a:visited {
  color: #0b57d0 !important;   /* visible blue */
  background: transparent !important;
  opacity: 1 !important;
}



/* ===== Top utility menu (clean final) ===== */

/* Pin nav1 to the very top of the header area */
#header .content { position: relative; }

#header .nav1{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0 20px 0 20px;   /* adjust L/R here */
  font-size: 14px;            /* keep legacy sizing */
  height: 35px;
  text-transform: lowercase;
}

/* Keep blue button row (nav2) from colliding after we pin nav1 */
#header .nav2{ margin-top: 22px; }

/* Flex layout: left items (1–2), right items (3–4) */
#header .nav1 ul{
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#header .nav1 ul li:nth-child(3){ margin-left: auto; }

/* Link padding controls separator breathing room */
#header .nav1 li a{
  padding: 0 10px !important;
}

/* HOME: extra room before its separator */
#header .nav1 ul li:nth-child(1) a{ padding-right: 17px !important; }

/* CONTACT: nudge left slightly */
#header .nav1 ul li:nth-child(2) a{ padding-left: 15px !important; }

/* VIEW SHOPPING CART: extra room before its separator */
#header .nav1 ul li:nth-child(3) a{ padding-right: 16px !important; }

/* CHECKOUT: match space after separator */
#header .nav1 ul li:nth-child(4) a{ padding-left: 16px !important; }

/* Remove separator dots after Contact and after Checkout */
#header .nav1 ul li:nth-child(2),
#header .nav1 ul li:nth-child(4){
  background: none !important;
}

/* Restore original cart icon from theme */
#header .nav1 ul li:nth-child(4) a::after{
  content: "";
  display: inline-block;
  width: 22px;
  height: 20px;
  margin-left: 6px;
  position: relative;
  top: 3px;
  background: url("/wp-content/themes/foundation/images/ico-cart.gif") no-repeat center/contain;
}

/* LOWER the main header button row (About/Learn/Shop/FAQs/Podcasts/Blog/Gallery) */
#header .nav2{
  margin-top: 52px !important;  /* increase = lower; decrease = higher */
}

/* Narrow the main header buttons (About/Learn/Shop/...) */
#header .nav2 li a{
  padding: 0 6px !important;   /* smaller = more soil shows */
}

/* Keep header buttons on one line */
#header .nav2 ul{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

/* Show more soil on left/right by constraining the button row */
#header .nav2 ul{
  width: fit-content;
  margin: 0 auto;          /* keep centered */
  max-width: 720px;        /* adjust this number to taste */
}

/* === Restore Classic Search Box === */

/* Outer search background graphic */
#header .searchform,
#header .widget_search form {
  background: url("/wp-content/themes/foundation-classic-php8/images/search-bgr.gif") no-repeat left top;
  background-size: auto 100%;
  padding-left: 16px;   /* space for left side of the graphic */
  padding-right: 0;     /* square right edge against soil */
  height: 28px;         /* match graphic height */
  line-height: 28px;
}

/* Search input field */
#header .searchform input[type="search"],
#header .searchform input[type="text"],
#header .widget_search input[type="search"],
#header .widget_search input[type="text"] {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 4px 4px 4px 4px;
  width: 130px;         /* adjust to taste */
  font-size: 12px;
  font-family: inherit;
}

/* Search submit button (magnifier) */
#header .searchform input[type="submit"],
#header .widget_search input[type="submit"] {
  background: url("/wp-content/themes/foundation-classic-php8/images/search-submit.gif") no-repeat center center;
  border: none;
  width: 31px;
  height: 31px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
}

/* === Classic right-column search (Foundation Classic PHP8) === */

#rightcol fieldset.search{
  background: url("/wp-content/themes/foundation-classic-php8/images/search-bgr.gif") no-repeat left top;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 12px;
  margin: 0 0 10px 0;
  border: 0;
  border-radius: 0;   /* keep square edge against soil */
}

/* Text field styling */
#rightcol fieldset.search input[type="text"]{
  background: transparent;
  border: 0;
  outline: 0;
  height: 20px;
  line-height: 20px;
  padding: 4px 6px;
  margin: 0;
  width: 135px;   /* adjust if needed */
  font-size: 12px;
  color: #333;
}

/* Magnifying glass button */
#rightcol fieldset.search input.btn{
  width: 24px;
  height: 24px;
  margin: 2px 6px 0 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

/* === Classic Foundation search (WP default markup version) === */

#rightcol #searchform{
  background: url("/wp-content/themes/foundation-classic-php8/images/search-bgr.gif") no-repeat left top;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 12px;
  margin: 0 0 10px 0;
  border: 0;
  border-radius: 0;  /* keep square edge */
}

/* text input */
#rightcol #searchform input[type="text"]{
  background: transparent;
  border: 0;
  outline: 0;
  height: 20px;
  line-height: 20px;
  padding: 4px 6px;
  margin: 0;
  width: 135px;   /* adjust if needed */
  font-size: 12px;
  color: #333;
}

/* convert default submit button into magnifier image */
#rightcol #searchsubmit{
  background: url("/wp-content/themes/foundation-classic-php8/images/btn-search.gif") no-repeat center center;
  border: 0;
  width: 24px;
  height: 24px;
  margin: 2px 6px 0 0;
  padding: 0;
  text-indent: -9999px;  /* hide the word "Search" */
  overflow: hidden;
  cursor: pointer;
}

/* === Classic Foundation search (WP default markup) === */

/* Make the form *be* the graphic and size to the GIF */
#rightcol #searchform{
  background: url("/wp-content/themes/foundation-classic-php8/images/search-bgr.gif") no-repeat left top;
  width: 205px;                 /* match the GIF’s width feel */
  height: 32px;                 /* make it as tall as the graphic */
  margin: 0 0 10px 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}

/* Lay out input + button on one line */
#rightcol #searchform > div{
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 12px;           /* left inset inside the graphic */
  padding-right: 6px;           /* right breathing room */
}

/* Text field sits ON TOP of the graphic */
#rightcol #searchform input#s{
  flex: 1;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  height: 22px;
  line-height: 22px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #333;
}

/* Placeholder text: “search the site” */
#rightcol #searchform input#s::placeholder{ color: #666; }

/* Magnifier pushed to the far right */
#rightcol #searchsubmit{
  background: url("/wp-content/themes/foundation-classic-php8/images/btn-search.gif") no-repeat center center;
  border: 0 !important;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  flex: 0 0 auto;
}

/* Make the search text field visible and white */
#rightcol #searchform input#s{
  background: #ffffff !important;   /* white field */
  border: 0 !important;
  outline: 0 !important;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  margin: 0;
  font-size: 12px;
  color: #333;
  border-radius: 2px;
}

/* Italic placeholder text */
#rightcol #searchform input#s::placeholder{
  font-style: italic;
  color: #666;
}

/* Match search background graphic height exactly (45px) */
#rightcol #searchform{
  height: 45px !important;
  line-height: 45px !important;
}

/* Ensure inner wrapper uses full height and centers contents */
#rightcol #searchform > div{
  height: 45px !important;
  align-items: center !important;
}

/* Center the magnifier nicely within the taller bar */
#rightcol #searchsubmit{
  height: 26px !important;
  width: 26px !important;
}

/* === FIX: constrain search bar to sidebar width + keep icon inside === */
#rightcol #searchform{
  width: 100% !important;          /* fit the sidebar */
  max-width: 205px !important;      /* don’t exceed the graphic’s intended width */
  box-sizing: border-box !important;

  height: 45px !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
  background-size: 100% 45px !important;  /* forces full gradient to show */
  overflow: hidden !important;
}

/* Make the inner row obey the same width and not shove the button offscreen */
#rightcol #searchform > div{
  width: 100% !important;
  box-sizing: border-box !important;
  height: 45px !important;
  padding-left: 12px !important;
  padding-right: 6px !important;
}

/* Let the input shrink so the button always fits */
#rightcol #searchform input#s{
  min-width: 0 !important;          /* critical for flex shrink */
}

/* Keep the magnifier inside the bar */
#rightcol #searchsubmit{
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
}

/* NUDGE: show full gradient + bring magnifier slightly left */

/* Try 46px (if still clipped we’ll go 47px next) */
#rightcol #searchform{
  height: 46px !important;
  background-size: 100% 46px !important;
}

/* Match inner wrapper height */
#rightcol #searchform > div{
  height: 46px !important;
}

/* Pull the icon left slightly */
#rightcol #searchsubmit{
  margin-right: 4px !important;  /* change to 2px / 6px if needed */
}

/* === UNCLIP: parent containers are likely chopping off the bottom === */
#rightcol .widget_search,
#rightcol .widget_search .textwidget,
#rightcol .widget_search #searchform{
  overflow: visible !important;
  height: auto !important;
}

/* Keep the bar itself the intended height */
#rightcol #searchform{
  height: 46px !important;
  background-position: left top !important;
  background-size: 100% 46px !important;
}
#rightcol #searchform > div{ height: 46px !important; }

/* === FORCE gradient to fill full bar height (eliminates bottom “missing” area) === */
#rightcol #searchform{
  height: 60px !important;              /* temporary: intentionally tall */
  background-size: 100% 100% !important; /* key: fill full element height */
  background-position: left top !important;
}

#rightcol #searchform > div{
  height: 100% !important;              /* inner row matches */
}

/* === POLISH: raise content + make magnifier round + nudge left === */

/* Raise the whole input+button row a few pixels */
#rightcol #searchform > div{
  position: relative !important;
  top: -3px !important;          /* change to -2px or -4px if needed */
}

/* Make the magnifier look circular (not clipped square) */
#rightcol #searchsubmit{
  border-radius: 50% !important;
  background-color: transparent !important; /* in case a square bg is showing */
  margin-right: 6px !important;             /* pulls it a bit left */
  overflow: visible !important;
}

/* === POLISH: raise content + make magnifier round + nudge left === */

/* Raise the whole input+button row a few pixels */
#rightcol #searchform > div{
  position: relative !important;
  top: -3px !important;          /* change to -2px or -4px if needed */
}

/* Make the magnifier look circular (not clipped square) */
#rightcol #searchsubmit{
  border-radius: 50% !important;
  background-color: transparent !important; /* in case a square bg is showing */
  margin-right: 6px !important;             /* pulls it a bit left */
  overflow: visible !important;
}

/* === FINAL ALIGNMENT TWEAK === */

/* Lower input row 1 more pixel */
#rightcol #searchform > div{
  top: -1px !important;   /* was -2px */
}

/* Enlarge gray circle container */
#rightcol #searchsubmit{
  width: 33px !important;     /* increase circle width */
  height: 33px !important;    /* increase circle height */
  background-size: 29px 29px !important; /* keep magnifier itself same size */
  margin-right: 6px !important;
  border-radius: 50% !important;
}

/* === FIX oval -> true circle + move left ~4px === */
#rightcol #searchsubmit{
  flex: 0 0 33px !important;      /* prevents flex from squeezing into an oval */
  width: 33px !important;
  height: 33px !important;
  border-radius: 50% !important;

  background-size: 29px 29px !important;   /* magnifier size stays */
  background-position: center center !important;

  margin-right: 10px !important;  /* was 6px; +4px left shift */
  padding: 0 !important;
  display: block !important;
}

/* === Make search button a true smooth circle + overlap the input === */

/* Pull the button left so it overlaps the input a bit */
#rightcol #searchsubmit{
  flex: 0 0 33px !important;
  width: 33px !important;
  height: 33px !important;

  margin-left: -10px !important;   /* overlap amount (tweak -8 to -12 if needed) */
  margin-right: 10px !important;

  border-radius: 50% !important;
  background: #cfcfcf !important;  /* clean gray circle */
  border: 1px solid #b8b8b8 !important;

  background-image: none !important; /* disables the jaggy scaled GIF circle */
  position: relative !important;
  overflow: visible !important;
}

/* Draw a simple magnifier (smooth, no image scaling artifacts) */
#rightcol #searchsubmit::before{
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 9px !important;
  width: 11px !important;
  height: 11px !important;
  border: 2px solid #666 !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
}

#rightcol #searchsubmit::after{
  content: "" !important;
  position: absolute !important;
  left: 19px !important;
  top: 19px !important;
  width: 9px !important;
  height: 2px !important;
  background: #666 !important;
  transform: rotate(45deg) !important;
  transform-origin: left center !important;
}

/* === Restore magnifier graphic inside the clean CSS circle === */
#rightcol #searchsubmit{
  background-color: #cfcfcf !important; /* keep smooth circle */
  background-image: url("/wp-content/themes/foundation-classic-php8/images/btn-search.gif") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 31px 31px !important;  /* adjust if needed (17–20px range) */
}

/* Keep the old widget styling ONLY where it belongs (inside the sidebar) */
#rightcol .search{
  background: url(images/search-bgr.gif) no-repeat top;
  height: 40px;
  margin: 0 0 20px;
  padding: 13px 0 0 15px;
}
#rightcol .search input{
  border: 0;
  color: #727272;
  float: left;
  font-style: italic;
  margin: 0 0 -4px;
  padding: 4px;
  position: relative;
  width: 124px;
}
#rightcol .search input.btn{
  margin: -4px 0 0 -20px;
  padding: 0;
  position: relative;
  width: auto;
}

/* === FIX: search results <body class="search"> was being styled like the widget === */
/* Keep the normal green gutter background on search pages */
body.search,
body.search-results{
  background: #49864f !important;  /* same as your normal body background */
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Keep the old widget styling ONLY where it belongs (inside the sidebar) */
#rightcol .search{
  background: url(images/search-bgr.gif) no-repeat top;
  height: 40px;
  margin: 0 0 20px;
  padding: 13px 0 0 15px;
}

/* ==========================================================
   MODERN OVERRIDES (merged from style.new.css)
   NOTE: When we modernize, we replace legacy chunks above,
   but we keep this section as the “source of truth.”
   ========================================================== */
   
   /*
Theme Name: Foundation Classic (PHP8)
Theme URI: https://gf.avimllc.com/
Author: Ben
Description: Rebuilt legacy Foundation layout, PHP 8 compatible, Shopp removed.
Version: 1.0
Text Domain: foundation-classic-php8
*/

/*=== Setup ===*/
*{ border:0; margin:0; padding:0; }
html, body{ height:100%; }
body{
  background:#49864f; /* green gutters */
  color:#000;
  font:.75em Verdana,Arial,Geneva,Helvetica,Sans-Serif;
}
a{ color:#d54b49; text-decoration:underline; }
a:hover{ text-decoration:none; }
input,select,textarea{ border:#999 1px solid; font-size:12px; padding:2px; }
li{ list-style:none; }

h2{
  color:#3d75a5;
  font:2.6em "Palatino Linotype","Times New Roman",Times,serif;
  letter-spacing:-1px;
  margin:0 0 .3em;
}
h3{ color:#d74f4b; font-size:1.6em; font-weight:normal; margin:0 0 .5em; }
h4{ font-size:1em; margin:0 0 .5em; }
h5{
  color:#d74f4b;
  font-size:1.6em;
  font-weight:normal;
  margin:0 0 .5em;
  background-color:#FFFAB6;
}
p{ line-height:1.6em; padding:0 0 1em; }

div.hr{
  height:80px;
  background:#fff url(images/mitt-divider.gif) no-repeat scroll center;
}
div.hr hr{ display:none; }

/*=== Layout ===*/
#page{
  background:url(images/page-bgr.gif) repeat-y;
  margin:0 auto;
  padding:0 7px;
  width:900px;
  display:block;
  height:auto !important;
  height:100%;
  min-height:100%;
}

/*=== Header ===*/
#header{
  background:url(images/header-bgr.jpg) no-repeat top;
  height:226px;
}
#header .content{
  float:none;
  width:900px;
  margin:0 auto;
}

/*- Logo -*/
#header h1{ margin:0 0 17px; text-indent:-9999px; }
#header h1 a{ display:block; height:130px; text-decoration:none; }

/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{ font-size:14px; height:35px; text-transform:lowercase; }
.nav1 ul{ padding:0 40px 0 25px; }
.nav1 li{
  background:url(images/nav1-sep.gif) no-repeat right;
  float:left;
  line-height:35px;
}
.nav1 li.last{ background:none; }
.nav1 li a{
  color:#4f2a15;
  display:block;
  float:left;
  padding:0 15px;
  text-decoration:none;
}
.nav1 li.btn-checkout a{
  background:url(images/ico-cart.gif) no-repeat right;
  padding-right:30px;
}
.nav1 li a:hover{ color:#e97517; }

/*- Nav2 -*/
.nav2{
  font-size:16px;
  font-weight:normal;
  height:28px;
  text-transform:lowercase;
  width:900px;
  margin:0 auto;
  display:flex;
  justify-content:center;
}
.nav2 li{
  background:url(images/nav2-sep.gif) no-repeat right;
  display:inline-block;
  float:none;
  line-height:28px;
  padding:0 6px;
}
.nav2 li a{
  color:#fff;
  display:block;
  float:left;
  height:28px;
  padding:0 12px 0 0;
  text-align:right;
  text-decoration:none;
  width:94px;
}
.nav2 li.n21 a{ background:url(images/nav21.gif) repeat-x top; }
.nav2 li.n21 a:hover, .nav2 li.n21,active a{ color:#8dadc7; }
.nav2 li.n22 a{ background:url(images/nav22.gif) repeat-x top; }
.nav2 li.n22 a:hover, .nav2 li.n22,active a{ color:#a6d2a9; }
.nav2 li.n23 a{ background:url(images/nav23.gif) repeat-x top; }
.nav2 li.n23 a:hover, .nav2 li.n23,active a{ color:#d19ab8; }
.nav2 li.n24 a{ background:url(images/nav24.gif) repeat-x top; }
.nav2 li.n24 a:hover, .nav2 li.n24,active a{ color:#efa9a3; }
.nav2 li.n25 a{ background:url(images/nav25.gif) repeat-x top; }
.nav2 li.n25 a:hover, .nav2 li.n25,active a{ color:#f9bd8c; }
.nav2 li.n26 a{ background:url(images/nav26.gif) repeat-x top; }
.nav2 li.n26 a:hover, .nav2 li.n26,active a{ color:#b59baf; }
.nav2 li.n27{ background:none; }
.nav2 li.n27 a{ background:url(images/nav27.gif) repeat-x top; }
.nav2 li.n27 a:hover, .nav2 li.n27,active a{ color:#a9c0e0; }

/*- Nav3 -*/
.nav3 ul{
  font-size:14px;
  margin:0 -10px 0 -17px;
  position:relative;
}
.nav3 li a{
  color:#fff;
  display:block;
  height:1%;
  padding:2px 0 2px 17px;
  text-decoration:none;
}
.nav3 li a:hover,
.nav3 li.active a{
  background:#8dadc7;
  text-decoration:none;
}
.box.colr03 .nav3 li a:hover{ background:#d6a6c1; }
.box.colr05 .nav3 li a:hover{ background:#f8a968; }

/*=== Headline ===*/
.headline{
  background:url(images/hd-bgr.gif) no-repeat center;
  clear:both;
  height:44px;
  margin:0 0 1em;
  overflow:hidden;
  text-align:center;
}
.headline h3{
  color:#fff;
  font-size:16px;
  line-height:44px;
  margin:0;
}

/*=== All Columns ===*/
#columns{
  background:#fff;
  height:1%;
  padding:0 0 15px 12px;
}

/*=== Left Column ===*/
#leftcol{ float:left; margin:17px 0 0; width:178px; }

/*=== Center Column ===*/
#centercol{ float:left; margin:0 0 0 25px; width:500px; }

#centercol img{
  border:2px solid #482818;
  color:#6f6e6e;
  display:block;
  margin:0 auto 0 auto;
  padding:0;
}
#centercol img a{ color:#6f6e6e; }
#centercol img.alignleft{ float:left; margin:5px 10px 0 0; }
#centercol img.alignright{ float:right; margin:5px 0 0 10px; }
#centercol img.alignrightno{ float:right; margin:5px 0 0 10px; border:none; }
#centercol img.noborder{
  display:block;
  background-color:#fff;
  padding:3px;
  margin:0 auto 0 auto;
  border:0 solid #ccc;
  float:none;
  clear:both;
}
#centercol ul{ margin:0 0 1.5em; padding:0 20px; }
#centercol ol{ margin:0 0 1.5em; padding:0 25px; }
#centercol ul li{
  background:url(images/ico-list.gif) no-repeat 0 10px;
  border-bottom:1px dashed #6E3D25;
  margin:0 0 .3em;
  padding:3px 0 6px 15px;
}
#centercol ol li{
  list-style:decimal;
  border-bottom:1px dashed #6E3D25;
  margin:0 0 .3em;
  padding:3px 0 6px 15px;
}
#centercol table{
  background-color:#F8FAFE;
  border:1px solid #D2DDFB;
  margin:10px;
  font-size:11px;
}
#centercol th{ font-size:15px; color:#4378A9; }
#centercol td{ background-color:#EDF1FD; padding:8px; vertical-align:top; }

/*=== Right Column ===*/
#rightcol{ float:right; width:173px; }
#rightcol .content{ padding:0 10px 0 13px; height:1%; }

/*=== Styling Boxes ===*/
.box{
  color:#fff;
  font-size:14px;
  height:1%;
  margin:0 0 7px;
  padding:10px 10px 10px 17px;
}
.box h3{
  color:#fff;
  font-size:1.3em;
  margin:0 0 .2em -6px;
  position:relative;
  text-transform:lowercase;
}
.box h3 img{ margin:0 0 -2px; position:relative; }
.box p{ line-height:normal; }
.box p a{ color:#fff; text-decoration:none; }

.box.colr01{ background:url(images/box-bgr1.gif) #1b5478 repeat-x top; }
.box.colr02{ background:url(images/box-bgr2.gif) #65b46b no-repeat bottom; }
.box.colr03{ background:url(images/box-bgr3.gif) #992f69 repeat-x top; }
.box.colr04{ background:url(images/box-bgr4.gif) #d54a48 repeat-x top; }
.box.colr05{ background:url(images/box-bgr5.gif) #ea771a repeat-x top; }
.box.colr06{
  background:url(images/box-bgr6.gif) #4378a9 repeat-x top;
  padding:0 4px 10px 4px;
}
.box.colr06 h3{ padding:10px 0 10px 12px; }
.box.colr06 a{ color:#fff; text-decoration:none; }
.box.colr06 a:hover{ color:#1e577b; }

/*- Box7 -*/
.box7{
  background:url(images/box-bgr7.gif) #ffe99e repeat-y;
  color:#414040;
  margin:0 0 1em;
}
.box7 .content{
  background:url(images/box-pic2.gif) no-repeat right bottom;
  height:1%;
  padding:10px 25px 6px;
}
.box7 a{ color:#414040; }
.box7 a:hover{ color:#eb781b; text-decoration:underline; }

/*=== Styling Forms ===*/
input.btn{ background:none; border:0; margin:0; padding:0; }
select{ padding:1px; }

/*=== Link Buttons ===*/
.btn-more a{ background:url(images/ico-more.gif) no-repeat left; font-size:12px; padding:0 0 0 19px; }
.btn-ebooks{ color:#ea781b; font-size:11px; margin:10px 0 0; }
.btn-ebooks a{ text-decoration:none; }
.btn-join{
  text-indent:-9999px;
  margin:0 0 0 -5px;
  position:relative;
}
.btn-join a{
  display:block;
  height:26px;
  background:url(images/btn-join.gif) no-repeat top;
}
.btn-join a:hover{ background:url(images/btn-join-.gif) no-repeat top; }

/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{ display:block; margin:0 0 1em; }
.pic.bordr img{ border:2px solid #482818; }
.pic.bordr2 img{ border:2px solid #d9e3f4; float:left; margin:0 1px 0 0; }
.pic.fl img{ margin-right:20px; }
.pic.fr img{ margin-left:20px; }
.ad{ margin:0 0 1em; }

/*=== Footer ===*/
#footer{
  background:url(images/footer-bgr.gif) no-repeat top;
  font-size:14px;
  height:160px;
  padding:46px 0 0;
}
#footer ul{ margin:0 0 100px; text-align:center; text-transform:lowercase; }
#footer li{
  border-right:1px dotted #f79340;
  display:inline;
  line-height:1em;
  padding:0 .6em;
}
#footer li a{ color:#4f2a16; text-decoration:none; }
#footer li a:hover{ color:#e97517; }
#footer li.last{ border:0; }
.copyr{ color:#fff; padding:0 20px; }
.copyr a{ color:#fff; }

/*=== Misc. ===*/
.fix{ clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.fl{ float:left; }
.fr{ float:right; }
.ac{ text-align:center; }
.ar{ text-align:right; }

/* ==========================
   WooCommerce + misc additions
   ========================== */
#container { background:#fff; }
#container #content { padding:18px; }
.woocommerce_tabs .entry-content { padding:18px !important; }
#breadcrumb { padding:3px !important; }
ul.products li.product { text-align:center !important; }
ul.products li.product a img { max-height:150px !important; max-width:100px !important; margin:0 auto 8px auto !important; }
div.product div.images img { max-height:300px !important; max-width:200px !important; margin:18px auto 18px auto !important; }

/* ==========================
   Sidebar layout fix (baseline)
   ========================== */
#sidebar { float:left; width:220px; }
#content { margin-left:240px; }
#footer, footer, .footer { clear:both; }

/* ==========================
   Left sidebar menu container (WP menu)
   ========================== */
.menu-left-sidebar-menu-container ul{ list-style:none; margin:0; padding:0; }
.menu-left-sidebar-menu-container li{ margin:0; }
.menu-left-sidebar-menu-container a{
  display:block;
  padding:8px 12px;
  background:#3b6ea5;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid #2e5580;
}
.menu-left-sidebar-menu-container a:hover{ background:#2e5580; }

/* ==========================
   Top spacing + wrapper fixes
   ========================== */
#header, header { padding-bottom:0; }

#nav, #access, #navigation, .nav, .navigation { margin-top:13px; }

#container, #main, #primary, #page, #wrap, #wrapper, .wrap, .container{
  margin-top:0 !important;
  padding-top:0 !important;
}

#content{
  margin-top:0 !important;
  padding-top:0 !important;
}
#content h1,
#content .entry-title,
#content .post-title,
#content p:first-child{
  margin-top:0 !important;
}

#sidebar{ margin-top:13px; }

/* ==========================
   Left column button rebuild + z-index
   ========================== */
#leftcol,
#leftcol .nav3,
#leftcol .nav3 ul,
#leftcol .nav3 li,
#leftcol .nav3 a{
  position:relative;
  z-index:10;
}

/* Left sidebar links: revert to plain, normal link behavior */
#leftcol .nav3 a,
#leftcol .nav3 a:link,
#leftcol .nav3 a:visited{
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline !important;
  text-decoration: underline;
}

#leftcol .nav3 ul{ list-style:none; margin:0; padding:0; }
#leftcol .nav3 li{ margin-bottom:6px; }



/* ==========================
   Header nav1/nav2 positioning (final)
   ========================== */
#header .content{ position:relative; }

#header .nav1{
  position:absolute;
  top:0; left:0; right:0;
  margin:0;
  padding:0 20px;
  font-size:14px;
  height:35px;
  text-transform:lowercase;
}

#header .nav1 ul{
  display:flex;
  align-items:center;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
#header .nav1 ul li:nth-child(3){ margin-left:auto; }

#header .nav1 li a{ padding:0 10px !important; }
#header .nav1 ul li:nth-child(1) a{ padding-right:15px !important; }
#header .nav1 ul li:nth-child(2) a{ padding-left:15px !important; }
#header .nav1 ul li:nth-child(3) a{ padding-right:16px !important; }
#header .nav1 ul li:nth-child(4) a{ padding-left:16px !important; }

#header .nav1 ul li:nth-child(2),
#header .nav1 ul li:nth-child(4){
  background:none !important;
}

/* Restore cart icon (note: points to /foundation/ — keep as-is since you were using it) */
#header .nav1 ul li:nth-child(4) a::after{
  content:"";
  display:inline-block;
  width:22px;
  height:20px;
  margin-left:6px;
  position:relative;
  top:3px;
  background:url("/wp-content/themes/foundation/images/ico-cart.gif") no-repeat center/contain;
}

/* Lower + constrain nav2 */
#header .nav2{ margin-top:52px !important; }
#header .nav2 li a{ padding:0 6px !important; }

#header .nav2 ul{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:nowrap;
  width:fit-content;
  margin:0 auto;
  max-width:720px;
}

/* ==========================
   Header search box (kept)
   ========================== */
#header .searchform,
#header .widget_search form{
  background:url("/wp-content/themes/foundation-classic-php8/images/search-bgr.gif") no-repeat left top;
  background-size:auto 100%;
  padding-left:16px;
  padding-right:0;
  height:28px;
  line-height:28px;
}
#header .searchform input[type="search"],
#header .searchform input[type="text"],
#header .widget_search input[type="search"],
#header .widget_search input[type="text"]{
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  height:20px;
  line-height:20px;
  margin:0;
  padding:4px;
  width:130px;
  font-size:12px;
  font-family:inherit;
}
#header .searchform input[type="submit"],
#header .widget_search input[type="submit"]{
  background:url("/wp-content/themes/foundation-classic-php8/images/search-submit.gif") no-repeat center center;
  border:none;
  width:31px;
  height:31px;
  margin:0;
  padding:0;
  cursor:pointer;
  vertical-align:middle;
}

/* ==========================
   RIGHT COLUMN SEARCH (FINAL – single source of truth)
   WP default markup: #searchform > div > #s + #searchsubmit
   ========================== */
#rightcol #searchform{
  background:url("/wp-content/themes/foundation-classic-php8/images/search-bgr.gif") no-repeat left top;
  width:100% !important;
  max-width:205px !important;
  box-sizing:border-box !important;

  height:60px !important;              /* keep your “looks correct now” height */
  background-size:100% 100% !important; /* key: fill full bar height */
  background-position:left top !important;

  margin:0 0 10px 0;
  padding:0;
  border:0;
  border-radius:0;
  overflow:hidden !important;
}

#rightcol #searchform > div{
  display:flex;
  align-items:center;
  height:100% !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding-left:12px !important;
  padding-right:6px !important;
  position:relative !important;
  top:-1px !important; /* your final vertical centering */
}

#rightcol #searchform input#s{
  flex:1;
  min-width:0 !important;  /* critical for flex shrink */
  background:#fff !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  height:20px;
  line-height:20px;
  padding:0 6px;
  margin:0;
  font-size:12px;
  color:#333;
  border-radius:2px;
}

#rightcol #searchform input#s::placeholder{
  font-style:italic;
  color:#666;
}

/* Button: smooth gray circle + magnifier graphic */
#rightcol #searchsubmit{
  flex:0 0 33px !important;
  width:33px !important;
  height:33px !important;

  margin-left:-10px !important;  /* overlap */
  margin-right:10px !important;  /* nudge left */

  border-radius:50% !important;
  background-color:#cfcfcf !important;
  border:1px solid #b8b8b8 !important;

  background-image:url("/wp-content/themes/foundation-classic-php8/images/btn-search.gif") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:31px 31px !important;

  padding:0 !important;
  text-indent:-9999px;
  overflow:hidden;
  cursor:pointer;
  display:block !important;
}

/* ==========================
   Search results page fix
   Prevent legacy .search widget CSS from hijacking body.search
   ========================== */
body.search,
body.search-results{
  background:#49864f !important; /* keep green gutters on /?s=... */
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
}

/* If you still use a widget with class="search", keep it scoped safely */
#rightcol .search{
  background:url(images/search-bgr.gif) no-repeat top;
  height:40px;
  margin:0 0 20px;
  padding:13px 0 0 15px;
}
#rightcol .search input{
  border:0;
  color:#727272;
  float:left;
  font-style:italic;
  margin:0 0 -4px;
  padding:4px;
  position:relative;
  width:124px;
}
#rightcol .search input.btn{
  margin:-4px 0 0 -20px;
  padding:0;
  position:relative;
  width:auto;
}

/* Left sidebar links – no underline */
#leftcol .nav3 a,
#leftcol .nav3 a:link,
#leftcol .nav3 a:visited{
  text-decoration: none;
}

#leftcol .nav3 a:hover{
  text-decoration: underline; /* optional but recommended */
}

/* ==========================
   Left Sidebar Hover + Active State
   ========================== */

/* Base link block styling */
#leftcol .nav3 li a{
  display:block;
  padding:6px 10px;
  border-radius:3px;
  transition: background 0.15s ease-in-out;
}

/* Hover effect */
#leftcol .nav3 li a:hover{
  background:#e6eef7;   /* soft light blue */
}

/* Active/current page */
#leftcol .nav3 li.current-menu-item > a,
#leftcol .nav3 li.current_page_item > a{
  background:#d4e3f5;
  font-weight:bold;
}

/* ==========================
   Left Sidebar Hover + Active
   ========================== */

/* Make links full-width blocks */
#leftcol .nav3 .menu-item > a{
  display:block;
  padding:6px 10px;
  border-radius:3px;
  transition: background 0.15s ease-in-out;
}

/* Hover background */
#leftcol .nav3 .menu-item > a:hover{
  background:#e6eef7;
}

/* Active page background */
#leftcol .nav3 .current-menu-item > a,
#leftcol .nav3 .current_page_item > a{
  background:#d4e3f5;
  font-weight:bold;
}

/* ==========================
   Left Sidebar Hover + Active (FORCED / visible)
   ========================== */

/* Ensure anchors behave like full-row menu items */
#leftcol .nav3 li.menu-item > a{
  display:block !important;
  padding:3px 8px !important;
  border-radius:3px !important;
}

/* BIG obvious hover */
#leftcol .nav3 li.menu-item:hover > a{
  background: url(images/box-bgr1.gif) #1b5478 repeat-x top !important;
  color:#ffffff !important;
}

/* BIG obvious active/current page */
#leftcol .nav3 li.current-menu-item > a,
#leftcol .nav3 li.current_page_item > a,
#leftcol .nav3 li.current-menu-parent > a{
  background:#1f4e7a !important;
  color:#ffffff !important;
  font-weight:bold !important;
}

/* ==========================
   Left Sidebar Classic Blue Style
   ========================== */

/* Base menu link */
#leftcol .nav3 li.menu-item > a{
  display:block !important;
  padding:4px 10px !important;
  background:#2e6da4 !important;
  color:#ffffff !important;
  text-decoration:none !important;
  border-radius: 0px !important;
  margin-bottom:0;
  transition: background 0.15s ease-in-out;
}

/* Hover */
#leftcol .nav3 li.menu-item > a:hover{
  background:#1f4e7a !important;
}

/* Active/current page */
#leftcol .nav3 li.current-menu-item > a,
#leftcol .nav3 li.current_page_item > a,
#leftcol .nav3 li.current-menu-parent > a{
  background:#18406a !important;
  font-weight:bold;
}

/* Remove spacing between left sidebar menu items */
#leftcol .nav3 ul{
  margin:0 !important;
  padding:0 !important;
}

#leftcol .nav3 li.menu-item{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

/* Left sidebar section title styling */
#leftcol .nav3 h2,
#leftcol .nav3 .widget-title{
  background:#2e6da4 !important;
  color:#ffffff !important;
  padding:6px 10px !important;
  margin:0 !important;
}

/* Left sidebar widget title ("About") – force blue background + white text */
#leftcol .nav3 h1,
#leftcol .nav3 h2,
#leftcol .nav3 h3,
#leftcol .nav3 h4,
#leftcol .nav3 .widget-title,
#leftcol .nav3 .widgettitle,
#leftcol .nav3 .widget_title,
#leftcol .nav3 .title{
  background:#2e6da4 !important;
  color:#ffffff !important;
  padding:6px 10px !important;
  margin:0 !important;
}

/* Also force any link inside the title to be white */
#leftcol .nav3 h1 a,
#leftcol .nav3 h2 a,
#leftcol .nav3 h3 a,
#leftcol .nav3 h4 a,
#leftcol .nav3 .widget-title a,
#leftcol .nav3 .widgettitle a,
#leftcol .nav3 .widget_title a,
#leftcol .nav3 .title a{
  color:#ffffff !important;
  text-decoration:none !important;
}

/* Underline left sidebar section title */
/*
#leftcol .nav3 h1,
#leftcol .nav3 h2,
#leftcol .nav3 h3,
#leftcol .nav3 h4,
#leftcol .nav3 .widget-title,
#leftcol .nav3 .widgettitle,
#leftcol .nav3 .widget_title,
#leftcol .nav3 .title{
  text-decoration: underline !important;
}*/

/* ==========================
   Left sidebar vertical nudge (pixel adjust)
   Change ONLY the number below.
   ========================== */

:root{
  --left-sidebar-nudge: -11px;   /* negative = move UP, positive = move DOWN */
}

#leftcol{
  position: relative;
  top: var(--left-sidebar-nudge);
}

/* ==========================
   Center column vertical nudge (pixel adjust)
   Change ONLY the number below.
   ========================== */

:root{
  --center-column-nudge: 10px;   /* negative = move UP, positive = move DOWN */
}

#centercol{
  position: relative;
  top: var(--center-column-nudge);
}