/*basic custom */

.text-yellow {  color: #ffff33; }
.bg-d-purple {
    background-color: #660066;
}
.bg-dgrey {
  background-color: #bdc6c2;
}


.nospace {
  font-size: 0;
}



/* This file is not used as the skin is generated via less */

.page-header { border-bottom:0 none; padding: 0;  }
.container { }


  /* navbar */
 
  .navbar-default  {  border: 0 none;  background-color: #a0c9ed; margin-bottom: 0px;   }

.navbar  .container .row {background-color:#a6529a;  }
.navbar  .container .row .col-4 { padding-left:0px; padding-right:0px; }
.navbar-default .navbar-nav > li > a 
                                    {       color: #555b59;  font-size: 18px;   
                                            line-height: 25px;  text-transform: uppercase;      
                                    }
.navbar-default .navbar-nav > li > a:hover {   color:#FFFFFF;  }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:#a6529a; }
.navbar .navbar-nav > li.classes { background-color: #feb818;  }
.navbar .navbar-nav > li.franchise { background-color: #6db9db;  }
.navbar .navbar-nav > li.education { background-color: #a0ded1;  }
.navbar-collapse {  padding-right:0; padding-left:0; }
.navbar .top-social-media span {      
        font-size: 18px;
        line-height: 40px;
}



.navbar .top-social-media span.emailcall { padding: 2px 15px 3px;  display: block;  float:left;  }

.navbar .top-social-media span a { color:#FFFFFF; text-decoration: none;  }
.navbar .top-social-media span a:hover { color:#ffff33;   }


.navbar .top-social-media .social a {  display: block; float:left; text-align: left; padding: 0 5px; }
.navbar .top-social-media .social img {
  max-height: 45px;
   max-width: 100%;
   vertical-align: middle;
}

#navigation-below {
  background-color: #FFFFFF;
  margin-top:10px;
  margin-bottom:0px;

}
#navigation-below .navbar {
  margin-bottom:0px;
}

#navigation-below #navbarNavDropdown{

  text-align: center;
  width:80%;
}

#navigation-below  ul li a:hover {
  color: #e7425f;
  text-decoration: none;
 
}



#navigation-below:after {
  content: '';
  display: block;
  background: url(../images/rainbowline.png) no-repeat;
  background-size: cover;
  height: 3px;
  margin: 6px auto;
  width: 100%;
  max-width: 1230px;
}

#navigation-below ul li.menu-book-class{
  background: url(../images/bookaclassoff.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  display: block;
    float: right;
    margin-top: -70px;
    width: 351px;
    height: 120px;
 
}


#navigation-below ul li.menu-book-class:hover{

background: url(../images/bookaclassdown.png);
background-size: contain;

}

#navigation-below ul li.menu-book-class a,
#navigation-below ul li.menu-book-class a:hover{
  font-size:0px;
  display:block;
  height:100%;
  width:100%;
  background-color: transparent;
  text-decoration: none;

}





#navigation-below .navbar-collapse{
  padding-left: 0px;
  margin: 0 auto;
  text-align: center;
}


#navigation-below ul{
  padding-left: 0px;
    margin: 0 auto;
    display: block;
    text-align: center;

}
#navigation-below ul li {
  display: inline-block;
}
#navigation-below  .dropdown-menu {
  padding: 18px 10px 30px;
}

#navigation-below  .dropdown-menu  li {
  display: block;
  padding: 4px;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
}

#navigation-below ul li   .dropdown-menu a.dropdown-item {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  display: block;
    padding: 6px 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#navigation-below ul li   .dropdown-menu a:hover {
  color: #555b59;
}

#navigation-below .dropdown-menu::before{
  content: '';
display: block;
width: 100%;
height: 99px;
margin-bottom: 16px;
}


#navigation-below  .menu-about {
  background-color: #ff6666;
}

#navigation-below  .menu-work{
  background-color: #ff9933;
}
#navigation-below  .menu-education{
  background-color: #cccc66;
}



#navigation-below  .menu-about::before {
background-image: url(../images/menu-about.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
}

#navigation-below  .menu-work::before {
  background-image: url(../images/menu-work.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  }

  #navigation-below  .menu-education::before {
    background-image: url(../images/menu-education.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
  }

#navigation-below ul li a {
  display: block;
  padding: 6px 14px;
  text-align: center;
  color: #555b59;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
}

/* footer */

#footer #footer-menu {
  padding-left: 0px;
  display: block;
  text-align: center;
  margin: 0px 0px 10px;
}
#footer #footer-menu ul {  margin:0px; }

#footer #footer-menu li {
  display: inline-block;
}

#footer #footer-menu li a {
  color: #555b59;
  padding: 6px 16px;
  text-transform: uppercase;
  text-decoration: none;
}

#footer #footer-menu li a:hover {
  color:#ea3852;
}

#footer .footer-social {
  margin: 20px 0px 0px;
  text-align: center;
}

#footer  .footer-social a {
  display: inline-block;
  margin: 0px -3px;
}

#footer .footer-social img {
  width: 90px;
  border-radius: 0px;
}

#footer .footer-awards {
  margin-top: 20px;
}

#bookingTerms
{
  .pull-right;
}

.incompletemessage
{
  .alert;
  .alert-info;
  margin: 20px 0;
}

#mapSearchMessage
{
  margin-top: 20px;
}

#map, img
{
  border-radius: 5px;
  border: 1px solid @btn-primary-bg;
}

.fc-event-inner:hover
{
  background-color: @brand-primary;
  color: #FFF;
}

.panel-primary > .panel-heading{
  background-color: #a6529a;
    border-color: #a6529a;
}

.panel-primary{
  border-color: #a6529a;
}

.btn-info,
.btn-default,
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
#mapSearchButton, 
.mapSearchButton, 
.mapSearchButton a,
.registerButtonContainer .registerButton, 
.registerButtonContainer .registerButton > a:focus, 
.registerButtonContainer .registerButton > a:active, 
.registerButtonContainer .registerButton a,
.parentZone,
.parentZone a,
.parentZone > a:focus,
.parentZone > a:active,
.mapSearchButton a:focus,
.mapSearchButton a:active
 {
  background-color: #a6529a !important;
  color:white;
  border-color: #a6529a;
}

.btn-xs{

  border:1 #660066 solid;
}

.btn-info:hover,
.btn-primary:hover,
.btn-default:hover,
#mapSearchButton:hover, 
.mapSearchButton:hover, 
.mapSearchButton a:hover,
.registerButtonContainer .registerButton > a:hover ,
.parentZone > a:hover,
.parentZone a:hover,
.parentZone:hover {
  background-color: #a6529a !important;
  color:#ffff33;
  border-color: #a6529a;
}


.mapSearchLabel, #mapSearchButton, .registerButton, .parentZone,
.login-register-btn {
	font-size: 16px;
	letter-spacing: 2px;
  margin:10px;
  margin-left:0;
	display:block;
}

.parentButtonContainer {
	padding-left: 35%;
}

.formcontrol-forms-TabularKeyValueLayout > table > tbody > tr > th,
.formcontrol-forms-TabularKeyValueLayout > table > tbody > tr > td,
.table-bordered
  { 
  border:0 none;
  }

.formcontrol-forms-TabularKeyValueLayout > table > tbody > tr > th{
  max-width:150px;
  min-width:90px;
  }

.twitterbootstrap-columnkeyvalue-mainwrapper .btn{ margin-top:8px; margin-right:10px; }
#main__form__registration__c7v__search { margin-top:0px; margin-left:5px; padding:3px; }

#footer { border: 0 none; }

/* Twitter Bootstrap */
.twitterbootstrap-columnkeyvalue-mainwrapper h4 { 
  margin-bottom: 5px; font-weight: 700; font-size:14px;
}
.twitterbootstrap-columnkeyvalue-mainwrapper input[type="checkbox"]
{
    margin-top:10px;
}

.twitterbootstrap-columnkeyvalue-mainwrapper  select,
.twitterbootstrap-columnkeyvalue-mainwrapper input[type="date"]
{
    width:50%;
}

.formcontrol-simpleforms-GridLayout .table-bordered,
.formcontrol-forms-TabularKeyValueLayout .table-bordered ,
.formcontrol-simpleforms-GridLayout .table-bordered tr td,
.formcontrol-forms-TabularKeyValueLayout .table-bordered tr th,
.formcontrol-forms-TabularKeyValueLayout .table-bordered tr td
{ 
    border:0 none; 
}

.formcontrol-forms-SingleSelectListControl select,
.formcontrol-forms-SingleSelectListControl select option
{
  width:75% !important;
  max-width: 75%;
  min-width:  75%;
}
.formcontrol-forms-TabularKeyValueLayout > table > tbody > tr > th 
.formcontrol-simpleforms-GridLayout > table > tbody > tr > th 
{ 
    min-width: 80px;
}
.formcontrol-forms-TabularKeyValueLayout table,
.formcontrol-simpleforms-GridLayout table
{
    width:95%; 
}
.formcontrol-forms-TabularKeyValueLayout table tr th { padding-bottom:10px; }

/*mobile phone */

@media screen and (max-width: 767px)
 {

  #top-nav-div { width:100%; margin:0 auto; }
  .col-4 .navbar-nav { margin-top:0px; margin-left:5px; }
  .navbar  .container .row  { background: none; }
  .top-social-media { margin-top:-5px; float:none !important;  text-align: center;     display: block; }
    .nav#top_navigation-class > li {  width:30%;  float:left;  text-align: center;   }
    .navbar-default .navbar-nav > li > a {  font-size:11px; }
    .navbar  .container { padding-right:15px; padding-left:15px;  }
    .navbar .top-social-media .social { display: none; }
    
  
  .navbar .top-social-media span.text-yellow {
    color: #fff !important;
    background: #a6529a;
    font-size:11px;

    
  }
  .navbar .top-social-media span a {     font-size:11px;  }
  .navbar .top-social-media { display: none; }
    #navigation-below #navbarNavDropdown{
      text-align: center;
      width:100%;
    }
    #navigation-below {
      background: #a6529a;
      margin: 0px;
      padding: 0px;
    }

    #navigation-below .navbar-toggle {    
       display: block;
      margin-right: 16px;
    }

    .navbar-toggle .icon-bar {
      color: #fff;
      border: 1px solid #fff;
      font-size: 30px;
    
    }

    #navigation-below ul li {
      display: block;
      text-align: left;
  }

  #navigation-below ul li.menu-book-class {
      background: none;
      display: block;
      float: none;
      margin-top: 0px;
      width: auto;
      height: auto;
  }

  #navigation-below ul li a {
    text-align: left;
    color: #fff;
  
  }

  #navigation-below ul li .dropdown-menu a.dropdown-item {
    text-align: left;
    color: #fff;
    padding: 8px 14px 7px;
   
    display: block;
    height: 100%;
    width: 100%;
    color: #fff;

  }

  #navigation-below ul li.menu-book-class a {
    font-size: 20px;
    height: 100%;
    width: 100%;
  }

  #navigation-below .dropdown-menu::before{
    height:0px;
  }

  #navigation-below  .menu-about::before,
  #navigation-below  .menu-work::before,
  #navigation-below  .menu-education::before{
    background: none;
    padding: 0px;
    display: block;
  }

  #navigation-below ul li,   #navigation-below ul li a:hover { color:#FFFFFF; }

  .nav .open > a.menu-about-link , 
  .nav .open > a.menu-about-link:hover, 
  .nav .open > a.menu-about-link:focus {
    background-color: #ff6666;
    border-color: #ff6666;
    
  }

  .nav .open > a.menu-work-link , 
  .nav .open > a.menu-work-link:hover, 
  .nav .open > a.menu-work-link:focus {
    background-color: #ff9933;
    border-color: #ff9933;
  }

  .nav .open > a.menu-education-link , 
  .nav .open > a.menu-education-link:hover, 
  .nav .open > a.menu-education-link:focus {
    background-color: #cccc66;
    border-color: #cccc66;
  }

  .nav > li > a:hover, .nav > li > a:focus{
    background-color:transparent;
  }

  #navigation-below .dropdown-menu{
    padding-top:8px;
    padding-bottom: 5px;
  }

  #footer #footer-menu li {
    display: block;
    text-align: center;
  }  
  #footer .footer-social img {
    width: 50px;
    
}
 }


  

 






/* tablet */
@media  (min-device-width: 768px) 
  and (max-device-width: 1024px) 
{ 
  
  #navigation-below #navbarNavDropdown { width:90%; }
  .navbar .top-social-media .social { display: none; }
  #navigation-below ul li.menu-book-class{
    width: 230px;
    height: 80px;
    margin-top:-40px;
  }
 
}


/*Forms TwitterBootstrap*/

.twitterbootstrap-columnkeyvalue-mainwrapper .col-sm-12 { margin-bottom: 10px;  }
.twitterbootstrap-columnkeyvalue-mainwrapper .formcontrol {margin-bottom:0px; padding-bottom: 0px; }
.twitterbootstrap-columnkeyvalue-mainwrapper h4 { 
  margin-bottom: 5px; font-weight: 700; font-size:14px;
  font-family: 'Muli', sans-serif; 
}
.twitterbootstrap-columnkeyvalue-mainwrapper  input[type="text"], 
.twitterbootstrap-columnkeyvalue-mainwrapper  input[type="password"],  
.twitterbootstrap-columnkeyvalue-mainwrapper  input[type="number"], 
.twitterbootstrap-columnkeyvalue-mainwrapper  input[type="email"], 
.twitterbootstrap-columnkeyvalue-mainwrapper  input[type="url"], 
.twitterbootstrap-columnkeyvalue-mainwrapper  input[type="search"], 
.twitterbootstrap-columnkeyvalue-mainwrapper  input[type="tel"],
.formcontrol-erp-PhoneNumberControl input[type="tel"],
.twitterbootstrap-columnkeyvalue-mainwrapper textarea
{
    width:70%;
}
#main__form__actions { margin-top:8px; }
#main__form__actions__next,
#main__form__actions__back,
input[name="registration____action~addChild"],
input[name="parent____action~save"],
input[name="child____action~save"]

{ margin-right:7px; }

.formcontrol-forms-MultiLineTextControl textarea{
    width:70%;
    height:100px;
}

h4.requiredfield {     color: #3a87ad;    }
h4.twitterbootstrap-columnkeyvalue-field-key { color:#555b59;   }
.twitterbootstrap-columnkeyvalue-mainwrapper  select[name="requestAParty__duration____hour"],
.twitterbootstrap-columnkeyvalue-mainwrapper  select[name="requestAParty__duration____min"],
.twitterbootstrap-columnkeyvalue-mainwrapper  select[name="requestAParty__start_time____min"],
.twitterbootstrap-columnkeyvalue-mainwrapper  select[name="requestAParty__start_time____hour"],
.twitterbootstrap-columnkeyvalue-mainwrapper  select[name="requestAParty__tb_start_time____hour"],
.twitterbootstrap-columnkeyvalue-mainwrapper  select[name="requestAParty__tb_start_time____min"] 
{
    width:20%;
}



@media screen and (max-width:415px) 
{
    .twitterbootstrap-columnkeyvalue-mainwrapper  input[type="text"], 
    .twitterbootstrap-columnkeyvalue-mainwrapper  input[type="password"],  
    .twitterbootstrap-columnkeyvalue-mainwrapper  input[type="number"], 
    .twitterbootstrap-columnkeyvalue-mainwrapper  input[type="email"], 
    .twitterbootstrap-columnkeyvalue-mainwrapper  input[type="url"], 
    .twitterbootstrap-columnkeyvalue-mainwrapper  input[type="search"], 
    .twitterbootstrap-columnkeyvalue-mainwrapper  input[type="tel"],
    .formcontrol-erp-PhoneNumberControl input[type="tel"],
    .twitterbootstrap-columnkeyvalue-mainwrapper textarea
    {
        width:95%;
    }
    .twitterbootstrap-columnkeyvalue-mainwrapper  select,
    .twitterbootstrap-columnkeyvalue-mainwrapper input[type="date"]
    {
        width:80%;
    }
}