/* Makes the header container transparent */
.header-container {
  background: transparent;
}

/* Semi-transparent layer at top of site, using UF Blue with slight opacity for depth */
.site-header {
  background: rgba(0, 33, 165, 0.4); /* UF Blue (#0021A5) with 40% opacity */
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

/* Highlight Page Numbers, using UF Orange for active state */
.pagination-current {
  font-weight: normal;
  background-color: #FA4616; /* UF Orange */
  color: white;
  font-size: 14px;
  border-radius: 0.2em;
  box-shadow: 3px 3px 3px gray;
}

/* Pagination number links, hover state uses UF Blue */
a.pagination-number {
  font-size: 14px;
  border-radius: 0.2em;
}

a.pagination-number:hover {
  background-color: #0021A5; /* UF Blue */
  color: white;
  box-shadow: 3px 3px 3px gray;
}

/* Input Page Number Box Style, using UF Orange for border */
.pagination input {
  width: 3.5em;
  height: 2em;
  border-width: 0.1em;
  border-radius: 5px;
  background: transparent;
  border: solid;
  border-color: #FA4616; /* UF Orange */
  padding: 0.2em;
  font-size: 14px;
  text-align: center;
}

/* Hover and focus states for input, using a light orange tint for contrast */
.pagination input:hover {
  background-color: #FFF5F0; /* Light orange-tinted background */
  box-shadow: 3px 3px 3px gray;
}

.pagination input:focus {
  background-color: #FFF5F0; /* Light orange-tinted background */
  box-shadow: 3px 3px 3px gray;
}

/* H3 Links Hover */
LI.tabContainerSection-tab:hover,
p a:hover,
span a:hover {
  position: relative;
  top: 2px;
}

/* H3 Titles of posts on hover, using UF Orange for emphasis */
h3.entry-title > a:hover {
  color: #FA4616 !important; /* UF Orange */
}

/*
 * SWMM2000.com - Fixed CSS with White Header Text
 * 
 * REPLACE all your current CSS with this
 */

/* ==========================================================================
   Base Typography
   ========================================================================== */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  line-height: 1.6 !important;
}

a {
  color: #0066cc !important;
}

a:hover {
  color: #004499 !important;
}

/* ==========================================================================
   Header - White Title
   ========================================================================== */

/* Target the site header frame and everything inside it */
.site-headerFrame h1,
.site-headerFrame h1 a,
.site-headerFrame h2,
.site-headerFrame h2 a,
.site-headerFrame a,
.site-headerFrame .site-title,
.site-headerFrame .site-title a,
.site-headerFrame .site-name,
.site-headerFrame .site-name a,
.site-headerFrame span,
.site-headerFrame p {
  color: #ffffff !important;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
}

/* Also target common Ning title classes */
#xg_head h1,
#xg_head h1 a,
#xg_head a,
#xg_masthead h1,
#xg_masthead h1 a,
.xg_masthead a,
h1#xg_sitename,
h1#xg_sitename a,
#xg_sitename,
#xg_sitename a,
.xg_head_title,
.xg_head_title a,
a.xg_head_title,
.tb h1 a,
h1 a[href="/"] {
  color: #ffffff !important;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
}

/* Navigation links - WHITE */
.xg_navigation a,
.xg_navigation ul li a,
.site-headerFrame nav a,
nav a,
#navigation a {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
}

.xg_navigation a:hover,
nav a:hover {
  color: #ffff99 !important;
  text-decoration: underline !important;
}

/* Dropdown menus - keep readable */
.xg_navigation ul ul a,
.xg_navigation .dropdown a,
nav ul ul a {
  color: #333333 !important;
  text-shadow: none !important;
  background: #ffffff !important;
}

.xg_navigation ul ul a:hover,
nav ul ul a:hover {
  color: #0066cc !important;
  background: #f5f5f5 !important;
}

/* ==========================================================================
   Content Area Improvements
   ========================================================================== */

/* Content boxes - subtle improvements */
.xg_module,
.xg_widget {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  margin-bottom: 12px !important;
}

/* Section titles - clean text style (NOT the header) */
#xg_body .xg_module h2,
#xg_body .xg_module h3,
#xg_body .xg_widget h3,
.xg_module_body h2,
.xg_module_body h3 {
  color: #333333 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

/* Post titles */
#xg_body .xg_module h3 a,
.xg_module_body h3 a {
  color: #222222 !important;
  text-shadow: none !important;
}

#xg_body .xg_module h3 a:hover,
.xg_module_body h3 a:hover {
  color: #0066cc !important;
}

/* Metadata */
.xg_lightfont {
  color: #777777 !important;
  font-size: 0.85rem !important;
}

/* Round avatars */
img.photo {
  border-radius: 50% !important;
  border: 2px solid #e0e0e0 !important;
}

/* ==========================================================================
   Edit Buttons - Subtle gray style
   ========================================================================== */
.xg_module a.edit,
a.xg_button {
  background: #f5f5f5 !important;
  color: #555555 !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  text-shadow: none !important;
}

.xg_module a.edit:hover,
a.xg_button:hover {
  background: #e8e8e8 !important;
  color: #333333 !important;
}

/* ==========================================================================
   Footer
   ========================================================================== */
#xn_footer {
  background: #333333 !important;
  color: #aaaaaa !important;
}

#xn_footer a {
  color: #88bbee !important;
}