@import url("https://fonts.googleapis.com/css?family=Open+Sans");
body.modal-open {
    position: fixed;
    width: 100%;
}

html {
    max-width: 100%;
}
body {
    font-family: Figtree, sans-serif;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff !important;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
	body {max-width: 100%;}
}	

.customHeader {
    background-color: white;
    position: relative;
    width: 100%;	
    margin: auto;
    padding-top: 16px;
}
.customHeaderInner {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.customLogonHeader {
    border: solid 1px #252f31;
	color: #b3a066!important;
	background-color: #252e30!important;
}

.customLogonHeader .mdc-icon-button {
	color: #b3a066!important;
}

.headerLogo {
	margin-bottom: 40px;
}

.navbar-right {
    margin-right: 0px;
    margin-top: 12px; /* change this if image is different height */
}
.navbar-nav > li > a {
    font-size: 14px;
    text-transform: lowercase;

    font-weight: 600;
}
.customFooterContainer {
    background-color: #252f31;
    /* max-width: 973px; */
    margin-left: auto;
    margin-right: auto;
   /* padding: 40px 0px 0px 00px; */
}
.customFooter {
    background-color: #252f31;
    margin-left: 0px;
    margin-right: 0px;
}
.customFooter .headerText {
    color: #fff;
}
.customFooter * {
    color: #c2a576;
}
.customFooter ol,
.customFooter ul {
    list-style: none;
    padding-inline-start: 0px;
	color: #c2a576;
}
.customFooter li > a {
    color: #c2a576;
}
.customFooter a {
    cursor: pointer;
}

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

#customFooter .secondary {
    text-align: center;
}

#customFooter .secondary * {
    color: #747475;
}

#customFooter .secondary.split .left {
    float: left;
}

#customFooter .secondary .left {
    margin-bottom: 0;
}

#customFooter .secondary .right {
    padding-top: 0;
}

#customFooter .secondary p {
    padding-bottom: 0 !important;
    color: #747475;
    font-size: 14px !important;
}

#customFooter .secondary a {
    color: #ababac;
}

#customFooter .secondary a:hover {
    color: #fff;
}

#customFooter .copyright {
    text-align: right;
    padding: 25px 10%;
}

#customFooter .fa {
    display: inline-block;
}

 .footerMenu {
	border-top: 24px;
	border-left: 16px; 
	border-right: 16px; 
	border-bottom: 24px;
	font-size: 20px;
	padding: 16px;
}

@media only screen and (max-width: 768px) {	
	.footerMenu {padding-top: 0px; padding-bottom: 0px;}
}

.footerMenu a {
	text-decoration: none;	
}

.footerSocial {
	float: right;
	text-align: right;
}

.followUs {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
}

.credits {padding-right: 16px;}

.credits a {
	text-decoration: none;
	font-size: small;
	text-align: right;
}

.credits p {
	font-size: small;
	text-align: right;
}

.dcs-header-container {
    width: 100vw;
}
/*#dcs-header-container {top:75px; transition:0.2s}
#wrapper {margin-top:75px; transition:0.2s; width:100%}*/


.s2-contact {
    background-image: url(../customimages/ContactUs.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}
.s2-contact .large {
	color: #ffffff !important; 
}

a.btn.btn-primary.header-button {
    background-color: #25338c;
    width: 120px;
    height: 44px;
    padding: 11px;
}
a.btn.btn-primary.header-button:hover {
    background-color: #9a3f97;
}
.s2-class {
    background-image: url("../customimages/BookClass.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.s2-class .panel-heading icon {
    display: none;
}
.s2-class .large {
	color: #ffffff !important; 
}

.s2-activity {
    background-image: url("../customimages/BookActivity.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.s2-activity .panel-heading icon {
    display: none;
}
.s2-enrol {
    background-image: url("../customimages/BookCourse.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.s2-timed {
    background-image: url("../customimages/timed.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.s2-timed .panel-heading icon {
    display: none;
}

.s2-manage-activity {
    background-image: url("../customimages/ManageBookings.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.s2-manage-activity .panel-heading icon {
    display: none;
}

.s2-manage-membership {
    background-image: url("../customimages/ManageMembership.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.s2-manage-membership .panel-heading icon {
    display: none;
}

.s2-manage-courses {
    background-image: url("../customimages/ManageCourses.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.s2-manage-courses .panel-heading icon {
    display: none;
}



/* freedom bootsrap overrides */
.btn-default {
    color: white !important;
    background-color: #25338c !important;
    border-color: #ccc;
}
.dcs-basket-full {
    background-color: yellow !important;
    color: black !important;
}

.dcs-translate {
    margin-top: 10px;
    padding-right: 20px;
}

.dcs-basket-timeout {
    color: black;
}
.dcs-secondary {
    border: 1px solid blue !important;
}