/* Target table with ID 7 */
#tablepress-7 {
	width: 650px;
	border-collapse: collapse;
	 margin: 0;
}


/* Target all table headers and cells in table with ID 7 */
#tablepress-7 td,
#tablepress-7 th {
	font-size: 14px;
	overflow-wrap: break-word;
	word-break: break-word;   
	white-space: normal;     
}
#tablepress-7 th {
		vertical-align: bottom
}

#tablepress-7 .column-1 {
	width: 55%;
	overflow-wrap: break-word;
	word-break: break-word; 
	white-space: normal; 
}

#tablepress-7 .column-2 {

	overflow-wrap: break-word;
	word-break: break-word; 
	white-space: normal; 
	text-align: right
}
#tablepress-7 .column-3 {	

	overflow-wrap: break-word;
	word-break: break-word; 
	white-space: normal;
	text-align: right
}

/* Media query for mobile devices */
@media only screen and (max-width: 600px) {

    #tablepress-7 {
				width: 100%;
        font-size: 10px;
    }
	
	#tablepress-7 th {
        font-size: 9px;
    }

	#tablepress-7 td:first-child,
    #tablepress-7 th:first-child {
        width: 45%;
				font-size:11px
    }
	
}




/* 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 */
}

/* Titles for posts */
body {
    font-size: 18px; /* Change this value to your desired font size */
}


/* Body text for posts */
p,
.entry-content p,
.single-post .entry-content p,
.page-content p, .entry-wrapper p {
    font-size: 18px; /* Change this value to your desired font size */
}

.entry-date.published {
	margin-top: 5.5px;
}

.entry-meta {
	margin-bottom: 1.0em ;
	margin-top: 1.0em;
}

p,
.entry-content p,
.single-post .entry-content p,
.page-content p {
    margin-bottom: 1.0em !important; /* Adjust this value to decrease space between paragraphs */
}



ul li,
ol li {
    margin-bottom: -0.5em !important; /* Adjust this value to decrease space between list items */
	
}








.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: #0000CD;
}

a:hover {
  color: #0099ff;
}
a:visited {
  color: #0000CD;
}

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;
}

/*
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;
	
}