/* ASB Colours
Purple for headings: #421c48 RGB 66 28 72
Brighter : #873993
Blue for buttons, labels and links: #0097c1 RGB 0 151 193
Pink for buttons, labels and links: #e50064 RGB 229 0 100
Grey for background (eg: footer) #cec9ce RGB 206 192 206
Lighter Grey #f3f2f3
*/

/* hp-style added September 2022 for use instead of recaptcha */ 
		.hp-style{
			display:none !important;
		}



.lecture-box {
    width: 80%;
    float: left;
    padding: 15px;
	border: none;
	color: #873993!Important;
	margin: 0,0,5px,0;
	text-align: center!important;
	font-weight: bold;
}	

.booking-box {
    width: 80%;
    float: left;
	border: none;
	color: #0000FF!Important;
	margin: 0,0,5px,0;
	text-align: center!important;
	font-weight: bold;
}	


.header-img {
  max-width: 100%;
  height: auto;
}
.asb-image{max-width:100%;height:auto}

.asb-display-leftish{position:absolute;top:25%;left:25%;transform:translate(-25%,-25%);-ms-transform:translate(-25%,-25%)}

.sidel {
    width: 10%;
    float: left;
    padding: 15px;
    border: none;
}
.main {
    width: 80%;
    float: left;
    padding: 15px;
    border: 1px solid #0097c1;
	margin: 0,0,5px,0;
}

.sider {
    width: 10%;
    float: left;
    padding: 15px;
    border: none;
}
/*
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
*/

.asb-container {
    padding: 15px;
    border: none;
}

/* styling for forms */
/*.error {color: #FF0000;}*/

.error {color: #e50064;}

.field {color: #873993;background-color: #f3f2f3;}

/* padding was 15px */

/* Full-width input fields */
input[type=text], textarea {
  width: 100%;
  padding: 5px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

input[type=text]:focus, textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit button */

.registerbtn {
  background-color: #cec9ce;
  color: #e50064;
  padding: 10px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 30%;
  
  opacity: 0.9;
}

.registerbtn:hover {
  opacity: 1;
}


.asb-purple,.asb-hover-purple:hover{color:#fff!important;background-color:#421c48!important}
.asb-text-purple,.asb-hover-text-purple:hover{color:#421c48!important}
.asb-border-purple,.asb-hover-border-purple:hover{border-color:#421c48!important}

.asb-blue,.asb-hover-blue:hover{color:#fff!important;background-color:#0097c1!important}
.asb-text-blue,.asb-hover-text-blue:hover{color:#0097c1!important}
.asb-border-blue,.asb-hover-border-blue:hover{border-color:#0097c1!important}

.asb-pink,.asb-hover-pink:hover{color:#fff!important;background-color:#e50064!important}
.asb-text-pink,.asb-hover-text-pink:hover{color:#e50064!important}
.asb-border-pink,.asb-hover-border-pink:hover{border-color:#e50064!important}

.asb-grey,.asb-hover-grey:hover{color:#fff!important;background-color:#cec0ce!important}
.asb-text-grey,.asb-hover-text-grey:hover{color:#cec0ce!important}
.asb-border-grey,.asb-hover-border-grey:hover{border-color:#cec0ce!important}