@import url(https://fonts.googleapis.com/css?family=didact-gothic);
body
{
	font-family: didact-gothic, Sans-serif;
}


#wrapper {
	margin: 0 auto;
}

.bil-banner
{
  width: auto ;
  max-width: 100% ;
  height: auto ;
}



#booking-confirm {
	   width: 30.6em
} 

#new_member_fixedac,
#new_member_fixedfixed
{ display: inline; }

#info .logo {
    width: 25em;
}

.logo {
    margin-left: auto;
    margin-right: auto;
    width: 30em;
}
.heading {

     color #00737b; 
     background: white;
}



.heading h2 {
   padding:0.5em;
   background: white;
   border-radius: 15px;
}

.heading h2 a {
	font-family: didact-gothic, Arial;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	 background: white;
	 color: #00737b;
}

h2 {
	color: #00737b;
	}


h3 {
        background: #00737b;     
	font-family: didact-gothic, Arial;
	font-size: 1.3em;
	font-weight: normal;
	text-decoration: none;
	color: white;
	padding:0.5em;
	border-radius: 0em;
}

#confirm-details-account h3 {
    color: white;   
    background: #00737b;
    font-family: didact-gothic, Arial;
    font-size: 1.3em;
    font-weight: normal;
    text-decoration: none;
    padding: 0.5em;
    border-radius: .2em;
}

#confirm-details-account h3 {
   margin-bottom: 1em;
}
#confirm-details-account h3 input {
   margin-bottom: 0;
}
#confirm-details-account h3 label {
   font-size: inherit;
   color: inherit;
}


/*padding above the custom footer*/
#w_footer {
   padding-top: 20px;
}


.filter h4 {
	font-family: didact-gothic, Arial;
    /* margin-bottom: 0; */
    color: black;
}

.filter select {
    width: 100%;
    height: 2.5em;
    padding: .2em;
    color: #00737b;
    border-radius: .3em;
}

.filter #date {
    background: url(../img/date.gif);
    padding: .2em .2em .2em 1.8em;
    width: 16em;
    height: 2em;
    border: 1px solid #00737b;
    border-radius: .3em;
    color: #00737b;
    cursor: pointer;
}

.svc-descr {
font-family: didact-gothic, Arial;
	color: #00737b;
}




.pika-single {
   width: auto;
}


.filter .nav {
	margin-top:1em;
}

.filter .prev 
,.filter .date
,.filter .next
{display:inline-block;}



.filter .prev a
,.filter .next a
{
	font-family: didact-gothic, Arial;
	display:inline-block;
	text-align:center;
	color: white;
	width: 8.5em;
	padding:.4em;
	background: #00737b;
	border:1px solid #00737b;
	text-decoration:none;
	border-radius: .3em;
}


.next a
,.return a
,.continue a
,.form-button-row .next input
{
	font-family: didact-gothic, Arial;
	display:inline-block;
	text-align:center;
	color: white;
	width: 8.5em;
	padding:.4em;
	background: #00737b;
	border:1px solid #00737b;
	text-decoration:none;
	border-radius: .3em;
}


.back a {

	font-family: didact-gothic, Arial;
	display:inline-block;
	text-align:center;
	color: #00737b;
	padding:.4em;
	background:white;
	border:1px solid #00737b;;
	text-decoration:none;
	border-radius: .3em;
	margin-top: 20px;
}

.filter .prev a:before {
	content: '\00AB  ';
}
.filter .next a:after {
	content: ' \00BB';
}

.list {
	font-family: didact-gothic, Arial;
	margin-top:2em;
}
.list table {
	border-collapse: collapse;
}
.list tbody {
	margin-top:1em;
}
.list td
{
	text-align:center;
	border-bottom: 1px solid #00737b;
	color: #00737b;
	vertical-align: middle;
	padding: .2em .4em;
}

list th
{
	text-align:center;
	border-bottom: 1px solid white;
	vertical-align: middle;
	padding: .2em .4em;
}
.list tr:first-child th {
        background: white;
	border-bottom: 1px solid white;
	text-align: left;
	padding: .4em .8em;
	color: #00737b;
}
.list tr:nth-child(2) th {
/* text-transform: uppercase;*/
        text-transform: capitalize;
	border-bottom: 1px solid #00737b;
	padding: .4em .8em;
	font-size: 0.9em;
	color: #00737b;;

}
.list .book a 
{
	font-family: didact-gothic, Arial;
	display:inline-block;
	text-align:center;
	color: white;
	width: 8.5em;
	padding:.4em;
	background: #00737b;
	border:1px solid #00737b;
	text-decoration:none;
	border-radius: .3em;
}

table.options th {
    background: #00737b;
    color: white;
    text-align: left;
    padding: 2px 4px;
}

.field label, .form-row label, .form-row .item {
    color: black;
}

.form-control {
	border:1px solid #00737b;
	border-radius: .3em;
	padding: 12px;
	background: #f8f8f8;
}

table.cost-options th
{
    background: #f8f8f8;
    color: #00737b;;
    text-align: left;
    padding: 4px;
}

#purchase .list th {
text-align: center;
border-bottom: 1px solid #00737b;
vertical-align: middle;
color: white;
background: #00737b;
}

/* Remove green top message*/
#w_message_holder {
	    display: none;
}

/* Remove resources, Contact details & Opening hours from mini website page*/
.resources,
.hours
{
    display: none;
}

/* Remove current bookings button*/
#booking-confirmed .continue
{
    display: none;

}

/*Remove powered by bookitlive footer */
#footer
{
	display: none;
}


/* iPhone (portrait) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait)  {
	html, body {
		/*font: 12px/15px sans-serif;*/
		background: #fff;
		padding: 3px;
		color: #000;
		margin: 0;
	}
        .bil-banner
        {
	display:none;
        }  
         #booking_notes {
               max-width: 92%;
               min-width: 92%;
        }
	.heading h2 a {font-size: 1em;}
    
    	#booking, #confirm-details, #booking-confirmed, #booking-confirm, #booking-create-user, #confirm-details-account, #forgot-

password, #booking_paid, #booking_notes {
        	margin: 0;
    	}
        .form-control {
	       border:1px solid #00737b;
	       border-radius: .3em;
	       padding: 12px;
	       background: #f8f8f8;
               width: 92%;
        }

  	.filter .prev a,
	.filter .next a {
          display: none;
	}
	.filter #date {
		background: none;
		padding: .2em;
		width: 16em;
	}


	.back a, .continue a {width: 10em;}

    /*** iPhone and iOS Form Input Zoom Fixes ***/
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}