@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

BODY { 
	background:#efefef;
	margin:0 auto;
	padding:0; 
	color:#000;
	}

A { color:#000; }
H1, H2, H3 { }

#wrapper { margin:0 auto; width:90%; max-width:1200px; padding:0; background:#fff;  }
	
	#header { height:90px; margin:0 20px; padding:0; background:url(../images/168.gif) left top no-repeat #fff;}
	#header::after { 
					content: "Cumberland Lawn Tennis Club ~ Squash"; 
					white-space:pre; 
					font-size:32px; 
					font-family: "EB Garamond", serif;
					color:#463f8f;					
					font-optical-sizing: auto;
					font-weight: 500;
					display:block;
					margin:.76em 0 0 160px;
					}	
	
	#nav { margin:0; padding:10px; background:#fff; }
	#nav A { margin:0 10px 0 10px; padding:10px; background:#fff; text-transform:uppercase; color:#463f8f; }
	#nav A:last-child {  }
	#nav A:HOVER, #nav A.selected { color:#c4b8bb; text-decoration:none; }
	#nav_cms { display:none; }
	
	#col_wrapper { margin:2em 20px; padding:0; }
		#left_col { float:left; margin:0 2% 0 0; width:22%; padding:0; background:none; }
		#left_col .panel { border:0; background:#f8f8f8; } 
		#left_col #login_panel { }
		#left_col #select_date_wrapper { }
		#nav_booking_rules {}

			#select_date {  }
			.left_side_date A { }
			DIV#select_date DIV.left_side_date:first-child A  {  }
			.left_side_date A:HOVER, .left_side_date A.selected {  } 	

		#right_col { float:left; margin:0; width:75%; padding:0; background:#fff; }
		
			.nested_column { width:32%; margin:0 1% 0 0; border-bottom:1px dotted #aaa; }
			.nested_column:nth-child(3), .nested_column:last-child { margin:0; }
			/*
			.courtname { margin:1em 0 0 0 !important; }
			.courtdescr { text-transform:uppercase; font-weight:normal; margin:0 0 1em 0 !important; }
			*/
			
		#map { width:100%; }
	
	#footer { margin:0; padding:1em 0; border:0; color:#fff; background:#463f8f;  }
	#footer A { color:#5caeed; }

#hbi {   }
#hbi, #hbi A { } 
#mycourts_logo { content:url("/images/mycourts_black_150.png") }


@media only screen and (max-width:600px) {
	
	BODY { margin:0; padding:0; background:none; } 

	#header { height:4em !important; background-position:left 20px center !important; background-size:auto 3em !important; }
	#header::after { 
					content: "Cumberland Lawn Tennis Club \ASQUASH"; 
					white-space:pre; 
					font-size:20px; 
					font-family: "EB Garamond", serif;
					color:#463f8f;					
					font-optical-sizing: auto;
					font-weight: 500;
					display:block;
					margin:.76em 0 0 125px;
					}	
	
	#menu_control  { background:#463f8f; }

	#menu_control A { color:#fff; }
	
	#menu_wrapper { 
		background:#463f8f;  
		color:#fff;
	}
	.close_wrapper A { color:#fff; }
	#menu_show_member { color:yellow; }
	#menu_links UL LI A { color:#fff;  }
	
	#menu_links A.selected { color:yellow; }
	A.na { color:#ddd !important; }
	
}