#content-desktop {display: block;}
#content-mobile {display: none;}

.userinfo > img {
	max-width: 150px;
}

@media (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
}

.support-us {
 display: block;
 text-align: center;
 padding: 10px;
 margin: 6px;
 border: solid #c0c0c0 1px
}

.footable>tbody>tr {
/*
		max-height: 45px;
*/
		overflow: auto;
}

    .nav {
        line-height: 44px;
    }


.responsive_link {
		font-size: 1em; 
}

.footable.breakpoint>tbody>tr.footable-row-detail{
		max-height: 300px;
}

.blog {
padding: 10px;
border: 1px solid black ;
		border-radius: 10px ;
		-webkit-border-radius: 10px ;
margin: 5px 5px 25px 5px;
overflow:auto;
		 background-color: white;
}

.blog-avatar{
float: left;
width: 100px;
margin: 3px;

border: solid 1px #CCC;
		-webkit-box-shadow: 1px 1px 5px #999;
		box-shadow: 1px 1px 5px #999;

}

.imagedropshadow {
border: solid 1px #CCC;
		-webkit-box-shadow: 1px 1px 5px #999;
		box-shadow: 1px 1px 5px #999;
}

.intro_w
{
color: white;
}

SELECT, TEXTAREA, INPUT {
border: 1px solid #d6dee0;
}

button, input[type="submit"] {
	/*padding: 0.6em 1.2em;*/
	padding: 0.25em;
	color: #fff;
	border: 1px solid #c6c6c6;
	font-size: 0.9em;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
	font-weight: bold;
}

.small_default_button {
	height: 33px;
}

::placeholder {
color: black;
}

.small_notice_text {
		font-size: 0.7em;
}

.wide_button {
		min-width: 125px;
}

.wrapper {
display: flex;
		 flex-wrap: wrap;
}
#one { max-height: 15vw; overflow: auto; }
#two { max-height: 15vw; overflow: auto; }

.flexwrapper {
	display:flex; 
	justify-content: center; 
	align-items: center;
	text-align: center;	
	flex-direction: row;
}

.teamvsteam {
	margin-left: 25px;
	margin-right: 25px;
	background-color: white;
	color: black;
}
.team-pic {
		max-height: 100px;
		margin-left: auto;
		margin-right: auto;
		display: inline-block;
}

.team_pic_forum {
  max-height: 100px;
  width: auto;
  max-width: 50%; /* Ensure two images fit side-by-side */
  height: auto;
  display: inline-block !important;
  vertical-align: top;
}

.team-logos-container {
  display: flex !important;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: nowrap; /* Force one row */
  font-size: 0; /* Hide text nodes/whitespace */
}

@media (max-width: 640px) {
  .team_pic_forum {
    max-height: 60px; /* Smaller on mobile to fit */
    max-width: 120px; /* Prevent cropping on small screens */
  }
  .team-logos-container {
    gap: 6px;
  }

  .main-content {
	margin-top: 3%;
  }
}

.post_number {
  color: #666;
}

ol {
		list-style-type: none;
margin: 0;
		margin-left: 3em;
padding: 0;
border: none;
		counter-reset: li-counter;
}
ol li{
position: relative;
		  margin-bottom: 15px;
padding: 1em;
border: none;
}
ol li:before {
position: absolute;
top: 0;
left: -1em;
width: 0.94em;
height: 0.94em;

		font-size: 3em;
		line-height: 0.94;
		text-align: center;
color: #f5f5f5;

	   background-color: #464646;
content: counter(li-counter);
		 counter-increment: li-counter;
}

.slicknav_nav li{
	border: none;
	background-color: whitesmoke;
}

.slicknav_nav a {
color: blue;
}



    @font-face {
       font-family: 'Material Icons';
       font-style: normal;
       font-weight: 400;
       src: url(iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
       src: local('Material Icons'),
            local('MaterialIcons-Regular'),
            url(iconfont/MaterialIcons-Regular.woff2) format('woff2'),
            url(iconfont/MaterialIcons-Regular.woff) format('woff'),
            url(iconfont/MaterialIcons-Regular.ttf) format('truetype');
    }

    .material-icons {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;  /* Preferred icon size */
      display: inline-block;
      line-height: 1;
      text-transform: none;
      letter-spacing: normal;
      word-wrap: normal;
      white-space: nowrap;
      direction: ltr;

      /* Support for all WebKit browsers. */
      -webkit-font-smoothing: antialiased;
      /* Support for Safari and Chrome. */
      text-rendering: optimizeLegibility;

      /* Support for Firefox. */

      /* Support for IE. */
      font-feature-settings: 'liga';
	  color: #4d90fe;
    }



.lazy {
display: none;
}

.rss {
	padding: 8px 0px 8px 4px; 
	margin-left: auto;
	margin-right: auto;
}

.rss a {
	color: blue;
}

td {
		vertical-align: top;
}

/*
 * input[type=submit]{
 * max-width: 100%;
 * }
 * */

input[type=button]{
		max-width: 100%;
}

input.button {
width: auto;
}

table {
	/* removing width 100% will cause footable tables to shrink badly */
	width: 100%;
	   margin-left: auto;
	   margin-right: auto;
}

textarea
{
width: 95%;
display: block;
margin-left: auto;
margin-right: auto;
}

body {
margin:0;
}

h2, h3, .pn-title { 
		font-size: 1.07em;
}

.pn-normal {
		font-size: 0.95em;
}

p, .postbody {
		font-size: 0.95em;
		line-height: 1.35em;
}

.postbody {
	margin-right: 12px;
	margin-top: 5px;
	margin-left: 6px;
	margin-bottom: 10px;
	max-width: 790px;
}

.quotetitle, .quotecontent {
		font-size: 0.9em;
}

#one {
}

#one p {
	font-size: 1.1em
}
#two {
		font-size: 0.8em;
}

.post_date {
		font-size: 80%;
}

.thumbsup {
bottom: 3px;
right: 5px;
}

/* Thumbs Up/Down Voting Buttons - Modern Styling */
.thumbsup.up_down input,
.thumbsup.mini_thumbs input {
	padding: 6px 12px !important;
	margin: 2px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	border-radius: 6px !important;
	transition: all 0.2s ease !important;
	border: 2px solid !important;
	min-width: 45px !important;
}

.thumbsup.up_down input.up,
.thumbsup.mini_thumbs input.up {
	background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
	border-color: #059669 !important;
	color: white !important;
}

.thumbsup.up_down input.up:hover:not(:disabled),
.thumbsup.mini_thumbs input.up:hover:not(:disabled) {
	background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 8px rgba(16, 185, 129, 0.3) !important;
}

.thumbsup.up_down input.down,
.thumbsup.mini_thumbs input.down {
	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
	border-color: #dc2626 !important;
	color: white !important;
}

.thumbsup.up_down input.down:hover:not(:disabled),
.thumbsup.mini_thumbs input.down:hover:not(:disabled) {
	background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 8px rgba(239, 68, 68, 0.3) !important;
}

.thumbsup.up_down input:disabled,
.thumbsup.mini_thumbs input:disabled {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
}

.thumbsup.up_down input:active:not(:disabled),
.thumbsup.mini_thumbs input:active:not(:disabled) {
	transform: translateY(0) !important;
}

/* Use emoji/symbols for better visual appeal */
.thumbsup.up_down input.up:before,
.thumbsup.mini_thumbs input.up:before {
	content: "👍 ";
}

.thumbsup.up_down input.down:before,
.thumbsup.mini_thumbs input.down:before {
	content: "👎 ";
}

/* Result display styling */
.thumbsup.up_down .result1,
.thumbsup.mini_thumbs .result1 {
	font-weight: bold !important;
	color: #1f2937 !important;
	font-size: 18px !important;
}

/* Mini thumbs specific adjustments */
.thumbsup.mini_thumbs {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.thumbsup.mini_thumbs input {
	position: static !important;
	width: auto !important;
	height: auto !important;
	background-image: none !important;
	text-indent: 0 !important;
	font-size: 14px !important;
	line-height: normal !important;
	padding: 4px 10px !important;
	min-width: 40px !important;
}

.thumbsup.mini_thumbs .result1 {
	margin: 0 !important;
	font-size: 16px !important;
}

/* Mobile alignment fix */
@media (max-width: 768px) {
	.thumbsup {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 4px !important;
		flex-wrap: wrap !important;
	}

	.thumbsup.up_down {
		width: auto !important;
		height: auto !important;
		background: none !important;
	}

	.thumbsup.up_down .result1 {
		width: 100% !important;
		text-align: center !important;
		padding: 0 !important;
		margin-bottom: 4px !important;
	}

	.thumbsup.up_down input {
		position: static !important;
		min-width: 40px !important;
		padding: 4px 10px !important;
		font-size: 14px !important;
	}
}

.thumbsup.thumbs_up input, .thumbsup.thumbs_up_down input {
padding: 0;
		 margin-left: 5px;
}

/* Search term highlighting */
.search-highlight, mark.search-highlight {
	background-color: #fef08a !important; /* Yellow 200 */
	background-image: linear-gradient(135deg, #fef08a 0%, #fde047 100%) !important;
	color: #78350f !important; /* Yellow 900 for contrast */
	padding: 2px 4px !important;
	border-radius: 3px !important;
	font-weight: 600 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
	text-decoration: none !important;
	border: 1px solid #facc15 !important; /* Yellow 400 */
}

.pn-title {
display: block;
		 margin-bottom: 5px;
}

.f_navbar {
float: left;
clear: both;
}

@media only screen and (min-width: 1296px) {
.outermost_table_container {
	width: 1362px;
	max-width: 100%;
/*
	   box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
border: 1px #c0c0c0 solid;
*/
		margin-top: 3px;
	position: relative;
}
}

@media screen and (max-width: 1366px) {
		.outermost_table_container {
		border: none;
		margin-top: 1px;
		box-shadow: none;
		}
}

.pn-sub {
padding: 10px;
}

.login-to-view {
margin: 15px 2px 2px 2px; padding: 5px; border: 1px dotted black; 
}

.forumline {
width: 100%;
}

.respTable, #PtwiX_silver-blue, .bx-wrapper {
		margin-top: 4px;
		max-width: 99%;
}

.fb-news-block {
float: left;
height: 170px;
overflow: auto;
		  margin-left: auto;
		  margin-right: auto;
}

.video-container {
position: relative;
		  padding-bottom: 56.25%;
		  padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
		.video-container object,
		.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
		}

.top_buttons {
		max-width: 98%;
		margin-left: 5px;
		overflow-x: hidden;
}

.share-button.sharer-0 label {
background: #b0e0e6 !important;
}

.share-button { margin: auto; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; display: inline !important;}

.share-button.sharer-0 .social.networks-5.center { margin-left: 50px !important; }

.share-button.sharer-0 .social.networks-5, .share-button.sharer-0 .social.networks-5 ul {
width: 90%;
}

.userblock {
	font-size: 0.875rem;
	margin: 0;
	clear: both;
}

.userinfo_block {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px;
	background: #f8f9fa;
	border-radius: 8px;
	border: 1px solid #dee2e6;
	font-size: 0.875rem;
}

.userinfo {
	color: #495057;
	line-height: 1.5;
}

.userinfo a {
	color: #0066cc;
	text-decoration: none;
}

.userinfo a:hover {
	text-decoration: underline;
}

.userinfo img {
	max-width: 20px;
	max-height: 20px;
	vertical-align: middle;
}

/* Modern login form styling */
.forumline {
	background: #ffffff;
	border: 1px solid #dee2e6;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	width: 100% !important;
}

.forumline th {
	background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%);
	padding: 16px;
	font-size: 1rem;
	font-weight: 600;
	color: #212529;
	border-bottom: 1px solid #dee2e6;
}

.forumline td {
	padding: 16px;
}

.forumline input[type="text"],
.forumline input[type="password"] {
	width: 100%;
	max-width: 300px;
	padding: 8px 12px;
	border: 1px solid #ced4da;
	border-radius: 4px;
	font-size: 0.9375rem;
	transition: border-color 0.15s ease-in-out;
}

.forumline input[type="text"]:focus,
.forumline input[type="password"]:focus {
	outline: none;
	border-color: #0066cc;
	box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

.forumline input[type="submit"],
.forumline input.mainoption {
	background: linear-gradient(to bottom, #0066cc 0%, #0052a3 100%);
	color: #ffffff;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	font-size: 0.9375rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
}

.forumline input[type="submit"]:hover,
.forumline input.mainoption:hover {
	background: linear-gradient(to bottom, #0052a3 0%, #004080 100%);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.forumline input[type="checkbox"] {
	margin-right: 6px;
	cursor: pointer;
}

.forumline .genmed {
	font-size: 0.875rem;
	color: #6c757d;
}

.forumline a {
	color: #0066cc;
	text-decoration: none;
}

.forumline a:hover {
	text-decoration: underline;
}

.sig {
	font-size: 90%;
	margin: 0px 10px 0px 10px;
}

.youtubeplayer {
width: 100%;
	   max-width: 670px;
margin: 5px;
overflow: auto;
}

.banner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	width: 100%;
	height: auto;
}

.reputation-medal {
	border: 0;
	vertical-align: middle;
	margin-right: 2px;
	max-width: 16px;
	max-height: 16px;
	display: inline-block;
}

.reputation-display {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.reputation-medals {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px;
}

.reputation-votes {
	font-size: 0.875rem;
	color: #666;
}

.tablesorter_container {
overflow: auto;
}

.blog a {
color: blue;
}

.blog-body{
		margin-left: 125px;
color: black;
	   letter-spacing: 0.1em;
}

.blog-date {
		font-size: 12px;
}

.blog-title{
color: black;
}


@media only screen and (max-width: 1024px) {
	.postbody {
		max-width: 700px;
	}
}

@media (max-width:600px) {
	#one {  }
	#two { margin-top: 8px; }
}

.blog-avatar {
margin: 1px;
		max-width: 65px;
}

.blog-body{
		margin-left: 80px;
}

.blog-avatar img {
		max-width: 65px;
}

.tablesorter_container {
		max-width: 100%;
}

.pagination a, .pagination a:visited, .pagination a:hover {
border: none;
}

.fb-comments-container h3 {
color: black !important;
}


li{
}
/*
   li a{
color: blue;
}
 */


.address {
padding: 8px;
border: 1px solid black ;
		border-radius: 10px ;
		-webkit-border-radius: 10px;
		margin-bottom: 10px;
overflow:hidden;
		 background-color: white;
width: 300px;
color: black;
}

.intro {
		max-height:320px;
margin: 0px;
padding: 2px;
		 font-size:0.96em;
		 line-height: 0.99em;
overflow:auto;

}

@media screen and (max-width:801px) {
		.mtblock tr { 
			line-height: 35px; 
			padding: 7px;
		}

		.thread_nav {
			margin: 0 5px 0 0;
		}

		.thread_nav {
			margin: 0 5px 0 0;
		}

		.mtblock tr {
			line-height: 35px;
			padding: 7px;
		}

}



#photos {
		/* Prevent vertical gaps */
		line-height: 0;

		-webkit-column-count: 6;
		-webkit-column-gap:   0px;
		column-count:         6;
		column-gap:           0px;

}
#photos img {
		/* Just in case there are inline attributes */
width: 100% !important;
height: auto !important;
		max-width: 300px;
		max-height: 300px;
}

@media (max-width: 1200px) {
#photos {
		-webkit-column-count: 5;
		column-count:         5;
}
}
@media (max-width: 1000px) {
#photos {
		-webkit-column-count: 4;
		column-count:         4;
}
}
@media (max-width: 801px) {
#photos {
		-webkit-column-count: 3;
		column-count:         3;
}
}
@media (max-width: 414px) {
#photos {
		-webkit-column-count: 1;
		column-count:         1;
}
}


.section {
clear: both;
padding: 0px;
margin: 0px;
}

/*  COLUMN SETUP  */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GRID OF THREE  */
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 66.1%;
}
.span_1_of_3 {
width: 32.2%;
}

/*  GRID OF FOUR  */
.span_4_of_4 {
width: 100%;
}
.span_3_of_4 {
width: 74.6%;
}
.span_2_of_4 {
width: 49.2%;
}
.span_1_of_4 {
width: 23.8%;
}

/*  GRID OF TWO  */
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.5%;
}

/*  GROUPING  */
.group:before,
		.group:after {
content:"";
display:table;
		}
.group:after {
clear:both;
}

.facebook_text {
		font-size: 11px;
color: black;
	   max-width: 200px;
}

.modalDialog {
position: fixed;
		  font-family: Arial, Helvetica, sans-serif;
top: -25px;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
			z-index: 99999;
opacity:0;
		-webkit-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
			pointer-events: none;
}

.modalDialog:target {
opacity:1;
		pointer-events: auto;
}

.modalDialog > div {
width: 520px;
height: 500px;
		overflow-y: scroll;
		overflow-x: hidden;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
		 border-radius: 10px;
background: #fff;
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
}

.modalDialog2 {
position: fixed;
		  font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
			z-index: 99999;
opacity:0;
		-webkit-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
			pointer-events: none;
}

.modalDialog2:target {
opacity:1;
		pointer-events: auto;
}

.modalDialog2 > div {
width: 600px;
height: 580px;
		overflow-y: scroll;
		overflow-x: hidden;
position: relative;
margin: 10% auto;
padding: 3px;
		 border-radius: 10px;
background: #fff;
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
}

.close {
background: #606061;
color: #FFFFFF;
	   line-height: 25px;
position: absolute;
right: 1px;
	   text-align: center;
top: 1px;
width: 24px;
	   text-decoration: none;
	   font-weight: bold;
	   -webkit-border-radius: 12px;
	   border-radius: 12px;
	   -webkit-box-shadow: 1px 1px 3px #000;
	   box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

/*
   .myButton, input[type="submit"] {
color: black !important;
border-style: solid;
border-width: 1px;
border-image: none 100% / 1 / 0 stretch;
border-color: rgb(190, 149, 44) rgb(166, 130, 38) rgb(155, 121, 36);
border-radius: 3px;
vertical-align: middle;
height: 24px;
padding: 0px 10px 0px 11px;
text-decoration: none;
overflow: hidden;
cursor: pointer;
color: currentcolor;
position: relative;
z-index: 2;
background: rgb(254, 230, 176) linear-gradient(rgb(254, 230, 176), rgb(238, 186, 55)) repeat scroll 0% 0%;
transform: translate3d(0px, 0px, 0px);
max-width: 260px;
text-align: center;
flex-grow: 0;
flex-shrink: 0;
box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px inset;

}
 */

.sm_blue {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	   background-color:#79bbff;
	   -webkit-border-radius:5px;
	   border-radius:5px;
border:1px solid #337bc4;
display:inline-block;
cursor:pointer;
color:#ffffff;
	  font-family:arial;
	  font-size:10px;
	  font-weight:bold;
padding:0px 8px;
		text-decoration:none;
		text-shadow:0px 1px 0px #528ecc;
	min-height: 20px;
}
.sm_blue:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	   background-color:#378de5;
}
.sm_blue:active {
position:relative;
top:1px;
}

.bullet {
		list-style-type: square;
		list-style-image: none;
		margin-left: 0px;
}

.bullet li {
		margin-left: 0px;
padding: 2px;
background: none;
border: none;
}


/*
#crp_related ul {
list-style: none;
list-style-type: none;
list-style-image: none;
float: left;
margin: 0;
padding: 0;
}
#crp_related li, #crp_related a {
float: left;
position: relative;
text-align: center;
}
#crp_related li {
list-style: none;
list-style-type: none;
list-style-image: none;
margin: .9em;
border: 1px solid #ddd;
padding: 6px;
background: none; 
}
#crp_related li:hover {
background: #eee;
border-color: #bbb;
}

#crp_related li:nth-child(odd) { background: #bff; }

#crp_related a {
list-style: none;
list-style-type: none;
list-style-image: none;
width: 150px;
height: 150px;
}
#crp_related a:hover {
text-decoration: none;
}
#crp_related img {
max-width: 150px;
margin: auto;
}
#crp_related .crp_title {
padding: 1px;
position: absolute;
height: inherit;
left: 6px;
color: #fff;
font-size: 1.1em;
text-shadow: #000 .1em .1em .2em;
background: rgb(0.5, 0.5, 0.5);
background: rgba(0, 0, 0, 0.5);
}
#crp_related li:hover .crp_title {
background: rgb(0.2, 0.2, 0.2);
background: rgba(0, 0, 0, 0.8);
}
 */

#crp_related {
float:left;
width:98%;
position:relative;
margin: 3px;
padding: 3px;
		 font-size: 14px;
}

#crp_related ul {
position: relative;
		  text-align:center;
		  list-style: none;
float: left;
margin: 0;
}

#crp_related li, #crp_related a {
		list-style: none;
float: left;
overflow: hidden;
position: relative;
		  text-align: center;
}

#crp_related li {
		list-style: none;
margin: 6px !important;
padding: 1px;
border: 1px solid #c2c3c3;
		border-radius: 15px;
		-webkit-border-radius: 15px;
}

#crp_related a {
width: 145px;
height: auto;
margin: 3px;
}

#crp_related img {
		max-width: 150px;
		max-height: 90px;
margin: auto;
padding: 5px;
		 border-radius: 15px;
		 -webkit-border-radius: 15px;
display: block !important;
}

#crp_related li:hover {
		border-color: black;
}

#crp_related .crp_title {
margin: 5px;
clear:both;
position:static;
height: inherit;
bottom: 3px;
left: 3px;
padding: 1px;
width: 140px; /* = 150px - (3px * 2) */
	   font-size: 12px !important;
padding: 5px;
}

.th1 {
width: 15%;
	   max-width: 200px;
}

.th2 {
width: 85%;
}

.fb-comments-container{
margin: 0 auto;
padding: 5px;
width: 100%;
	   max-width: 560px;
	   text-align:center;
	   background-color: white;
}
/*
p:first-child {
	margin: 0px;
	padding-top: 0px;
}

p:first-child:last-child {
    margin-bottom: 10px;
}

p:last-child {
	margin-bottom: 10px;
}
*/

/* Menu styling moved to header.php for modern responsive design */
#menu {
	/* display: none; - Removed: Menu is now visible with modern styling */
}

.avatar {
	max-width: 150px;
	padding: 4px;
}

.navbar_row {
		text-align: center;
}

.row1{
		padding-left: 6px;
}

.row2 {
		padding-left: 6px;
}

.uploaded_img {
overflow:auto;
}

#sideblocks {
border: 1px solid black;
}

.cntd_container {
		text-align: center;
width: 100%;		
}

.CNTD {
display: inline-block;
}


.top_ad {
float: right;
	   margin-left:auto;
	   margin-right:auto;
}

.front_block {
width: 100%;
overflow:auto;
}

.exp_content, .exp_content1 {
		max-height: 300px;
overflow: auto;
}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}

.name {
		font-size: 13px;
display: inline-block;
		 max-width: 140px;
		 white-space: nowrap;
overflow: hidden;
}

.forum-icon {
float: right;
}

ul.rig {
		list-style: none;
		font-size: 0px;
		margin-left: -2.5%; /* should match li left margin */
		padding-left: 0;
}
ul.rig li {
display: inline-block;
padding: 5px;
margin: 0 0 2.5% 2.5%;
background: #fff;
border: 1px solid #ddd;
		font-size: 16px;
		font-size: 1rem;
		vertical-align: top;
		box-shadow: 0 0 5px #ddd;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
}
ul.rig li img {
		/*
		   max-width: 100%;
		 */
		max-width: 110px;
height: auto;
margin: 3px auto;
display: block;
}
ul.rig li h3 {
margin: 0 0 5px;
}
ul.rig li p {
		font-size: .95em;
		line-height: 1.2em;
display: block;
clear: both;
margin: 3px auto;
		text-align: center;
}
/* class for 2 columns */
ul.rig.columns-2 li {
width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.rig.columns-3 li {
width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.rig.columns-4 li {
width: 22.5%; /* this value + 2.5 should = 25% */
}

@media (max-width: 480px) {
		ul.grid-nav li {
display: block;
margin: 0 0 5px;
		}
		ul.grid-nav li a {
display: block;
		}
		ul.rig {
				margin-left: 0;
		}
		ul.rig li {
width: 100% !important; /* over-ride all li styles */
margin: 0 0 10px;
		}
}

.forum-wide-responsive {
		margin-bottom: 10px;
}



@media only screen and (max-width: 480px) {
        .col {
margin: 1% 0 1% 0%;
        }

}

@media only screen and (max-width: 480px) {
        .span_2_of_2 {
width: 100%;
        }
        .span_1_of_2 {
width: 100%;
        }
}

@media only screen and (max-width: 801px) {
	.outermost_table_container {
		max-width: 100%;
	}
        .team-pic {
                max-height: 80px;
                margin-left: auto;
                margin-right: auto;
        }

        .tablesorter_container {
                max-width: 600px;
        }
}

@media only screen and (max-width: 768px) {
		.flexwrapper {
			flex-direction: column;
		}

		.teamvsteam {
    		margin-left: auto;
    		margin-right: auto;
		}

		#content-desktop {display: none;}
		#content-mobile {display: block;}

		.postbody {
        	margin-left: 12px;
			margin-bottom: 0px;
		}

		.pn_title {
			margin-bottom: 15px;
			text-align: center;
		}

		th {
			font-size: 0.9em;
		}

        .tablesorter_container {
                max-width: 460px;
        }
}

@media only screen and (max-width: 414px) {
#PtwiX_silver-blue #content_Ptwix .PtwiXOverFlow {
        max-width: 360px;
}

#PtwiX_silver-blue #top_Ptwix #center_Ptwix #text_Ptwix { left: -40px; font-size: 10px; }

#PtwiX_silver-blue a { font-size: 1em; }

	#one {
		max-height: 15vw;
	}
/*
	h4 {
		line-height: 10px;
	}
*/	
	.outermost_table_container {
        margin-top: -15px;
    }

    .banner {
    	margin-bottom: -30px;
    }

	.mobile_remove {
    	display: none;
    }

	.slicknav_menu {
		top: 10px;
	}

#crp_related li {
}

}

@media only screen and (max-width: 360px) {
        .respTable  {
overflow: auto;
          margin-top: 1px;
        }

        th.thc, th {
                background-color: transparent;
background: transparent;
        }

        hr {
                margin-top: 20px;
        }

/*
        SELECT, TEXTAREA, INPUT {
                max-width: 90%;
        }
*/
        .footable > tbody img {
                max-height: 40px;
        }

        .footable > thead > tr > th, .footable > thead > tr > td {
background: transparent;
        }

        .row1 { background: transparent; }

        td.row1 {
background: transparent !important;
        }

        .footable tr {
                border-bottom: dotted 1px #c0c0c0 !important;
                padding-bottom: 18px;
        }

        .title_move_up { margin-top: -42px; margin-bottom: -10px; }

        .goto_page {
                margin-right: 18px;
border: solid 1px #c0c0c0;
padding: 5px;
        }

        .poll_img { display: none; }

        .tablesorter_container {
                max-width: 310px;
        }

        .outermost_table_container {
padding: 0px;
         margin-top: -10px;
        }

#PtwiX_silver-blue #content_Ptwix .PtwiXOverFlow {
        max-width: 350px;
}


}

@media only screen and (max-width: 320px) {
        .footable {
                max-width: 310px;
        }

#PtwiX_silver-blue #content_Ptwix .PtwiXOverFlow {
        max-width: 310px;
}

}


.custom-floating-menu {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 1000;
  background-color: rgba(51, 51, 51, 0.5);
  padding: 10px;
  border-radius: 5px;
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center; /* Center content horizontally and vertically */
  height: 25px; /* Initial height */
}

#custom-menu-toggle {
  display: none;
}

.custom-label {
  cursor: pointer;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center; /* Center horizontally */
}

.expand-icon,
.collapse-icon {
  font-size: 1.3em;
  justify-content: center; /* Center horizontally */
}

.collapse-icon {
  display: none;
}

#custom-menu-toggle:checked + .custom-label .expand-icon {
  display: none;
}

#custom-menu-toggle:checked + .custom-label .collapse-icon {
  display: inline-block;
}

#custom-menu-toggle:checked + .custom-label + .custom-menu-list {
  display: flex;
  align-items: center; /* Align items in the same row */
}

.custom-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}

.custom-menu-list li {
  margin-right: 10px;
}

.custom-menu-list a {
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
}

.custom-icon {
  font-family: 'Arial', sans-serif;
}

.custom-icon::before {
  content: attr(data-icon);
}

.icon {
  font-family: 'Arial', sans-serif;
}

.icon::before {
  content: attr(data-icon);
}

#refreshIcon {
  color: #fff; /* Set the color for the refresh icon to white */
}

/* ========================================
   PRIVATE MESSAGES MODERNIZATION
   ======================================== */

/* PM Folders Navigation */
.pm-folders-nav {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 20px;
}

.pm-storage-info {
  margin-left: auto;
  padding: 8px 16px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 13px;
  color: #495057;
}

/* PM Header Bar */
.pm-header-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 12px;
}

.pm-header-left,
.pm-header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pm-filter-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #495057;
}

.pm-select {
  padding: 6px 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
}

.pm-go-button {
  padding: 6px 16px;
  background: linear-gradient(to bottom, var(--brand-color-light, #3b82f6) 0%, var(--brand-color, #1e3a8a) 100%);
  border: 1px solid var(--brand-color, #1e3a8a);
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.pm-go-button:hover {
  background: linear-gradient(to bottom, var(--brand-color, #1e3a8a) 0%, color-mix(in srgb, var(--brand-color, #1e3a8a), black 20%) 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* PM List Container */
.pm-list-container {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.pm-list-header {
  display: grid;
  grid-template-columns: 60px 1fr 180px 140px 60px;
  gap: 12px;
  padding: 12px 16px;
  background: linear-gradient(to bottom, #f1f3f5 0%, #e9ecef 100%);
  border-bottom: 2px solid #dee2e6;
  font-weight: 600;
  font-size: 13px;
  color: #495057;
}

.pm-list-row {
  display: grid;
  grid-template-columns: 60px 1fr 180px 140px 60px;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #e9ecef;
  transition: background-color 0.2s ease;
  align-items: center;
}

.pm-list-row:hover {
  background-color: #f8f9fa;
}

.pm-list-row.row1 {
  background-color: #ffffff;
}

.pm-list-row.row2 {
  background-color: #f8f9fa;
}

.pm-col-flag {
  text-align: center;
}

.pm-status-icon {
  font-size: 20px;
  cursor: help;
}

.pm-subject-link {
  font-weight: 500;
  color: #0066cc;
  text-decoration: none;
  transition: color 0.2s ease;
}

.pm-subject-link:hover {
  color: #0052a3;
  text-decoration: underline;
}

.pm-from-link {
  color: #495057;
  text-decoration: none;
  font-weight: 500;
}

.pm-from-link:hover {
  color: #0066cc;
  text-decoration: underline;
}

.pm-col-date {
  font-size: 13px;
  color: #6c757d;
}

.pm-col-mark {
  text-align: center;
}

.pm-checkbox {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.pm-no-messages {
  padding: 40px;
  text-align: center;
  color: #6c757d;
  font-size: 15px;
}

/* PM List Footer */
.pm-list-footer {
  display: flex;
  gap: 8px;
  padding: 16px;
  background: #f8f9fa;
  border-top: 1px solid #dee2e6;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.pm-button {
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid;
}

.pm-button-primary {
  background: linear-gradient(to bottom, #28a745 0%, #218838 100%);
  border-color: #218838;
  color: #fff;
}

.pm-button-primary:hover {
  background: linear-gradient(to bottom, #218838 0%, #1e7e34 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.pm-button-secondary {
  background: linear-gradient(to bottom, #6c757d 0%, #5a6268 100%);
  border-color: #5a6268;
  color: #fff;
}

.pm-button-secondary:hover {
  background: linear-gradient(to bottom, #5a6268 0%, #4e555b 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.pm-button-danger {
  background: linear-gradient(to bottom, #dc3545 0%, #c82333 100%);
  border-color: #c82333;
  color: #fff;
}

.pm-button-danger:hover {
  background: linear-gradient(to bottom, #c82333 0%, #bd2130 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* PM Message Detail View */
.pm-message-container {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 20px;
}

.pm-message-header {
  padding: 16px 20px;
  background: linear-gradient(to bottom, #f1f3f5 0%, #e9ecef 100%);
  border-bottom: 2px solid #dee2e6;
}

.pm-message-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #212529;
}

.pm-message-meta {
  padding: 16px 20px;
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

.pm-meta-row {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  gap: 16px;
  padding: 8px 0;
  align-items: center;
}

.pm-meta-label {
  font-weight: 600;
  color: #495057;
  font-size: 14px;
}

.pm-meta-value {
  color: #212529;
  font-size: 14px;
}

.pm-subject {
  font-weight: 500;
}

.pm-actions {
  display: flex;
  gap: 8px;
}

.pm-message-body {
  padding: 20px;
}

.pm-message-content {
  line-height: 1.6;
  color: #212529;
}

.pm-message-footer {
  padding: 12px 20px;
  background: #f8f9fa;
  border-top: 1px solid #dee2e6;
  display: flex;
  gap: 12px;
}

.pm-message-actions {
  padding: 16px 20px;
  background: #f8f9fa;
  border-top: 1px solid #dee2e6;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

/* Responsive PM Layout */
@media (max-width: 768px) {
  .pm-list-header,
  .pm-list-row {
    grid-template-columns: 40px 1fr;
    gap: 8px;
  }

  .pm-col-from,
  .pm-col-date,
  .pm-col-mark {
    display: none;
  }

  .pm-meta-row {
    grid-template-columns: 100px 1fr;
    gap: 12px;
  }

  .pm-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding-top: 8px;
  }
}

/* ========================================
   THREAD POST LAYOUT IMPROVEMENTS
   ======================================== */

/* Enhanced post container */
.forum-post {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
  transition: box-shadow 0.2s ease;
}

.forum-post:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Modern author header */
.post-author-header {
  background: linear-gradient(to right, #f8f9fa 0%, #e9ecef 100%);
  font-weight: 600;
}

.post-author-header .name {
  font-size: 15px;
  color: #212529;
}

/* Enhanced post metadata */
.post-meta-header {
  background: linear-gradient(to right, #ffffff 0%, #f8f9fa 100%);
}

.post_date {
  font-size: 13px;
  color: #6c757d;
  font-weight: 500;
}

/* Modern author sidebar */
.post-author-sidebar {
  background: #f8f9fa;
  padding: 16px;
}

.userblock {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.userblock .name,
.userblock .username {
  font-size: 15px;
  font-weight: 600;
  color: #212529;
  margin-bottom: 8px;
}

.userblock img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* User status/rank badge */
.userblock .rank {
  display: inline-block;
  padding: 4px 10px;
  background: linear-gradient(to bottom, var(--brand-color-light, #3b82f6) 0%, var(--brand-color, #1e3a8a) 100%);
  color: #fff;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

/* User stats in sidebar */
.userblock .gensmall {
  font-size: 13px;
  color: #495057;
  line-height: 1.6;
}

/* Enhanced post content */
.post-content-main {
  background: #ffffff;
  padding: 10px 2px 2px 2px;
  line-height: 1.7;
}

.postbody {
  color: #212529;
  font-size: 15px;
}

.postbody p {
  margin-bottom: 12px;
}

/* Signature styling */
.sig {
  margin-top: 20px;
  padding-top: 12px;
  border-top: 1px solid #dee2e6;
  font-size: 13px;
  color: #6c757d;
}

/* Post actions footer */
.post-actions-footer {
  background: #f8f9fa;
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.gensmall_left,
.gensmall_right {
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* More actions dropdown */
.more-actions-wrapper {
  position: relative;
}
.more-actions summary {
  list-style: none;
}
.more-actions summary::-webkit-details-marker {
  display: none;
}
.more-actions-menu {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 50;
  white-space: nowrap;
}

/* Poster name emphasis */
.poster-name {
  font-size: 0.85rem;
  font-weight: 700;
  color: #1f2937;
  letter-spacing: -0.01em;
}

/* Optional: Add theme color accent on hover if it's a link */
a.poster-name:hover {
  color: var(--brand-color, #6b21a8);
}

/* Quote styling */
.quotetitle {
  padding: 8px 12px;
  background: #e9ecef;
  border-left: 3px solid #007bff;
  font-weight: 600;
  font-size: 13px;
  color: #495057;
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
}

.quotecontent {
  padding: 12px;
  background: #f8f9fa;
  border-left: 3px solid #007bff;
  border-radius: 0 0 4px 4px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #495057;
}

.quotecontent p {
  font-size: inherit;
}

/* Code block styling */
.code {
  padding: 12px;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  overflow-x: auto;
  margin: 12px 0;
}

/* ========================================
   TYPOGRAPHY IMPROVEMENTS
   ======================================== */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
}

h1 {
}

h2 {
}

h3 {
}

a {
 text-decoration: underline;
}

a:hover {
}

/* Button base improvements */
button,
input[type="submit"],
input[type="button"],
.button {
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s ease;
}

button:not(.pm-button):not(.pm-go-button):not(.mod-button):not(.action-button):not(.navbar-button):not(.btn-register):not(.btn-signin),
input[type="submit"]:not(.pm-button):not(.pm-go-button),
input[type="button"]:not(.pm-button):not(.pm-go-button) {
  padding: 8px 8px;
/*
  background: linear-gradient(to bottom, var(--brand-color-light, #3b82f6) 0%, var(--brand-color, #1e3a8a) 100%);
  border: 1px solid var(--brand-color, #1e3a8a);
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
*/
}

button:hover:not(.pm-button):not(.pm-go-button):not(.mod-button):not(.action-button):not(.navbar-button):not(.btn-register):not(.btn-signin),
input[type="submit"]:hover:not(.pm-button):not(.pm-go-button),
input[type="button"]:hover:not(.pm-button):not(.pm-go-button) {
  background: linear-gradient(to bottom, var(--brand-color, #1e3a8a) 0%, color-mix(in srgb, var(--brand-color, #1e3a8a), black 20%) 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Form inputs */
input[type="text"]:not(.post):not([name="search_keywords"]):not(.pm-select),
input[type="password"],
input[type="email"],
textarea,
select {
  padding: 8px 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Table improvements */
table.forumline {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.row1 {
  border: gray dotted 2px;
  background-color: #ffffff;
}

.row2 {
  border: gray dotted 2px;
  background-color: #f8f9fa;
}

.row1:hover,
.row2:hover {
  background-color: #e9ecef;
}

/* Spacing utilities */
/*
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 3rem; }

.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }

.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 1rem; }
.p-4 { padding: 1.5rem; }
.p-5 { padding: 3rem; }
*/

/* Login page header fix */
.login-card-header h1 { color: #ffffff !important; }

/* Search Results Pagination */
.search-pagination {
    font-size: 14px;
}

.search-pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 10px;
    background-color: #f3f4f6;
    color: #374151;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s;
}

.search-pagination a:hover {
    background-color: #6b21a8;
    color: #ffffff;
}

/* Search Results Container */
.search-results-container {
    padding: 1rem 0;
}

.search-results-container > div {
    margin-bottom: 2rem;
}