@import url("../../../../stellar2/styles/scuba.css");

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


html{
 max-width: 100%;

}
body
{  font-family: Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.4;

  }
 h1, h2, h3, h4, h5, h6, strong, b {
     font-family:  Helvetica,Arial,sans-serif;
     font-weight: 600
}
.h4, h4{
    font-weight:bold;
}
#page-wrapper{background-color:#fff;}

.customHeader {background-color:white;position: relative;padding-top: 16px;padding-bottom: 0;height: 100px;}
.customLogo {padding-left: 30px;}
@media(max-width:600px) {
 .customLogo {
    max-width: 80vw;
  }
}
.customHeaderInner{
 /*max-width:1200px; margin-left:auto; margin-right:auto;height:100%; */  
}

.customLogonHeader div 
{
 background-color:white;
 background: linear-gradient(0deg, #cDcDcD 0%, #DDDDDD.18%);
 position: relative;
 height:75px;
 color:white;
}
.customLogonHeader {
    border: none;
}
#page-wrapper
{
  width:100%;

}


.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: #383838;max-width:1200px; margin-left:auto; margin-right:auto;padding:40px 0px 0px 0px;}
.customFooter {background-color: #015AA9; color:white;font-weight:400;font-style:normal;font-size:15px;line-height:168%}


/*.customFooter p { font-weight: 200;
    font-size: 14px;
    line-height: 25.2px;}*/
.customFooter ol,.customFooter ul {list-style:none;padding-inline-start: 0px}
.customFooter li>a {color:#ccc;}
.customFooter a {color:#0ac6f1;cursor:pointer;}
.customFooter b,strong {font-weight:bold;}
.dcs-web-controller {width:95vw; margin:auto;}



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

#customFooter .copyright span {

}

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

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

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 .panel-heading {background-image: url(../customimages/fitnessclasses.png);background-repeat: no-repeat;background-size:cover;}
.s2-class .xlarge {display:none;}
.s2-class .panel-heading icon {display:none}
.s2-activity .panel-heading{background-image: url(../customimages/MakeABooking.png);background-repeat: no-repeat;background-size:cover;}
.s2-activity  .xlarge {display:none;}
.s2-activity .panel-heading icon  {display:none}
.s2-timed .panel-heading{background-image: url(../customimages/rockclimbing.png);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-timed  .xlarge {display:none;}
.s2-timed .panel-heading icon  {display:none}
.s2-enrol .panel-heading {background-image: url(../customimages/holidayclub.png);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-enrol .xlarge {display:none!important;}
.s2-enrol .panel-heading icon {display:none}
.s2-cinema .panel-heading {background-image: url(../customimages/holidayclub.png);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-cinema .xlarge {display:none!important;}
.s2-cinema .panel-heading icon {display:none}
.s2-join .panel-heading {background-image: url(../customimages/thegym.png);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-join .xlarge {display:none;}
.s2-join .panel-heading icon {display:none}
.s2-contact .panel-heading {background-image: url(../customimages/contactus.png);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-contact .xlarge {display:none;}
.s2-contact .panel-heading icon {display:none}
.s2-whatson .panel-heading {background-image: url(../customimages/Chichester-calendar.jpg);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-whatson .xlarge {display:none;}
.s2-whatson .panel-heading icon {display:none}
.s2-manage-courses .panel-heading {background-image: url(../customimages/ManageMyCourses.jpg);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-manage-courses .xlarge {display:none;}
.s2-manage-courses .panel-heading icon {display:none}
.s2-manage-membership .panel-heading {background-image: url(../customimages/ManageMyMembership.jpg);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-manage-membership .xlarge {display:none;}
.s2-manage-membership .panel-heading icon {display:none}
.s2-manage-activity .panel-heading {background-image: url(../customimages/ManageMyActivities.jpg);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-manage-activity .xlarge {display:none;}
.s2-manage-activity .panel-heading icon {display:none}
.s2-custom2 .panel-heading{background-image: url(../customimages/rockclimbing.png);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-custom2  .xlarge {display:none;}
.s2-custom2 .panel-heading icon  {display:none}
.s2-custom3 .panel-heading{background-image: url(../customimages/holidayclub.png);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-custom3  .xlarge {display:none;}
.s2-custom3 .panel-heading icon  {display:none}
.s2-custom4 .panel-heading{background-image: url(../customimages/holidayclub.png);background-repeat: no-repeat;background-size:cover;background-position: center;}
.s2-custom4  .xlarge {display:none;}
.s2-custom4 .panel-heading icon  {display:none}


/* freedom bootsrap overrides */
.btn-default { color: white!important;
    background-color: #015aa9!important;
    border-color: #ccc;
}

.dcs-basket-full { background-color: yellow!important;color:black !important;}



#customFooter .footer-links ul{list-style:none;margin:0;padding:0}
#customFooter .footer-links li{font-size:15px;line-height:17px;margin:3px 0 13px}
#customFooter .footer-links li:last-child{margin-bottom:0}
#customFooter .footer-links a{color:#fff;text-decoration:none}
#customFooter .footer-links a:hover{text-decoration:none;color:#b16fab}
#customFooter .footer-social{list-style:none;margin:0;padding:13px 0 0 3px;font-size:0;line-height:0;font-family:'AdobeBlank'}
#customFooter .footer-social li{display:inline-block;vertical-align:top;padding:0 15px 0 0}
#customFooter .footer-social li:last-child{padding-right:0}
#customFooter .footer-social a{display:inline-block;vertical-align:top;width:34px;height:34px;border-radius:100%;background:#fff;color:#015AA9;position:relative;text-decoration:none}
#customFooter .footer-social a:hover{text-decoration:none;background:#2aa3dd}
#customFooter .footer-social a:before{position:absolute;z-index:20;top:50%;left:50%;font:19px/21px FontAwesome}
#customFooter .footer-social .twitter:before{content:'\f099';margin:-10px 0 0 -9px}
#customFooter .footer-social .linkedin:before{content:'\f0e1';margin:-10px 0 0 -8px}
#customFooter .footer-social .facebook:before{content:'\f09a';margin:-9px 0 0 -6px}
#customFooter .footer-social .youtube:before{content:'\f04b';font-size:15px;line-height:17px;margin:-8px 0 0 -4px}
#customFooter .footer-social .instagram:before{content:'\f16d';margin:-10px 0 0 -7px}

/*alter size of text on Contact page */
.ng-binding {font-size: medium;}