@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url('https://fonts.cdnfonts.com/css/sansserifflf');

                

* {
/*  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
  font-size: calc(10 + (24 - 10) * ((100vw - 300px) / (1600 - 300))); 
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));*/
 color: #666666; /* grey words */
 
 font-family: 'Open Sans';
 font-family: 'SansSerifBookFLF', sans-serif;;
 text-decoration:none;
}

.highlightme {
    font-weight: bold;
    margin-right: 10px;
}

.boldme { font-weight: bold; }

body {
/*	background: #EEEEEE!important; // /* 13 dec 2021 */
	background: white; /* 13 dec 2021 */	
/*	background: #009ada; *//* 8 may 2025 */
	width: 100%!important;
	color: bl
	;
	margin-top:0px;
	margin-left:0px;
	

}

span {color: black;}

h1 {
    display: block;
//    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	font-family: 'Raleway';
}
h2 {
    display: block;
//    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	font-family: 'Raleway';

}
h3 {
    display: block;
//    font-size: 1.5em;
    font-weight: bold;
    margin: 1em 0;
	color: #f38552!important;
	font-family: 'Raleway';
}

h4.event {
	color: #3992C9;
//	font-size: 1.2em;
}

#saveevententry, #savechosenmembershipentry {
	line-height: 2em!important;
}

a, a:hover {
	color: #f38552!important;
}

.colform { float:left; width:50%;}

h3
{color:#92d050;
/* sarrc green */
}
TABLE
{
 border-collapse: collapse;
 padding: 1px;
 border-spacing: 1px;
}

th {
    background: #3992c9 none repeat scroll 0 0;
    color: #fff;
 //   padding: 4px;
}
td
{
 //padding: 4px;
 text-align: left;
}
hr
{
 color:#FFFFFF;
 border: 2px solid;
 padding: 2px;
 margin: 0px;
 border-top-width: 1px;
 height: 1px;
}

table tbody th { font-size:1.3vw; }
table tbody td { font-size: 1.2vw; }

input, textarea, select {
    background-color: #EEEEEE;
//	  background-color: #EEEEEE!important;
    border: 1px solid #ccc;
    color: #666;
	color: black;
    font-size: 2.1em;
    padding: 6px 10px;

	-webkit-border-radius: 24px;
    border-radius: 24px;
}
input[type=submit]:hover {
  background-color: #4CAF50; /* Green */
    background-color: #abcdef; /* Green */
  color: white;
}
input[type=text]:hover {
  background-color: #4CAF50; /* Green */
    background-color: #abcdef; /* Green */
  color: white;
}
select:hover {
  background-color: #4CAF50; /* Green */
    background-color: #abcdef; /* Green */
  color: white;
}

@media only screen and (max-width : 300px) {

	table tr,
	table th,
	table td {
		display: block!important;
	}

}