#header-image { display: none; }

#menu li:first-child a { color: #ffffff !important; }
#menu li:nth-child(6) a { color: #000000 !important; }

.layoutcontent { clear: both; max-width: 1044px; margin: 0px auto 0px auto; padding: 20px 10px 50px 10px; box-sizing: border-box; }
.layoutcontent h1 { padding: 0px 0px 20px 0px; }
.layoutcontent p { padding: 0px 0px 20px 0px !important; }
.layoutcontent th { font-weight: normal; font-family: GandhiSansBold; }
.layoutcontent form, .layoutcontent fieldset { border: none; padding: 0px; }
.layoutcontent input[type=text], .layoutcontent input[type=password], select { border-radius: 5px; border: solid #f79030 1px; font-size: 100%; padding: 10px 10px 10px 10px; max-width: 100%; }
.layoutcontent textarea { border-radius: 5px; border: solid #f79030 1px; height: 50px; padding: 10px; font-size: 100%; }
.layoutcontent button, .layoutcontent .button, .layoutcontent input[type=button], .layoutcontent input[type=submit] { border: none; background-color: #f79030; color: #ffffff !important; text-decoration: none !important; padding: 5px 10px 5px 10px; border-radius: 5px; font-size: 100%; cursor: pointer; }
.layoutcontent .button:hover, .layoutcontent input[type=button]:hover, .layoutcontent input[type=submit]:hover { background-color: #000000; }
.layoutcontent .hidden { display: none; }

/* Menu */

.layoutleft { clear: both; max-width: 1044px; padding: 0px 10px 0px 10px; margin: 0px auto 0px auto; box-sizing: border-box; }

.layoutleft .nav_simple { clear: both; padding: 20px 0px 0px 0px; }
.layoutleft .nav_simple ul { display:flex; flex-wrap: wrap; justify-content: center; gap: 3px;}
.layoutleft .nav_simple li {/*float: left;*/text-align: center;margin-bottom: 10px !important;font-size: 15px;}
.layoutleft .nav_simple li a { display: block; padding: 10px 5px 10px 5px; background: #f79030; border-radius: 5px; color: #ffffff !important; text-decoration: none !important; }
.layoutleft .nav_simple li.selected a { color: #000000 !important; }
.layoutleft .nav_simple li a:hover { background: #000000; color: #ffffff !important; }

@media( max-width: 899px )
{
	.layoutleft .nav_simple li {width: 32%;/* margin-left: 2% !important; */font-size: 90%; }
	.layoutleft .nav_simple li:nth-child(3n+1) { margin-left: 0px !important; }
}

@media ( max-width: 600px)
{
    .layoutleft .nav_simple ul { flex-direction: column;}
    .layoutleft .nav_simple li { width: 100%;}
}

@media( min-width: 900px )
{
	.layoutleft .nav_simple li {width: 16%; margin-left: 0.8% !important;}
	.layoutleft .nav_simple li:first-child { margin-left: 0px !important; }
}

.layoutleft .memb_groupregs { clear: both; padding: 20px 0px 0px 0px; }
.layoutleft .memb_groupregs ul { padding: 10px 0px 0px 0px !important; }
.layoutleft .memb_groupregs li { color: #000000; padding: 10px !important; background-color: #00dd0088; }
.layoutleft .memb_groupregs li.bluemembership, .layoutleft .memb_groupregs li.weeklyblueunlimited { background-color: #6687ff88; }
.layoutleft .memb_groupregs li .name { font-family: GandhiSansBold; }
.layoutleft .memb_groupregs li .divider { display: block; clear: both; height: 0px; }

@media( max-width: 599px )
{
	.layoutleft .memb_groupregs li .name { padding: 0px 0px 5px 0px; }
    .layoutleft .memb_groupregs li .status { padding: 0px 0px 5px 0px; }
}

@media( min-width: 600px )
{
	.layoutleft .memb_groupregs li .name { float: left; padding: 0px 10px 0px 0px; }
	.layoutleft .memb_groupregs li .status { float: left; }
	.layoutleft .memb_groupregs li .description { float: right; }
}


/* Content pages */

.layoutcontent .pagecontent h2 { padding: 0px 0px 20px 0px; }
.layoutcontent .pagecontent ul { padding: 0px 0px 20px 20px !important; }
.layoutcontent .pagecontent li { list-style-type: disc !important; padding: 0px 0px 5px 0px !important; }


/* Formbuilder */

.layoutcontent .formbuilder .field { clear: both; padding: 20px 0px 0px 0px; }
.layoutcontent .formbuilder .field_section .label, .layoutcontent .formbuilder .field_group>.label { float: none; font-family: GandhiSansBold; border-bottom: solid #f79030 1px; padding-top: 20px !important; width: auto; }
.layoutcontent .formbuilder .field_group>.input { float: none; width: auto; }
.layoutcontent .formbuilder .input input, .layoutcontent .formbuilder .input textarea { max-width: 100%; }

@media( max-width: 699px )
{
    .layoutcontent .formbuilder .label { padding-bottom: 10px; ; }
}

@media( min-width: 700px )
{
    .layoutcontent .formbuilder .label { float: left; width: 300px; padding-right: 20px; }
    .layoutcontent .formbuilder .input { float: left; width: 350px; }
}


/* All class lists */
.layoutcontent .event_classlist li>* { float: left; min-height: 25px; line-height: 25px !important; text-align: left; }
.layoutcontent .event_classlist li.event { clear: both; padding: 5px 10px 0px 50px !important; border-bottom: solid #eeeeee 1px; min-height: 45px;}
.layoutcontent .event_classlist li.event_available:hover, .layoutcontent .event_classlist li.event_basket:hover
   { background-color: #eeeeee; cursor: pointer; }
.layoutcontent .event_classlist li .status { width: 30px; border-radius: 10px; text-align: center; position: absolute; font-weight: bold; margin-left: -45px; }
.layoutcontent .event_classlist li .status .quantity { text-align: center; }
.layoutcontent .event_classlist li .price { text-align: right; float: right; }
.layoutcontent .event_classlist li .category { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin-left: 5px; }
.layoutcontent .event_classlist li .divider { float: none; min-height: 0px; line-height: 0px !important; padding: 0px; height: 5px; clear: both; }
.layoutcontent .event_classlist li.event_available .status { background-color: green; color: #ffffff; cursor: pointer; }
.layoutcontent .event_classlist li.event_available .status i { padding-top: 5px; }
.layoutcontent .event_classlist li.event_full .status { background-color: #ff0000; color: #ffffff; }
.layoutcontent .event_classlist li.event_basket .status { background-color: #f79030; color: #ffffff; cursor: pointer; }
.layoutcontent .event_classlist li.event_booked .status { background-color: #00dd00; color: #000000; cursor: pointer; }
.layoutcontent .event_classlist li.event_credtype1 .category { background: #6688ff; }
.layoutcontent .event_classlist li.event_credtype2 .category { background: #00dd00; }
.layoutcontent .event_classlist li.event_credtype3 .category { background: #800080; }

.layoutcontent .event_classlist li.event_basket .status i, .layoutcontent .event_classlist li.event_booked .status i { display: none; }
.layoutcontent .event_classlist li.event_basket .status .quantity, .layoutcontent .event_classlist li.event_booked .status .quantity { display: block; }

/* Homepage class list */
.layoutcontent .homeclasses li.date { clear: both; font-family: GandhiSansBold; border-bottom: solid #f79030 1px; padding-top: 20px !important; }
.layoutcontent .homeclasses li.event { clear: both; padding: 5px 10px 0px 240px !important; border-bottom: solid #eeeeee 1px; }
.layoutcontent .homeclasses li .status { margin-left: -235px; }
.layoutcontent .homeclasses li .time { width: 110px; position: absolute; margin: 0px 0px 0px -190px; }
.layoutcontent .homeclasses li .type { width: 80px; position: absolute; margin: 0px 0px 0px -80px; }

.layoutcontent .event_classpage h1 { padding: 20px 0px 10px 0px; }
.layoutcontent .event_classpage .button { display: inline-block; }
.layoutcontent .event_classpage .abstract { padding: 20px 0px 0px 0px; font-family: GandhiSansBold; }
.layoutcontent .event_classpage .description { padding: 20px 0px 0px 0px; }
.layoutcontent .event_classpage .rightcolumn { border: solid #f79030 2px; padding: 10px; border-radius: 5px; margin-bottom: 20px; }

.layoutcontent .event_classpage .event_classlist h2 { margin: 20px 0px 10px 0px; }
.layoutcontent .event_classpage .event_classlist li .date { width: 40%; position: relative;}
.layoutcontent .event_classpage .event_classlist li .date .remaining-places {position: absolute; top: 80%; left: 0; font-size: 80%; font-weight: bold; margin-left: 2px;}
.layoutcontent .event_classpage .blockbooking li .date { width: 75%; }
.layoutcontent .event_classpage .event_classlist li .time { width: 35%; }
.layoutcontent .event_classpage .event_classlist li .price { width: 25%; }


@media( min-width: 1044px )
{
    .layoutcontent .homeclasses li .name { width: 40%; }
    .layoutcontent .homeclasses li .abstract { width: 35%; }
    .layoutcontent .homeclasses li .price { width: 25%; }
    
    .layoutcontent .event_classpage .leftcolumn { float: left; width: 60%; box-sizing: border-box; padding: 0px 20px 0px 0px; }
    .layoutcontent .event_classpage .rightcolumn { float: right; width: 40%; box-sizing: border-box; }

}

@media (min-width: 600px) and (max-width: 1043px)
{
    .layoutcontent .homeclasses li .name { float: left; clear: left; width: auto; }
    .layoutcontent .homeclasses li .abstract { display: none; }
    .layoutcontent .homeclasses li .price { float: right; width: auto; }
}

@media( max-width: 599px )
{
    .layoutcontent .homeclasses li.event { padding-left: 50px !important; }
    .layoutcontent .homeclasses li .status { margin-left: -45px; }
    .layoutcontent .homeclasses li .time { position: relative; margin: 0px; float: left; clear: left; }
    .layoutcontent .homeclasses li .type { position: relative; margin: 0px; float: left; width: auto; }
    .layoutcontent .homeclasses li .name { float: left; clear: left; width: auto; }
    .layoutcontent .homeclasses li .abstract { display: none; }
    .layoutcontent .homeclasses li .price { float: right; width: auto; }
}


.layoutcontent .memb_loginbox .fieldemail, .layoutcontent .memb_loginbox .fieldpw, .layoutcontent .memb_loginbox .stayloggedin, .layoutcontent .memb_loginbox .login { clear: both; padding: 10px 0px 0px 0px; }
.layoutcontent .memb_loginbox .label { display: block; font-family: GandhiSansBold; }
.layoutcontent .memb_loginbox .input { display: block; }

@media( max-width: 699px )
{
    .layoutcontent .memb_loginbox .label { padding: 0px 0px 10px 0px; }
    .layoutcontent .memb_loginbox .input { padding: 0px 0px 20px 0px; }
	.layoutcontent .memb_loginbox .input input { width: 100%; }
}

@media( min-width: 700px )
{
    .layoutcontent .memb_loginbox .label { float: left; width: 150px; }
    .layoutcontent .memb_loginbox .input { float: left; }
	.layoutcontent .memb_loginbox .fieldemail input { width: 400px; }
}

.layoutcontent .memb_loginbox .login { padding-bottom: 30px; }
.layoutcontent .memb_loginbox .forgotpw, .layoutcontent .memb_loginbox .register { display: inline-block; padding: 0px 10px 0px 0px; }
.layoutcontent .memb_loginbox .loggedin .introduction { padding: 0px 0px 20px 0px; }
.layoutcontent .memb_loginbox .loggedin ul { padding: 0px 0px 20px 20px !important; }
.layoutcontent .memb_loginbox .loggedin li { list-style-type: disc !important; padding: 0px 0px 5px 0px !important; }
.layoutcontent .memb_loginbox .status { padding: 0px 0px 20px 0px; }

.layoutcontent .memb_account .errors, .layoutcontent .memb_loginbox .errors, .layoutcontent .shop_basket .errors, .layoutcontent .shop_basket .message { background-color: #f79030; padding: 20px; color: #ffffff; margin: 0px 0px 20px 0px; }
.layoutcontent .memb_account .buttons { clear: both; padding: 40px 0px 0px 0px; }

.layoutcontent .shop_productlist li { clear: both; padding: 5px 10px 0px 10px !important; border-bottom: solid #eeeeee 1px; }
.layoutcontent .shop_productlist li:hover { background-color: #eeeeee; }
.layoutcontent .shop_productlist li>* { float: left; min-height: 25px; line-height: 25px !important; text-align: left; }
.layoutcontent .shop_productlist li .price { float: right; text-align: right; }
.layoutcontent .shop_productlist li .divider { float: none; min-height: 0px; line-height: 0px !important; padding: 0px; height: 5px; clear: both; display: block; }

@media( min-width: 1044px )
{
    .layoutcontent .shop_productlist li .name { width: 40%; }
    .layoutcontent .shop_productlist li .summary { width: 35%; }
    .layoutcontent .shop_productlist li .price { width: 25%; }
}

@media( min-width: 800px )
{
    .layoutcontent .shop_basket .confirm .discount form input {margin-top: 20px;}

}

@media( max-width: 1043px )
{
    .layoutcontent .shop_productlist li .summary { display: none; }
}

.layoutcontent .shop_product .image { float: right; }
.layoutcontent .shop_product .summary { font-family: GandhiSansBold; padding: 0px 0px 20px 0px; }
.layoutcontent .shop_product .description { padding: 0px 0px 20px 0px; }
.layoutcontent .shop_product .listprice { font-size: 150%; padding: 0px 0px 20px 0px; text-decoration: line-through; }
.layoutcontent .shop_product .listprice .label { display: none; }
.layoutcontent .shop_product .price { font-size: 200%; color: #f79030; padding: 0px 0px 20px 0px; }
.layoutcontent .shop_product .quantity .label { float: left; padding: 0px 10px 0px 0px; }
.layoutcontent .shop_product .quantity .input { float: left; }
.layoutcontent .shop_product .options .label, .layoutcontent .shop_product .quantity .label { float: left; clear: left; font-family: GandhiSansBold; padding: 0px 10px 10px 0px; width: 100px; }
.layoutcontent .shop_product .options .value, .layoutcontent .shop_product .quantity .value { float: left; padding: 0px 0px 10px 0px; }
.layoutcontent .shop_product .available { clear: both; }
.layoutcontent .shop_product .addtobasket { clear: both; padding: 40px 0px 0px 0px; }
.layoutcontent .shop_product .outofstock { display: none !important; }

@media( max-width: 800px )
{
    .layoutcontent .shop_product .image { display: none; }

    .layoutcontent .shop_basket .confirm .discount {max-width: 500px;}
    .layoutcontent .shop_basket .confirm .discount input[type=text]{ margin-top: 20px;}
    
}

@media( max-width: 375px )
{
    .layoutcontent .shop_basket .confirm .discount {max-width: 330px;}
    .layoutcontent .shop_basket .confirm .discount input[type=text], .layoutcontent .shop_basket .confirm .voucher input[type=text]{ margin-bottom: 20px;}

}


.layoutcontent .shop_basket table, .layoutcontent .shop_credits table { width: 100%; }
.layoutcontent .shop_basket table th, .layoutcontent .shop_credits table th { padding: 5px; border-bottom: solid #dddddd 1px; }
.layoutcontent .shop_basket table td, .layoutcontent .shop_credits table td { padding: 5px; border-bottom: solid #dddddd 1px; }

.layoutcontent .shop_basket h2 { padding: 0px 0px 10px 0px; }
.layoutcontent .shop_basket table .price, .layoutcontent .shop_basket table .quantity, .layoutcontent .shop_basket table .credits, .layoutcontent .shop_basket table .total, .layoutcontent .shop_basket table .remove { text-align: right; }
.layoutcontent .shop_basket .discount { padding: 20px 0px 20px 0px; }
.layoutcontent .shop_basket input[type=button], .layoutcontent .shop_basket input[type=submit] { margin-right: 10px; }
.layoutcontent .shop_basket .confirm .contact { padding: 40px 0px 0px 0px; }
.layoutcontent .shop_basket .confirm .billing {padding: 20px 0px 0px 0px;}
.layoutcontent .shop_basket .confirm .loginrequired, .layoutcontent .shop_basket .confirm .payment { clear: both; padding: 40px 0px 0px 0px; }
.layoutcontent .shop_basket .buttons { clear: both; padding: 40px 0px 0px 0px; }



@media( min-width: 800px )
{
    .layoutcontent .shop_basket .contact { width: 50%; float: left; }
    .layoutcontent .shop_basket .billing { width: 50%; float: left; }
}


.layoutcontent .event_myclasses li { border-bottom: solid #dddddd 1px; padding: 10px 0px 10px 0px !important; }
.layoutcontent .event_myclasses li .date { font-family: GandhiSansBold; padding: 5px 0px 5px 0px; }
.layoutcontent .event_myclasses li .time { padding: 5px 0px 5px 0px; }
.layoutcontent .event_myclasses li .name { padding: 5px 0px 5px 0px; font-family: GandhiSansBold; font-size: 120%; }
.layoutcontent .event_myclasses li .abstract { padding: 5px 0px 5px 0px; }
.layoutcontent .event_myclasses li .places { padding: 5px 0px 5px 0px; }
.layoutcontent .event_myclasses li .zoom { padding: 5px 0px 5px 0px; }
.layoutcontent .event_myclasses li .button { display: inline-block; }


.layoutcontent .surv_standard .buttons { padding: 40px 0px 0px 0px; }

@media( min-width: 700px )
{
	.layoutcontent .surv_standard .buttons { clear: both; padding-left: 320px; }
}

.layoutcontent #paymentform-stripe label { display: none; }
.layoutcontent #paymentform-stripe .StripeElement
{
    background-color: white;
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #000000;
}
.layoutcontent #paymentform-stripe .StripeElement--invalid { border-color: #ff0000; }
.layoutcontent #paymentform-stripe .StripeElement--webkit-autofill { background-color: #fefde5 !important; }
.layoutcontent #paymentform-stripe #card-errors { color: #ff0000; font-family: GandhiSansBold; padding: 5px 0px 0px 0px; }