:root {
  --main-accent-color: #1c96b6;
}

* { margin: 0; padding: 0; }


body {
	background-color:#FFF;
	font-family: 'Verdana', sans-serif;
	color: #222222;
}
#top_page {
	
/* width: 100%; */
	
/* margin: 1em 0 0 0%; */
}
#top_page img {
	width: 20%;
	float: left;
}

#topnav {
	width: 100%;
	height: 70px;
	/* padding: 1em 0 0 0; */
}
#topnav li {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 0.9em;
	text-transform: uppercase;
	text-align: center;
	/*    letter-spacing: 4px;
*/
	float: left;
	width: 16%;
	/* height: 23px; */
	padding: 1.8em 0% 0% 0;
}
#social_media {
	position: absolute;
	/* top: -3.6em; */
	right: 1.7em;
	float: right;
	bottom: 49px;
	height: 0;
}
#banner img.facebook  {
	width: 30px;
	bottom: -2px;
	position: relative;
}
#banner img.youtube {
	position: relative;
	/* top: -3.6em; */
	/* right: 13em; */
	/* float: right; */
	bottom: -1px;
	/* height: 0; */
	width: 43px;
}
/*#youtube img {
	width: 41px;
	bottom: 7px;
	position: relative;
}
*/
#topnav li a {
	/* my col: */
	color: #666;
	letter-spacing: 3px;
}


#home #topnav li.home a, 
#biog #topnav li.biog a, 
#concerts #topnav li.concerts a, 
#reviews #topnav li.reviews a,
#encore #topnav li.encore a, 
#contact #topnav li.contact a {
	/* text-decoration:underline; */
	color: #18809b;
	}
#topnav li:hover a {
	/* color: #B00900;
	[disabled]background: #0c610e;
	text-shadow: none;
	background-color: #869DAF;
	text-decoration:underline;*/
	 position: relative;
  text-decoration: none;

}
 #topnav li a:before  {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#topnav li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#banner_review {

color: #fff;

position: absolute;

font-family: serif;
 
bottom: 17%;

font-style: oblique;

right: 3%;

padding: 0.8em;

background-color: #383737d9;

font-size: 1.3rem;

animation-duration: 1s;

animation-name: slidein;
}

@keyframes slidein {
  from {
   width: 0;
   right: -30%;
  }

  to {
    width: auto;
	right: 3%;
  }
}
#container
{
		width: 100%;
/*	margin: 1% auto;
	background-color: #eee;/*	position: relative;
	left: 5%;
	top: 33px;
	width: 800px;
	
	/*height: 574px;
	right: 5%;
	bottom: 5%;
*/
}
		
#banner img, #right img
{
	width: 100%;
	
	/*background-image:  url(images/banner.jpg);
	height: 120px;
	background-repeat: no-repeat;
	
	background-position: center top;
	top: 15px;
*/
}
#banner 
{
	width: 100%;
	/* float:left; */
	height: auto;
	position: relative;
	margin: 0 0 1.5em 0;
}
	

#maincontent{
	float:left;
	padding: 3% 3%  2% 3%;
	width: 50%;
	/*background-color:#ddd;*/
	margin: 1em 2% 0 2%;
	/* border-right: dotted 5px #f9a038; */
}
#column {
	float:left;
	/* padding:  1% 3%  3% 3%; */
	width: 44%;
	/*background-color:#ddd;*/
	margin: 1em 3% 0 3%;
	}
	#boxleft{
	float:left;
	padding:  1% 3%  3% 3%;
	width: 40%;
	/*background-color:#ddd;*/
	margin: 1em 2% 0 2%;
	
}
#box{
	float:left;
	/* padding:  1% 3%  3% 3%; */
	width: 100%;
	/*background-color:#ddd;*/
	margin: 0em 0% 2em 0%;
}
#box img {
	float: left;
	width: 50%;
	padding: 5px 1em 1em 0;
}
#box.yt img {
	
	width: 7em;
}

#boxleft img {
	/*float: left;*/
	width: 50%;
	padding: 0 1em 1em 0;
}

#biog #boxleft, #reviews #boxleft,
#encore  #boxleft{
	width: 55%;
    margin: 1em 2% 0 2%;
}
#encore  #boxleft img{
	
	width: 100%;
	max-width: 400px;
}
#boxright{
	float:right;
	padding:  1% 3%  3% 3%;
	width: 40%;
	/*background-color:#ddd;*/
	margin: 1em 2% 0 2%;
	
}
#boxright img {
	float: left;
	width: 100%;
	padding: 0 1em 1em 0;
}
#biog #boxright, #reviews #boxright,
#encore  #boxright{
	
	width: 29%;
	margin: 2.5em 0 0 0;
}
#boxcentre{
	width: 70%;
    margin: 2.5em 15% 0 15%;
    float: left;
}
#boxcentre img {
	width:auto;
	max-width: 100%;
	float: none;
}
#right{
	float: left;
	padding: 3% 3% 3% 3%;
	width: 32%;
	/* background-color:#fff; */
	margin: 1em 0 0 0;
}
p {
font-family: 'Quicksand', sans-serif;
/*	font-family: 'Montserrat', sans-serif;
font-family: 'Raleway', sans-serif;
/*font-family: 'Verdana', sans-serif;*/
/*	color:#555;
*/	margin-bottom:.8em;
	font-size: 1rem;
	/* font-family: sans-serif; */
}

h1 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 4px;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 0.6em 0;
	padding: 0px;
	color:	#4a4a4a;
	/* was color: #666;*/
	border-bottom: #666 1px solid;
}

hr {
	color: #FFFFFF;
}

a, a:link, a:visited, a:active
{
	color: #1b93b2;
	text-decoration: none;
}
a:hover
{
	color: #0b5b70;
	text-decoration: none;

}
#footer a{

	color:#a5e4f4;
}

#left {
	float: left;
	width:150px;
	z-index:1;
	padding-top: -20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 32px;
}

/*#footer
{
	border-top: #2241b1 solid 1px;
clear: both;
padding: 1em 0 0 0;
margin: 2em;
}
#footer p{
	font-size: 80%;
	}
*/
#footer{
	font-size: 1em;
	clear: both;
    padding: 2em 2em 2em 2em;
    color: #fff;
    line-height: 1.5em;
/*    width: 80%;
*/    background-color: #999;
}

div#footer a:hover {
    color: #fff;
}

#heading {
	float:left;
	width:100%;
	height:25px;
	z-index:1;
	text-align: center;

}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #DE9527;
	margin: 0 0 0.2em 0;
	padding: 0px;
}
.biog_pic {
	float: left;
	padding : .2em  1em 1em 0;
	width: 50%;
}
.comments li{
	
	font-style:italic;
	list-style:none;
	margin: 0 0 1em 0;
	
}
		

.large {
	font-size: 18px;
}

.small {
	font-size: 11px;
}

.blue{
	color: #6699FF;

}
.green{
	color: #33CC00;

}
/*#boxleft.encore_logo.img {
	width: 100%;
	max-width:600px;
}*/
 .email {
	display: none;
	
}
#error_box{
	color: #FF0000;
	font-weight: bold;
	margin-bottom: 1em;
}
ul.sponsor {
	    list-style: none;
margin-left: 2em;
	}
	
.slicknav_menu {
	display:none;
}	
/* Contact form ****/
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 0.4em 0;
	padding: 0px;
	color: var(--main-accent-color);
	
}
input[type=text] {
  width: 100%;
  padding: 8px 20px;
  margin: 4px 0 20px 0;
 /* display: inline-block;*/
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1em;
}
textarea {
  width: 100%;
  padding: 14px 20px;
  margin: 4px 0 20px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1.3em;
  resize: none;
}
input[type=submit] {
  width: 100%;
  background-color: var(--main-accent-color);
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.5em;
}
#contact  input[type=text].captcha {
	width: 176px;
}

input[type=submit]:hover {
  background-color: #505c95;
}



	
@media screen and (max-width: 800px) {
body {
font-size: 110%;
}
#topnav li {
	font-size: 85%;
}
#topnav li a {
	letter-spacing: 0;
}
#banner_review{
 display:none;
}

}
@media screen and (max-width: 570px) {


 body {
font-size: 120%;
/*background-image:none;*/
}
 #topnav {
 display:none;
}
.js #menu {
	display:none;
}

.js .slicknav_menu {
	display:block;
}

#column {
	width: 90%;
}



#boxleft, #boxright,  #reviews #boxleft, 
#reviews #boxright, #biog  #boxleft, #biog  #boxright,
#concerts #boxleft, #contact #boxleft   {
	width: 90%;
	float:left;
}
#footer{
	font-size: 0.6em;
}
}