/* This styles the link element inside the .site-title class and applies the glowing effect */
.site-title a {
  position: relative; /* Set to relative so that the pseudo-element can be positioned relative to this link */
  display: inline-block; /* Set to inline-block to make sure the link wraps around its content */
  padding: 5px 10px; /* Adjust padding as needed */
  background-color: rgba(256, 256, 256, 0.5); /* Semi-transparent background color (adjust the opacity as needed) */
  color: #00008B; /* Set the link text color */
  text-decoration: none; /* Remove underline from the link */
  text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff; /* Set the glowing effect with multiple shadows */
}


.wp-block-button__link {
	background-color:#00008B
}

.menu-item .sub-menu a {
    color: white;
  }
.menu-item .sub-menu a:visited {
  color: white;
}



.site-title {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.site-title {
  color:  #00008B;
}

.has-featured-image .site-title a {
  color: white;
}

.wp-block-search__button.has-icon.wp-element-button {
  background-color: #00008B;
}

a {
  color: #00008B;
}

a:hover {
  color: #0000CD;
}
a:visited {
  color: #00008B;
}

a:visited:hover {
  color: #0000CD;
}
#menu-item-159 .sub-menu {
  background-color: #00008B;
}


/* makes tables scrollable, including Elo ranking tables that otherwise look very cramped in mobile. */
table {
  display: block;
  
	max-width: -moz-fit-content;
  /*max-width: fit-content;*/
	
	table-layout:fixed;
	width:100%;
	
	max-height: 510px;
  margin: 0 ;
	overflow-x: auto;
	white-space: nowrap;
}

/*.page-id-8337 /*Power ranking/Elo page*/
tbody>tr>*:nth-last-child(8)~*{ width:40%}
/*.page-id-8337*/
tbody>tr>*:nth-last-child(7)~*{ width:0%}



/*#my-table table,td,th {
	border: 0.5px solid light grey;
	font-size:13px
	
}
#my-table th,td{
	text-align:center
}
#my-table th {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
		max-width: 170px;
    min-width: 75px; 
		font-size: 14px;	
}

#my-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
#my-table td:nth-child(2){
	font-size:11px;
	max-width:120px;
	overflow: hidden;
  text-overflow: ellipsis;
	text-align:left
}
#my-table td:nth-child(3){
	font-size:14px;
	max-width:10px;
	overflow: hidden;
  text-overflow: ellipsis;
}
#my-table th:nth-child(5),
#my-table tbody td:nth-child(5) {
  width: 10px; 
	text-align:center;
	max-width:10px;
	min-width:50px;
	overflow: hidden;
  text-overflow: ellipsis;
}
#my-table th,td {
  border: 1px solid light;
  padding: 8px;
}
#my-table th:first-child,
td:first-child {
  position: sticky;
  left: 0;
  background-color: #f2f2f2;
  z-index: 0;
	font-weight:bold;
	max-width:170px;
  overflow: hidden;
  text-overflow: ellipsis;
	font-size:14px;
	text-align:left;
}
#my-table td:last-child {
	font-weight:bold;
}*/





thead { 
	position: sticky; 
	top: 0; 
	z-index: 1;
	background:#ececec;
}


/*https://wordpress.com/forums/topic/independent-publisher-2-change-column-widths/ */
/*increase main content area width*/
#main {
    max-width: 950px;
}

/*increase sidebar width*/
/* CAUSES VERY NARROW APPEARANCE ON MOBILE
.has-sidebar .site-content .widget-area {
    width: 25%;
} */

.author-bio img {
  display: none;
}