/*
Theme Name: Lee Hacksaw Hamilton Web
Theme URI: http://www.leehacksawhamilton.com
Description: Website for Lee Hacksaw Hamilton Sports Talk Rev 2025
Author: John Pape
Author URI: https://www.mediatunes.com
Version: 2.0.0
Text Domain: hacksaw2025
*/

/* Ensure padding and borders are included in widths */
*, *::before, *::after {box-sizing: border-box;}

/* Media should not overflow columns */
img, video, iframe {max-width: 100%; height: auto;}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: Arial, Helvetica, Georgia, Sans-serif;
 background-color:#CCC;
 color: #000000;
}

a:link, a:visited{
    text-decoration: none;
    color: #000000;
}
 
a:hover{
    color: #5f5f5f;
}

#pagewidth{
	
 width: 100%;
 max-width: 1280px; 
 text-align:left; 
 margin:0 auto;
 background-color:#FFF;
} 
 
#header{
 position:relative; 
 height:167px; 
 width:100%;
 display:block;
 overflow:hidden;
 background-image:url('img/banner-stripe-header.jpg');
 background-repeat:repeat-x;
} 
 
#twocols{
 width:100%; 
 /*float:right;*/ 
 position:relative; 
}
 
#rightcol{
 width:30%; 
 float:right; 
/* position:relative; */
}
 
#maincol{
 background-color: #FFFFFF;  
 float: left; 
 /*position: relative;*/ 
 width:60%;
 padding-left:3em;
 padding-right:3em;
}
 
#footer{
 height:167px; 
 clear:both;
 display:block;
 overflow:hidden;
 background-image:url('img/banner-stripe-header.jpg');
 background-repeat:repeat-x;
} 
 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
@media print { 
  /*hide the right column when printing*/ 
  #rightcol{display:none;} 
  #twocols, #maincol{width:100%; float:none;}
}

h1, h2, h3, h4 {
  font-family: 'Special Elite', Arial, sans-serif;
}


#header h2 {text-align:center; color:#fff; font-size:400%; text-transform:uppercase;}
.orange {color:#ec4e00;}
.sml {font-size:0.33em;}

#menu{padding-top: 80px; padding-bottom: 80px; font-family: 'Special Elite', Arial, sans-serif;}

#menu ul {list-style-image: url('img/bullet-star.png')}
#menu li {margin-bottom:0.7em; font-size:1.6em;}
#menu a { color:#000; text-decoration:none;}
#menu a:hover { color:#13b1ff !important }

.none {display: none;}

#menu-footer {text-align:center; padding-top:1em; color:#fff;}
#menu-footer a {color:#fff;}
#menu-footer { border-right: solid 1px #fff;}
#menu-footer li {display: inline; list-style-type: none; padding-right: 1em; padding-left:1em; border-left: solid 1px #fff; }

.post li {margin-bottom:0.5em}

.moretext {font-weight:bold; padding: 1em;}
.moretext a {color:#ff2500;}

.navigation {text-align:center; padding:1em; border:1px solid #cccccc; margin-bottom:1em;}

.page_nav .page-numbers{
  padding:4px 8px;
  margin:0px 4px;
  border:1px solid gray;
  color:#ff2500; 
}
.page_nav .current{
  border:1px solid #ff2500;
  background-color:#FBEFDB;
}
.page_nav .prev, .page_nav .next{
  border:none;
  color:blue;
}

img.centered,
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft {
	display: inline;
	margin: 7px 20px 15px 0;
}

img.alignright {
	display: inline;
	margin: 7px 0 15px 20px;
}

.alignleft {
	float: left;
	margin: 7px 20px 15px 0;
}

.alignright {
	float: right;
	margin: 7px 0 15px 20px;
}

/* Custom Editor Styles
------------------------------------------------------------ */
.gray-button {
    background: -moz-linear-gradient(center top , #F0F0F0, #C0C0C0) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#C0C0C0');
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#C0C0C0)); 
    border: 1px solid #cccccc;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #437182;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    padding: 6px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
    width: auto;
}
.gray-button:hover {
    background: -moz-linear-gradient(center top , #dcd9d9, #cecdcd) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcd9d9', endColorstr='#cecdcd');
	background: -webkit-gradient(linear, left top, left bottom, from(#dcd9d9), to(#cecdcd)); 
    border: 1px solid #c1bfbf;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #437182;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    padding: 6px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
    width: auto;
}
a.gray-button:hover {text-decoration: none;}  /* mouse over link */

/* ... (rest of button + callout + alert styles unchanged) ... */

a.aqua-button:link {color:#ffffff;}      /* unvisited link */
a.aqua-button:visited {color:#ffffff;}  /* visited link */
a.aqua-button:hover {color:#ffffff; text-decoration: none;}  /* mouse over link */
a.aqua-button:active {color:#ffffff;}  /* selected link */


.callout {
	background: #FDFCFA;
	border: 1px solid #CBC4C4;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.11);
	margin: 20px 0 20px;
	padding: 10px;
    overflow: hidden;
}
.alert {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style: italic;
    margin: 0 0 25px;
    padding: 12px 10px 7px 10px;
    text-align: center;
}
.alert.white {
    background: #f9f8f5;
    border-bottom: 1px solid #E4E4E4;
    border-top: 1px solid #E4E4E4;
}
.alert.red {
    background: #FFD7D8;
    border-bottom: 1px solid #F9BAC7;
    border-top: 1px solid #F9BAC7;
}
.alert.yellow {
    background: #feefb3;
    border-bottom: 1px solid #d8b66b;
    border-top: 1px solid #d8b66b;
}

/* 4) Responsive breakpoints */
/* Tablet: stack padding down a bit */
@media (max-width: 1024px) {
  #maincol { width: 65%; padding-left: 2em; padding-right: 2em; }
  #rightcol { width: 32%; }
  #header h2 { font-size: 300%; }
}

/* Narrow tablet / large phones: stack columns */
@media (max-width: 768px) {
  #maincol, #rightcol {
    float: none;
    width: 100%;
  }
  #maincol { padding-left: 1.25em; padding-right: 1.25em; }
  #rightcol { padding: 1.25em; }
  #menu { padding-top: 24px; padding-bottom: 24px; } /* sidebar spacing */
  .navigation { margin: 0 1em 1em; }
}

/* Small phones: tighten typography and header */
@media (max-width: 480px) {
  #header { height: auto; padding: 16px 0; background-size: auto 100%; }
  #header h2 { font-size: 200%; }
  .page_nav .page-numbers { padding: 3px 6px; margin: 0 2px; }
}


/* Footer menu ONLY */
#footer .widget_nav_menu .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: center;
  padding: 1em 0;
  color: #fff;
}
#footer .widget_nav_menu .menu a { color: #fff; text-decoration: none; }
#footer .widget_nav_menu .menu li { list-style: none; }

/* Sidebar menu look (so it doesn’t “become” the footer) */
#rightcol .widget_nav_menu .menu a { color: #000; }
#rightcol .widget_nav_menu .menu { padding: 0; }
#rightcol .widget_nav_menu .menu li { /*list-style: none;*/ margin: 0 0 .5em; }

/* Keep footer below columns even when responsive */
#footer { clear: both; }