body.modal-open { position: fixed; width: 100%; }


html{
 max-width: 100%;
}

body {font-family: Inter, sans-serif;}

.customHeader {
	background-color:#ffffff;	
	padding-left:32px; 
	padding-right:32px;
	padding-top:8px;
	height: 160px;
	}
	
.customLogonHeader {background-color:#954195; color: #000;}
.customLogonHeader {border-top:0px;}
.customLogonHeader h5 {color :#fff;}
.customLogonHeader mat-icon {color :#fff;}
.mat-mdc-icon-button {color: #000;}

#page-wrapper
{
  width:100%;

}

.customLogo {
	height:86px; 
	padding-left: 90px;
	margin-top: 40px;
	margin-bottom: 40px;
	}
.navbar-right{
    margin-right:0px;
    margin-top: 12px; /* change this if image is different height */
}

.nav>li {
    position: relative; 
    display: inline-block;
}

.headMenu>li>a{
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
	color: #000000;
	text-decoration: none;
}

.headMenu>li>a:hover {
	text-decoration: underline; 
	background-color: #04619e;
}

.headMenuItem {padding-right: 48px;}

.headPointer {height: 20px;}

.headLink a {
	font-family: Inter, sans-sans-serif;
	color: #000;
	font-size: 14px;
	text-decoration: none;
	font-weight: 700;
}
.headerStaffLink {text-align: right;}

.headDeptLink {padding-top:25px;}
.footerContainer {background-color:#954195;}
.footerSection {background-color:#954195;}
.footerContainer {min-height: 100px;}
.customFooter {background-color:#954195;margin:5px}
.customFooter .headerText {color: #fff;}
.customFooter .text {color:#ccc;}
.customFooter ol,ul {list-style:none;padding-inline-start: 0px}

.customFooter a {color:#0ac6f1;cursor:pointer;}

.dcs-web-controller {width:95vw; margin:auto;}

/*add price band colours here */
.dcs-band-O {background-color:#10b196;}
.headerLinks a {
    font-family: Inter,sans-serif;
	font-size: 16px;
	color: #ffffff;
	display: flex;
    justify-content: center;
    align-items: center;
}
.footerLogo {height:24px; margin-top: 24px; margin-bottom: 24px;}
.footerText, .footerText a, .customFooter li>a {font-family: Inter, sans-serif; font-size: 14px; color: #ffffff; padding: 5px; position: relative; text-decoration: none; padding-left: 15px; padding-right: 15px;}
.footerText a {text-decoration: none;} 
.customFooter li>a:hover {text-decoration: underline;}
.inline-list li {display: inline-block; padding: 5px;}
.customFooter ul {text-align: right;}

.s2-join {
  background-image: url("../customimages/JoinToday.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-join .large {display: none;}
.s2-class {
  background-image: url("../customimages/BookActivity.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-class .large {display: none;}
.s2-timed {
  background-image: url("../customimages/BookCampusSport.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-timed .large {display: none;}
.s2-activity {
  background-image: url("../customimages/BookFacility.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-activity .large {display: none;}

.s2-custom4 {
  background-image: url("../customimages/BookStaffWellbeing.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-custom4 .large {display: none;}

.s2-enrol {
  background-image: url("../customimages/EnrolCourse.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-enrol .large {display: none;}

.s2-custom5 {
  background-image: url("../customimages/GymnasticsCompetition.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-custom5 .large {display: none;}

.s2-manage-activity {
  background-image: url("../customimages/ManageMyActivities.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-manage-activity .large {display: none;}

.s2-manage-courses {
  background-image: url("../customimages/ManageMyCourses.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-manage-courses .large {display: none;}

.s2-manage-membership {
  background-image: url("../customimages/ManageMymembership.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-manage-membership .large {display: none;}

.s2-contact {
  background-image: url("../customimages/MoreInformation.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-contact .large {display: none;}

.s2-manage-contract {
  background-image: url("../customimages/PayforContract.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-manage-contract .large {display: none;}

.s2-whatson {
  background-image: url("../customimages/WhatsOn.jpg"); background-repeat: no-repeat; background-size: cover;}
.s2-whatson .large {display: none;}

/* mobile device styling */
@media only screen and (max-width: 920px) {
  .footerLinks ul {
 text-align: center;
  }
  .customFooter {
	  text-align: center;
  }
  .customFooter ul {
	  text-align: center;
  }  
.footerText, .footerText a, .customFooter li>a {
	  padding: 0px; 
}
.footerList {
	text-align: center;
}
.customHeader {
	text-align: center;
}
}