/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
  2.1 - MAXIMUM width of 720 pixels (phones landscape)
  2.2 - MAXIMUM width of 380 pixels (phones portrait)
  2.3 - MINIMUM width of 721 pixels (tablets+)
  2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/



/*
.just_an_example {
  color: black;
}
*/



/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
@media screen and (max-width: 800px) {




}
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {





}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.2 - MAXIMUM width of 380 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 380px) {


        #fwslider .title {
          font-size: 1.5em;
          font-family: 'roboto','open-sans',sans-serif;
          font-weight: normal;
          margin-top: -30px;
        }


}/* don't delete this closing bracket */



/*--------------------------------------------------------------
2.2 - MINIMUM width of 380 pixels (phones portrait)
--------------------------------------------------------------*/



@media screen and (min-width: 380px) {


      #fwslider .slide .title {
          font-size: 1.7em;
          font-family: 'roboto','open-sans',sans-serif;
          font-weight: normal;
        }

}

/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {

#fwslider .slide .title {
  font-size: 3em;
  font-family: 'roboto','open-sans',sans-serif;
  font-weight: lighter;
}





}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {


  #fwslider .slide .title {
  font-size: 3em;

}
/*centers footer-icons when width when min-width is 1040px*/
div.footer-inner div#footer-icons {
float: none;
}





}/* don't delete this closing bracket */

/*h1, 
h2, 
h3, 
h4, 
ul>h2, 
ul>h3, 
ul>h4, 
li>h4, 
li>h3, 
li>h2,
{
     font-family: 'roboto','Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: normal; 
}
*/
.entry-content p {
  font-size: 16px;
}

.entry-content h5 {
  font-size: 18px;
}

.entry-content h4 {
  font-size: 20px;
}

.entry-content h3 {
  font-size: 22px;
}

.entry-content h2 {
  font-size: 24px;
}

.entry-content h1 {
  font-size: 26px;
}

/*.footer-credits {

  display:none;
}*/



/*.entry-title  

{
    font-family: 'roboto','Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: normal;


}*/

/*Removes title from top of pages, but not from posts*/
/*.page-id-161 .entry-title,
.page-id-386 .entry-title,
.page-id-519 .entry-title,
.page-id-534 .entry-title,
.page-id-564 .entry-title, 
.page-id-423 .entry-title,
.page-id-221 .entry-title,
.page-id-296 .entry-title,
.page-id-217 .entry-title,
.page-id-556 .entry-title*/

.page .entry-title{
display:none;  

}
/*
 
h1,
h2,
h3,
h4,
h5,
h6,
p, 
ul, 
ul>li,  
li, 
li>p,
.entry-content 

{
  font-family: 'roboto','Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: normal;

}*/

.entry-content h1
{
  font-size: 2.3em;
}

/*Revoves footer credits*/
.footer-credits {

  display:none;
}
 /* Removes comments section on every page */
#comments {
  
    display: none;
}

@media screen and (min-width: 721px) {

#buddypress ul.item-list li.activity-item {
border: dotted 2px #c6dcea;
margin-top: 10px;
padding: 10px;
border-radius: 5px;

}
#buddypress ul#activity-stream li img.avatar {
border-radius: 50%;
}

}
/****************************************************
SIGN UP BUTTON
*****************************************************/

a.signupbutton{

  border-radius: 5px;
  display:block;
  background-color:#FF9900;
  font-size: 1.3em;
  font-weight: normal;
  font-family: 'roboto', 'open-sans', sans-serif;
  padding:.7em 30px;
  color:white;
  text-align: center;
  margin-top:30px;
  border-bottom: 3px solid #c77801!important;

}

.page-id-161 a.signupbutton {

    clear:both;
    }

a.signupbutton:hover  {

text-decoration: none;
background-color: #c77801!important;
}

h1.widgetHeader {
  font-size:1.5em!important;
  text-align:left!important;
  color:#000033;
  padding:5px;
  line-height: 1.5em;
  font-weight: bold;
}

h2.widgetHeader {
  font-size:1.3em!important;
  text-align:left!important;
  color:#000033;
  padding:5px;
  line-height: 1.5em;
}

@media screen and (min-width: 721px) {

.widgetHeader {
  font-size:1.5em;
}

    a.signupbutton {

  
        margin-top: 0 auto;


       }

    .page-id-161 a.signupbutton {
        margin:20px 0 0 60px;
        float:left;
        clear:both;
        }

    .page .entry-content td {
/*      border: solid 1px lightgrey;
*/      padding: 5px;
      width:0%;
     }

  }

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

      .page .entry-content td {
/*      border: solid 1px lightgrey;
*/      padding: 5px;
      width:300px;

    }



  }



/****************************************************
HOME PAGE/ Landing Page SPECIFIC INCLUDING RESPONSIVE BELOW
*****************************************************/

.container {
/*    border: solid 1px #ff0000;*/
    zoom: 1; /* IE6&7 */
}

.container:before,
.container:after {
    content: "";
    display: table;
}

.container:after {
    clear: both;
}

#heroSectionList .fa {
  color: #5C8BC3;
  float:left;
  margin-top: 30px;
  width:30px; 

}


#heroSectionList li {
  margin-left:60px!important;
  font-size: 1.3em;
  list-style:none!important;


}

#heroSectionList h1 {
margin:0;
margin-left: -20px;



}


.page-id-161 #page.hfeed.site,
.page-id-549 #page.hfeed.site,
.page-id-607 #page.hfeed.site,
.page-id-620 #page.hfeed.site,
.page-id-859 #page.hfeed.site,
.page-id-892 #page.hfeed.site

 {
max-width: 100%;
padding:0;
margin:0;
}


.page-id-161 h1,
.page-id-549 h1,
.page-id-620 h1 {
color:#000033;
}

#homeHeader {
width:100%;
}

  #homeHeader h1 {

    padding:8% 0 0 0;
  }

a.homeHeaderButton{`
  border-radius: 5px;
  display:block;
  background-color:#FF9900;
  font-size: 1.5em;
  font-weight: normal;
  font-family: 'roboto', 'open-sans', sans-serif;
  padding:.5em 30px;
  color:white;
  text-align: center;
  margin-top:30px;
  height:1.8em;
}




a.homeHeaderButton:hover  {

text-decoration: none;
background-color: #4a88bf;
}

#heroSection {
width:100%;
clear:both;
margin:100px 0;
padding:0;
}

#homepageHero img {

}

#heroSectionList li {
font-size: 1.1em;
}

#heroSectionList p {
text-align: center;
}


#heroSectionList a.homeHeaderButton {
  margin-left: 0;
 }



@media screen and (min-width: 480px) {


}

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

  #homeHeader p{
    display:none; 
  }


}

@media screen and (min-width: 721px) {

    #homeHeader {
    background: url('/wp-content/uploads/2015/03/hubbli-home-page-2400x800px.jpg');
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.4);
    width:100%;
    height:600px;
    margin-top: -24px;
    background-attachment: fixed;
    }

    #homeHeader>h1 {
    color:white;
    padding: 100px 10% 0 10%;
    font-size: 36px;
    width:60%;
    margin:auto;
    font-weight: 500;

    }

    #homeHeader h2 {
    color:white;
    }

    a.homeHeaderButton{
      border-radius: 5px;
      display:block;
      background-color:#FF9900;
      font-size: 1.5em;
      font-weight: normal;
      font-family: 'roboto', 'open-sans', sans-serif;
      padding:.5em 30px;
      color:white;
      text-align: center;
      margin:30px auto;
      width:220px;
    }



    #heroSectionList {
    max-width: 40%;
    float:left;
    margin-left: 5%;

    }


    #heroSectionList p {
    text-align: left;
    width:80%;
    }


    #heroSectionImage{
    max-width:40%;
    margin-right: none;
    float:right;


    }

    #heroSectionListTwo{
    max-width:50%;
    float:left;
    margin-left: 0!important;

    }
    
    #benefitSectionHeader a.homeHeaderButton {
    float:left!important;
    }

    #heroSectionImageTwo {
    max-width:45%;
    float:right;
    margin-right:0!important;
    }



    /*Testimonials*/

    .testimonials h1{

    margin-top: 30px;

    }

    .testimonials {

    width:80%;
    margin:30px auto;
    border-top:dashed 1px lightblue;


    }

    .testimonials>h1 {

    text-align: center;

    }

    .contentBreaker {

      background: #6997C8;

    }
    .contentBreaker h1, 
    .contentBreaker h3,
    .contentBreaker p{
      color:white;
    }



} /*end of @media screen and (min-width: 721px) */

@media screen and (min-width: 721px) and (max-width: 1039px){

  
  #homeHeader h1 {

    width:80%;
  }

  #heroSection {
    height:450px;
  }



  #heroSectionList h1 {
    font-size: 1.8em;

  }
  #heroSectionList p {
  width:95%;

  }

  #heroSectionListTwo{
  margin-left:10%;

  }

  #heroSectionImageTwo {
  margin-right:10%;

  }

}

@media screen and (min-width: 1040px) {
    
    .widgetHeader {
      font-size:2em;
      text-align:center;
    }

    #heroSectionList {

    margin-left: 10%;
    }


    #heroSectionImage {
    float:right;
    margin-right: 10%;
    margin-left: 0;
    }




}

@media screen and (min-width: 1600px) {
    
#heroSectionContent{
  max-width: 80%;
  margin:auto;
} 


   #heroSectionListTwo{
    margin-left:-10%!important;
    max-width: 60%;

    }

    #heroSectionImageTwo {
    margin-right:-10%!important;
    max-width: 60%;

    }
}

@media screen and (max-width: 720px) {
   
#heroSectionList h2,
#heroSectionList ul {
  
  display:none;
}


#heroSectionImage {
  
  display:none;
}

} 


/*************************************
Montessori Landing Page Styles
************************************/


   #socialProof h3 {
      color: #8C8C8C;
      font-weight: lighter;
      margin-bottom: 70px;

    }

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

 
    #socialProof {
     display:none;

    }

}


#socialProof {
  background: #EEF1F1;
/*  padding-top:20px;*/
/*  padding-left:10%;
  padding-right:10%;*/
  padding-bottom: 5%;

}



@media screen and (min-width: 721px){

  .socialProofLogo {
    float:left;
    width:15%;
    max-height:200px;
    margin-left: 1%;
  }

}
@media screen and (min-width: 1040px){


    #socialProof {
      padding-bottom: 6%;

    }

}



/*---Homepage Benefits Section---*/


#benefitSection {
  clear:both;
  padding:0;
  width: 100%;
}

#benefitSection h1 {
font-weight: bold;
}

#benefitSectionHeader {
  margin-bottom: 30px;
}


.entry-content li {
  margin:0;
}

ul.benefits {
  margin:0;
}

ul.benefits li {
  list-style: none;
  float:left;
  color:#5c8bc3;
}

ul.benefits li h3{
  font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
margin-left: 38px!important;
margin-top: -31px!important;
  float:left;
  text-align: left;
  margin:0;
  /*padding:2%;*/
  font-size:1.5em;
  color: #555;
  font-weight: bold;
}


ul.benefits li p{
  margin-left: 38px!important;
  float:left;
  clear:both;
  text-align: left;
  font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: lighter;
  margin:0 0 1em 0;
  color:#777;


}


ul.benefits li i {

float:left;
padding: 0;
border: none;
text-align: left;


}

.benefits i.fa {
  margin-left: 2px;
}
@media screen and (max-width: 720px) {

    
      #benefitSectionHeader a.homeHeaderButton{
      display:none;

    }
}

@media screen and (min-width: 721px) and (max-width: 1039px) {
    #benefitSection {
      padding-left: 5%;
      width:90%;
    }

}

/*------------------------------------
TABLETS AND LARGER DISPLAYES
-----------------------------------------*/

@media screen and (min-width: 721px) {


    #benefitSectionHeader {
      margin:50px 0;
      min-height:450px;
    } 

    #benefitSection {
      padding-left: 5%;
    }
    
    #benefitsList1{
  
      float:left;
      margin-bottom: 50px;
    }

    #benefitsList2{
      
      float:right;
      margin-bottom: 50px;
    }



      #benefitSectionHeader>h1 {
      margin-left: 2%
    }

      #benefitSectionHeader>h4 {
      width:47%;
      float:left;
      clear:both;
      margin:auto;
      margin-top:0;
      margin-left: 2%
    }
      #benefitSectionHeader a.homeHeaderButton{
      float:right;
      margin-right: 10%;

    }

}


/*------------------------------------------
DESKTOP DISPLAYES
---------------------------------------------*/

@media screen and (min-width: 1040px) {

    #benefitSection {
      width:80%;
    }

    ul.benefits {
      border-top: dashed 1px lightblue;
      padding-top: 100px;
    }

    #benefitsList1{
      float:left;
      width:46%;
      margin-left:2%;
    }

    #benefitsList2{
      float:right;
      width:46%;
      margin-right: 2%;
    }



    #benefitSection {
      padding:30px 10% 20px 10% !important;
    }   


}

@media screen and (min-width: 1600px) {

    #benefitSection {
      width:60%;
      margin:auto;
    }

    .testimonials {
      width:60%;
    }

}


/*----------------------------------------------
ABOUT US PAGE STYLES
---------------------------------------*/

.teamMember {
  text-align: center;
  margin-top: 50px;
  max-width: 90%
}

.teamMember img  {
  width:100%;
  border-radius:50%;
}

.teamMember h2 {
  color: #5C8BC3;
  font-size:1.5em;
  margin:0;
  text-align: left;
}

.teamMember h3 {
  font-size:1em;
  font-weight: bold;
  margin:0;
  text-align: left;

}

.teamMember p {
  margin-top: 1em;
  font-size:1.2em;
  font-weight: lighter;
  text-align: left;
}







/*---------------------------------------------------------
TABLETS AND LARGER DISPLAYES OF About us Page
------------------------------------------------------------*/

@media screen and (min-width: 720px) {

.teamMember {
  width:40%;
  float:left;
  margin-left: 9%;
  min-height: 520px;
}

.teamMemberSection:nth-child(2n) {
  clear:left;
}


.teamMember img {
  width:60%;
  float:left;
  margin-bottom: 20px;
}




}

/*---------------------------------------------------------
Desktop DISPLAYES OF About Us Page
------------------------------------------------------------*/

@media screen and (min-width: 1040px) {

.teamMember {
  width:25%;
  float:left;
  margin-left: 7%;
  min-height: 520px;
}

.teamMemberSection:nth-child(3n) {
  clear:left;
}


.teamMember img {
  width:60%;
  float:left;
  margin-bottom: 20px;
}




}

/*END OF MIN DISPLAYS OF 1040px*/

/*----------------------------------------------
FEATURES PAGE STYLES page-id-386
---------------------------------------*/
a.learnMore{

  border-radius: 5px;
  display:block;
  background-color:#4a88bf;
/*  font-size: 1.2em;*/
/*  font-weight: bold;
*/font-family: 'roboto', 'open-sans', sans-serif;
  padding:.3em 20px;
  color:white;
  text-align: center;
  margin-top:5px;
  width: 130px;
  margin: 20px 0 50px 0px;

}




a.learnMore:hover  {

text-decoration: none;
background-color: #FF9900;
}

/****************************************
PLUGIN SPECIFIC STYLES
***************************************/


/************************************
These are styles applied to forms
**************************************/


.gsection_description h3, 
.gsection_description h4 {

  font-weight: bold;
}

.gsection_description ul

{
  margin-top: -20px !important;

}




/***************************************************
Buddypress Group Email Subscription Plugin Styles
*****************************************************/

/*Removing group notification email options from Group Home Description*/

.group-subscription-div {

  display:none;
}

/***************************************************
Form Buttons for all pages
*****************************************************/

a.formButton{

  border-radius: 5px;
  display:block;
  background-color:#FF9900;
  font-size: 1.2em;
/*  font-weight: bold;*/
  font-family: 'roboto', 'open-sans', sans-serif;
  padding:1em 30px;
  color:white;
  text-align: center;
  margin-top:30px;
  max-width: 50%;
}




a.formButton:hover  {

text-decoration: none;
background-color: #4a88bf;
}

/***************************************************
Appointments+ plugin styles
*****************************************************/

/*temporary fix to group display issues*/

/*#buddypress > p, 
#item-header > p, 
#item-header-avatar a > p, 
#item-body > p, 
#buddypress #activity-stream .activity-meta p br {
  display:none;
}
#buddypress #activity-stream .activity-meta p {
  display:inline;
}*/


 /*end of temporary fix to group display issues*/


.entry-content td.appointments-weekly-calendar-hours-mins {

  font-size: 1.2em;
}

/* removes the dropdown text "Please select a service" */
.app_services_dropdown_title {
  display:none;
}

/************************
Pricing page  .page-id-423
************************/

.page-id-423 #socialProof {
  background: none;
  padding:0;
  margin:0;
}

.page-id-423 .socialProofLogo {
  width:16%;
  margin-right:4%;
  margin-left: 0;
}

#guarantees li h3 {
  font-size: 18px;
}

a.signupButtonPricing{

  border-radius: 5px;
  background-color:#FF9900;
  font-size: 1.5em;
  font-weight: normal;
  font-family: 'roboto', 'open-sans', sans-serif;
  padding:.6em;
  color:white;
  display:block;
  text-align: center;
 

}

a.signupButtonPricing:hover  {

text-decoration: none;
background-color: #4a88bf;
}

ul.pricePlan{
  margin:0;
  list-style: none;
  float:left;
  width:100%;
  margin-bottom:10px;
  background-color:#4c73a7;
  color:#fff;
  border-radius: 5px;
  color:white;
  text-align: center;
}

ul.pricePlan {
  
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

ul.pricePlan:hover {
      background-color: #5C8BC3;
      -webkit-transform: scale(1.02);
      -moz-transform: scale(1.02);
      -o-transform: scale(1.02);
      transform: scale(1.02);

}

ul.pricePlan li{
  margin:0;
}

ul.pricePlan li p{
  margin:0;
  margin-left: 5%;
  padding:0;
  font-size: 1.2em;
  text-align: left;
}


ul.pricePlan li h5 {
  color:white;
  font-weight: lighter;
  padding:0 2%;
  border-bottom: dashed 1px lightgrey;
  padding-bottom: 25px!important;

}



.notInPackage {
  text-decoration: line-through;
  color:rgba(211, 211, 211, 0.69);
  font-weight: lighter;
}




ul.pricePlan li div.fa-check-square-o{
  color:white;
  float:left;
  margin-right: 5%;
  margin-top: 7px;
  margin-left: 5%;
}

ul.pricePlan li div.fa-times{
  color:rgba(211, 211, 211, 0.69);
  float:left;
  margin-right: 5%;
  margin-top: 7px;
  margin-left: 5%;
  font-weight: lighter;
}

ul.pricePlan h1{
  font-size: 3em;
  text-align: center;
  float:none;
  color:white;

}

ul.pricePlan h2{
  font-size: 2em;
  text-align: center;
  color:white;
}

ul.pricePlan h3{
  font-size: 1.5em;
  text-align: left;
  color:white;
  margin-top: 20px;
  margin-left: 5%;

}



@media screen and (min-width: 720px) {

     ul.pricePlan {

      width:24%;
      margin:0;
      margin-right: 1%;
      margin-bottom: 50px;
      margin-top: 50px;
      height:400px;
      }

     ul.pricePlan li h5 {
      font-size: .8em;
      font-weight: lighter;
      text-align: center;
      color:white;
      padding:0 2%;
      line-height: 1.3em;

    }

    ul.pricePlan h1{
      font-size: 2em;

    }

      ul.pricePlan h2{
      font-size: 1.1em;

    }

    ul.pricePlan h3{
      font-size: 3em;


    }

    ul.pricePlan li p {
      font-size: 1em;

    }


}


@media screen and (min-width: 1040px) {


      a.signupButtonPricing{


      display:inline;
      padding:.6em 60px;

    }



     ul.pricePlan li h5 {
      font-size: 1em;

    }

    ul.pricePlan h1{
      font-size: 3em;

    }

      ul.pricePlan h2{
      font-size: 1.5em;

    }

   

}



@media screen and (max-width: 721px) {
div.docs-info-header {

display: none;
}

}

/*--Mobile Group Icon--*/
#buddypress #mobile-item-nav ul li {
background-color: #575757;
  }

#buddypress #mobile-item-nav ul li#home-groups-li:before {
      font-family: 'FontAwesome';
      content: "\f015";
    }

#buddypress #mobile-item-nav ul li#nav-docs-groups-li:before {
      font-family: 'FontAwesome';
      content: "\f15c";
    }

#buddypress #mobile-item-nav ul li#group-events-groups-li:before {
      font-family: 'FontAwesome';
      content: "\f073";
    }

    #buddypress #mobile-item-nav ul li#rtmedia-media-nav-groups-li:before {
      font-family: 'FontAwesome';
      content: "\f030";
    }

#buddypress #mobile-item-nav ul li#invite-groups-li,
#buddypress #mobile-item-nav ul li#nav-notifications-groups-li,
/*#buddypress #mobile-item-nav ul li#group-events-groups-li,*/
#buddypress #mobile-item-nav ul li#admin-groups-li,
#buddypress #mobile-item-nav ul li#nav-invite-anyone-groups-li

 {
display:none;
    }


@media screen and (max-width: 480px) {
table.eab-montly_calendar {
 overflow: scroll;
}

}



@media screen and (max-width: 720px) {
body.bp-user #buddypress #item-header-content {
  margin-bottom: 30px;
}

}

/*********************************************
 Main site page-id-386 Features page styles 
 **********************************************/


div.featuresPageEven .fa, 
div.featuresPageOdd .fa {
    
    float:left;
    clear:both;
    margin-right: 3%;
    margin-top: 5px;
    color:#5C8BC3;

    }

div.featurePageDescription{
    
    float:left;
  }

div.featuresPageEven h2, 
div.featuresPageOdd h2 {
        color:#5C8BC3;

    }    

div.featurePageDescription{
    width:88%;
    float:left;
    margin-top: -20px;

    }

@media screen and (max-width: 720px){
    
    div.featuresPageEven img, div.featuresPageOdd img {
    display:none;

    }

}

@media screen and (min-width: 721px){
    div.featuresPageOdd {
    margin-top:100px;
    float:left;
    clear:both;
    width: 100%;

    }

    div.featuresPageOdd img {
    float:left;
    width:45%;
    margin-right: 4%;

    }
    div.featuresPageEven .fa, 
    div.featuresPageOdd .fa {
    
    clear:none;
    margin-right: 1%;

    }

    div.featuresPageOdd .fa {
    
    margin-right: 0;
    margin-left: 2%;

    }


    div.featuresPageEven {
    margin-top:70px;
    float:left;
    clear:both;
    width: 100%;

    }

    div.featuresPageEven img {
    float:right;
    width:49%;

    }

    div.featuresPageEven h2, div.featuresPageOdd h2 {
    margin-top:20px;
    color:#5C8BC3;

    }
    div.featuresPageEven img, div.featuresPageOdd img {
    margin-top:70px;

    }

    div.featurePageDescription{
    width:44%;
    float:left;
    margin-top: -20px;

    }

   div.featuresPageOdd div.featurePageDescription{
    width:44%;
    float:right;

    }


}

@media screen and (min-width: 1040px){
    

    div.featuresPageEven .fa, 
    div.featuresPageOdd .fa {
        
        margin-right: 1%;


        }

  div.featuresPageOdd .fa {
    
    margin-right: 0;
    margin-left: 3%;

    }
  
}

/* single feature page styles*/


@media screen and (min-width: 721px){



    .singleFeatureOverview {
      width: 35%;
      float:left;

    }
    .singleFeaturePage img.mainFeatureImage {
      max-width: 60%;
      float:right;

    }

}

div a.featurePageButton{
  border-radius: 5px;
  display:block;
  background-color:#FF9900;
  font-size: 1.5em;
  font-weight: normal;
  font-family: 'roboto', 'open-sans', sans-serif;
  padding:.5em 30px;
  color:white;
  text-align: center;
  margin-top:30px;
  height:1.8em;
}

div a.featurePageButton:hover  {

text-decoration: none;
background-color: #4a88bf;
}



/* Removes member count from Group navigation list item 'Members' because it's not tracking it properly*/
#buddypress div#item-nav .item-list-tabs ul li a span{
  display:none;
}
/* Removes member count from Groups Page because it's not tracking it properly*/
#buddypress ul.item-list li div.meta {
  display:none;
}


#guarantees li{
list-style: none;
margin-bottom:80px;
}

#guarantees .fa{
    float:left;
    clear:both;
    margin-right: 3%;
    margin-top: 5px;
    color:#5C8BC3;

}

#guarantees li h3 {

  margin:0;
  float:left;
  margin-left: 40px;
  margin-top: -30px;
}




/*****************
rtmedia styles
*******************/ 

/*div.rtmedia-item-thumbnail {
  overflow-x: visible!important;
  margin:0!important;
  max-width: 320px;
}

.rtmedia-activity-container .rtmedia-item-title, 
#buddypress div.rtmedia-activity-container .rtmedia-item-title {
  text-align: left;
}*/

/***************
Demo Page Styles
************************************/

#mainContent table.bodyContainer.webFormBodyContainer {
  background:lightblue;
}

.page-id-618 h1 {
  font-size: 3em;
  font-weight: bold;
  color:#000033;
}

#demoBenefitContent h4 {
  font-weight: bold;

}


#demoBenefitList li {
 list-style: none;
 margin-bottom: 2em;

}


#demoBenefitList li h4{
color:#777;

}
/*
#demoBenefitList li:before {    
    font-family: 'FontAwesome';
    content: '\f067';
    margin:0 5px 0 -15px;
}*/

#demoBenefitList li i.fa{
  color: #5c8bc3;
  position:absolute;


}


#demoBenefitList h4 {
 font-weight: bold;
 margin:0;
 margin-bottom: 3px;
 float:left;
 margin-top: -28px;
margin-left: 37px;

}

#demoBenefitList p {
 margin:0;
 margin-bottom: 20px;
 margin-left: 37px;
 clear:both;
 line-height: 1.2em;


}


@media screen and (min-width: 721px){

  .page-id-618 #page.hfeed.site{
    width:80%;
  }

  .page-id-618 .testimonials{
    width:95%;
  }

    .page-id-618 h1,
    .page-id-618 h2,
    .page-id-618 h3 {

/*    width:60%;*/
    margin-bottom: 30px;
    margin-left:auto;
    margin-right:auto;


    }

    #demoBenefitSecion {
      width:80%;
      margin:0 auto;
    }

    #demoBenefitContent {
      width:80%;
      float:left;
    }

    #demoBenefitList {
      width:80%;
      float:left;
      clear:both;
      margin-top: 34px;
    }


}


@media screen and (min-width: 1041px){

  .page-id-618 #page.hfeed.site{
    width:95%;
  }

    #demoBenefitContent {
    width:55%;
    float:left;
  }

    #demoBenefitList {
      width:35%;
      float:right;
      clear:none;
      margin-top: 34px;
  }
}




/* Adding styles to the FAQ's*/
.faqList  li {
  list-style: none;
  margin-left:20px;
   }

.faqList  li:before {
      font-family: 'FontAwesome';
      content: "\f00c";
      color:#5C8BC3;
      display: inline-block;
      width: 1.2em; /* same as padding-left set on li */
      margin-left: -1.2em; /* same as padding-left set on li */

    }

.page-id-799 .header-inner,
.page-id-799 #wp-toolbar,
.page-id-799 #menu-main-navigation li,
.page-id-799 .footer-inner, 
.page-id-799 .habla_window_div,
.page-id-889 #menu-main-navigation li{
  display: none!important;

}

.page-id-799 .widget-area {
  background-color: #E6E6E6;
  padding:1%;
}

.page-id-799 .gform_wrapper,
.gsection {
  padding:0;
  margin:0;
}

.landingList  li {
  list-style: none;
  margin-left:20px;
  font-size: 1.2em;
   }

.landingList  li:before {
      font-family: 'FontAwesome';
      content: "\f00c";
      color:#5C8BC3;
      display: inline-block;
      width: 1.2em; /* same as padding-left set on li */
      margin-left: -1.2em; /* same as padding-left set on li */
      margin-right: 0px;

    }

 .page-id-799 .gform_wrapper .top_label input.medium {
  width:90%;
  background-color: white;
  border:solid 1px lightblue;
}

.page-id-799 input#gform_submit_button_13.gform_button.button {
  border-radius: 3px;
  display:block;
  background-color:#FF9900;
  font-size: 1.3em;
  font-weight: normal;
  font-family: 'roboto', 'open-sans', sans-serif;
  padding:1em 0;
  color:white;
  text-align: center;
  width:100%;

}

.page-id-799 .gform_




.webinarProfile{

width:50%;
float:left;
}

/*------------------------------------------------------
Gravity Form Style Updates
--------------------------------------------------------*/
@media screen and (min-width: 720px) {

  .gfield_radio li input[type=radio] {
    margin-left: 3px!important;
  }



@media screen and (max-width: 1040px) {
  
  .gform_wrapper table.gfield_list td {
    width:95%;

  }

}


@media screen and (min-width: 720px) {

  .gfield_radio li input[type=radio] {
    margin-left: 3px!important;
  }

  body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=radio],
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox],
  body .gform_wrapper .gform_body .gform_fields .gfield select,
  body .gform_wrapper .gform_body .gform_fields .gfield textarea{
    border: solid 2px #ccc;
  }

  body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
  body .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
  body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
  body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
    border: solid 2px lightblue;
    background-color: white;
  }

  div.gfield_description {
    padding:0;
  }

  div.gfield_description p{
    margin-bottom:0!important;
  }

  .gfield_label {
    font-size: 1.2em!important;
    margin-top: 20px!important;
  }

}



@media screen and (max-width: 1040px) {
  
  .gform_wrapper table.gfield_list td {
    width:95%;

  }

}



@media screen and (min-width: 1041px){

    .webinarProfile {
     width:20%;
     float:right;
     padding:1%;
     margin-top: -480px;
     border:solid 1px lightblue;
    }

    .webinarProfile h2,
    .webinarProfile h3,
    .webinarProfile h4,
    .webinarProfile h5,
    .webinarProfile p {
   margin:0;
    }

    .webinarProfile p {
    font-size: 1em;
    }



    .webinarProfile img {

    width:100%;
    margin-bottom: 20px;
    }


    .webinarContent {
     width:75%;
    }




}

/*Webinar Thank You page*/

.page-id-806 .header-inner,
.page-id-806 #wp-toolbar,
.page-id-806 #menu-main-navigation li,
.page-id-806 .footer-inner, 
.page-id-806 .habla_window_div {
  display: none!important;

}

/*Webinar Appointments Calandar Page*/
.page-id-809 .header-inner,
.page-id-809 #wp-toolbar,
.page-id-809 #menu-main-navigation li,
.page-id-809 .footer-inner, 
.page-id-809 .habla_window_div {
  display: none!important;

}


/*Making sure gravity forms credit card field month and date expiration appear correctly*/
.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month,
.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year
{width:100%!important;}



.page-landing-page.header-inner,
.page-landing-page#wp-toolbar,
.page-landing-page#menu-main-navigation li,
.page-landing-page.footer-inner, 
.page-landing-page.habla_window_div {
  display: none!important;

}

/*Gravity Form Field updates*/

.gform_wrapper .gform_body ul li {
  list-style: none!important;
}


/*Email Course Landin Page*/


#emailCourseDetails img{
max-width: 20%;
border-radius: 50%;

}

#emailCourseDetails .faqList{

  max-width: 90%;
  margin-left: 5%;


}

@media screen and (min-width: 380px) {

    #emailCourseDetails {
      max-width: 70%;
      margin:auto;

    }



}


/*Homepage Testimonials Styles*/

.testimonial-wrap{
  padding-top: 50px;
  max-width:90%;
  margin:auto;
  border-top: dashed 1px lightblue;
}

h2 {
  margin-top: 40px;
  font-weight: 200;
  color: #333;
}


.centered-text {
  text-align: center;
}

.quote {
  background: #ebf3f5;
  padding: 15px 20px 5px 15px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.quote:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 18px 0 18px;
  border-color: #ebf3f5 transparent transparent transparent;
  position: relative;
  top: 37px;
  left: 20px;
}

.student {
  margin-left: 25px;
  margin-bottom: 80px;
}
.student .photo {
  background-color: #ccc;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 10px;
}

.photo img {
  height:60px;
  border-radius: 50%;
}

.student p {
  position: relative;
  top: 5px;
  text-transform: uppercase;
}
.student p:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.student p:nth-child(3) {
  font-size: 14px;
  color: #777;
}


.testimonialSection {
  width:100%;
  float:left;
}

@media screen and (min-width: 1040px) {

.testimonial-wrap{
  max-width:80%;
}

.testimonialSection {
  width:48%;
  padding:1%;
}
}

@media screen and (min-width: 1600px) {

.testimonial-wrap{
  max-width:60%;
}

.testimonialSection {
  width:48%;
  padding:1%;
}
}



h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}/*
.appointments-wrapper, .app_timetable {
	padding: 0.3em;
}
*/
.wait_img{
z-index:1000;
}
.app_timetable_cell .wait_img {
    float: right;
}
.app_timetable {
margin-left:20px;
}
.app_monthly_schedule_wrapper, .app_timetable_wrapper{
float:left;
width:50%;
}
aside.widget .app_monthly_schedule_wrapper { width: 100%; }
.app_timetable_cell{
float:left;
width:25%;
border:1px solid grey;
font-size: 0.8em;
text-align:left;
padding:3px;
overflow:hidden;
}
.app_timetable_cell div:hover{
opacity:0.6;
}
.app_timetable_title{
/*text-align:center;*/
font-weight:bold;
margin-bottom: 1em;
}
.appointments-pagination .previous{
float:left;
}

td.today {
opacity: 0.6;
}

.appointments-pagination .next{
float:right;
}
.appointments-paypal{
display:none;
}
.appointments-list {
	clear: both;
	padding: 0;
  margin-top: 20px;
}
.appointments-list table {
	width: 100%;
	border-collapse: collapse;
	/* table-layout:fixed; */
}
.appointments-list table th {
	width: 12%;
	background: #333;
	color: #ddd;
	/*padding: .2em .4em .2em .4em;*/
	cursor: default;
}
.appointments-list table td {
	border: 1px solid #ddd;
	height: 14px;
	padding: 0;
}
.appointments-list table td:hover{
opacity:0.6;
}
.appointments-list table td.free, .app_timetable div.free {
	cursor: pointer;
}
.appointments-legend-table{
	font-size: 0.75em;
	table-layout:auto;
	overflow: hidden;
	border: 0 !important;
}
table.appointments-legend-table {
	width: auto;
}
table.appointments-legend-table  td{
	padding-right: 10px;
  padding-left: 10px;
	text-align:right;
	height: 20px;
	min-width: 30px;
	border: none !important;
	cursor:default;
  width: auto;
}
.appointments-weekly-calendar-hours-mins{
font-weight:bold;
font-size:0.65em;
text-align:center;
min-width: 110px;
}

.appointments-confirmation-wrapper{
display:none;
}

.appointments-confirmation-wrapper label{
display:block;
}
.appointments-confirmation-wrapper input[type="text"]{
width: 60%;
}

.appointments-confirmation-wrapper span{
margin-right: 10px;
width: 30%;
display:block;
float:left
}

.appointments-confirmation-text{
font-weight:bold;
}

/* Login */

.app_form_container{padding:20px;margin:10px;text-align:left;}
.appointments_login{margin-bottom:0.6em; border:none;}
.app_or{font-size:16px;margin:10px 0;letter-spacing: 1px;}
.app_inner1{}
.app_inner2{ margin-bottom: 0;}
.app_inner3{}
.app_login_submit{display:none;}
.app_login_submit input{margin-right:10px;width:100px;}
.app_wait_img img{border:none;}
.app_login_submit input[type="password"]{
padding: 0.5em;
background: white;
border: 1px solid #EEE;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* Buttons
	 ====================  */

.app_submit_btn{
	width:auto;
}

a.appointments-login_link-cancel {
  margin-top: 20px;
}

a.appointments-login_link-cancel, .app_submit_btn {
	color: #4e4d4d;
	font-size: 13px;
  cursor: pointer;
  display: inline-block;
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial;
  text-shadow: 0 1px 0 #ffffff;
  background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #eae9e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eae9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eae9e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 0%,#eae9e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#eae9e9 100%); /* IE10+ */
	background: linear-gradient(top,  #f8f8f8 0%,#eae9e9 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eae9e9',GradientType=0 ); /* IE6-9 */
  padding: 6px 14px 6px;
  line-height: normal;
  border: 1px solid #e3e3e3;
  border-bottom-color: #d1d1d1;
  border-radius: 3px;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
  	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
  				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);

  -webkit-transition: 0.1s linear all;
  	 -moz-transition: 0.1s linear all;
  		-ms-transition: 0.1s linear all;
  		 -o-transition: 0.1s linear all;
  				transition: 0.1s linear all;

	text-decoration:none;
}

a.appointments-login_link-cancel:hover,  .app_submit_btn:hover {
	border: 1px solid #c9c9c9;
	color: #1a1a1a;

  -webkit-transition: 0.1s linear all;
  	 -moz-transition: 0.1s linear all;
  		-ms-transition: 0.1s linear all;
  		 -o-transition: 0.1s linear all;
  				transition: 0.1s linear all;
}

a.appointments-login_link-cancel:active,  .app_submit_btn:active {
	border: 1px solid #b1b1b1;
	color: #7f7f7f;
	background: #d0d0d0; /* Old browsers */
	background: -moz-linear-gradient(top,  #d0d0d0 0%, #dfdfdf 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d0d0), color-stop(60%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d0d0d0 0%,#dfdfdf 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d0d0d0 0%,#dfdfdf 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d0d0d0 0%,#dfdfdf 60%); /* IE10+ */
	background: linear-gradient(top,  #d0d0d0 0%,#dfdfdf 60%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);

  -webkit-transition: 0s linear all;
     -moz-transition: 0s linear all;
  		-ms-transition: 0s linear all;
  		 -o-transition: 0s linear all;
  				transition: 0s linear all;
}

.app_form_container {
	text-align: center;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
}


.appointments-login_links {
	margin: 0;
	padding: 0;
	list-style: none !important;
}

ul.appointments-login_links li {
	text-align: center;
}

ul.appointments-login_links li a {
  text-decoration: none;
}


a.appointments-login_link-facebook {
  cursor: pointer;
  display: inline-block;
  background: #3B5998 url(/wp-content/plugins/appointments/images/app-sprite01.png) 5px 5px no-repeat !important;
  padding: 5px 14px 6px 30px;
  text-shadow: 0 1px 1px #333;
  color: #fff;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #2a406d;
  -webkit-border-radius: 4px;
  	 -moz-border-radius: 4px;
  				border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

  -webkit-transition: 0.1s linear all;
  	 -moz-transition: 0.1s linear all;
  		-ms-transition: 0.1s linear all;
  		 -o-transition: 0.1s linear all;
  				transition: 0.1s linear all;
  margin-top: 20px;
}
a.appointments-login_link-facebook:hover, a.appointments-login_link-facebook.active {
  background: #2a406d url(/wp-content/plugins/appointments/images/app-sprite01.png) 5px 5px no-repeat !important;
  color: #fff;
  text-decoration: none;
}

a.appointments-login_link-twitter {
  cursor: pointer;
  display: inline-block;
  background: #439eb8 url(/wp-content/plugins/appointments/images/app-sprite01.png) 5px -17px no-repeat !important;
  padding: 5px 14px 6px 30px;
  text-shadow: 0 1px 1px #333;
  color: #fff;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #39859b;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 	 				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

  -webkit-transition: 0.1s linear all;
  	 -moz-transition: 0.1s linear all;
  		-ms-transition: 0.1s linear all;
  		 -o-transition: 0.1s linear all;
  				transition: 0.1s linear all;
  margin-top: 10px;
}
a.appointments-login_link-twitter:hover, a.appointments-login_link-twitter.active {
  color: #fff;
  text-decoration: none;
  background: #338ba4 url(/wp-content/plugins/appointments/images/app-sprite01.png) 5px -17px no-repeat !important;
}

a.appointments-login_link-google {
  cursor: pointer;
  display: inline-block;
  background: #94E3F9 url(/wp-content/plugins/appointments/images/google.png) 5px 5px no-repeat;
  padding: 5px 14px 6px 30px;
  text-shadow: 0 1px 1px #333;
  color: #fff;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #439eb8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
  margin-top: 10px;
}
a.appointments-login_link-google:hover, a.appointments-login_link-google.active {
  background: #439eb8 url(/wp-content/plugins/appointments/images/google.png) 5px 5px no-repeat;
  color: #fff;
  text-decoration: none;
}

a.appointments-login_link-wordpress {
  cursor: pointer;
  display: inline-block;
  background: #777 url(/wp-content/plugins/appointments/images/app-sprite01.png) 5px -38px no-repeat !important;
  padding: 5px 14px 6px 30px;
  text-shadow: 0 1px 1px #111;
  color: #fff;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #444;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 		 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

  -webkit-transition: 0.1s linear all;
 		 -moz-transition: 0.1s linear all;
  		-ms-transition: 0.1s linear all;
  		 -o-transition: 0.1s linear all;
  				transition: 0.1s linear all;
  margin: 10px 0;
}
a.appointments-login_link-wordpress:hover, a.appointments-login_link-wordpress.active {
  background: #444 url(/wp-content/plugins/appointments/images/app-sprite01.png) 5px -38px no-repeat !important;
  color: #fff;
  text-decoration: none;
}

a.appointments-register_link-wordpress {
  font-size: 13px;
}

a.appointments-login_link-facebook, a.appointments-login_link-twitter, a.appointments-login_link-wordpress, a.appointments-register_link-wordpress {
  font-family:  Lucida Grande, Helvetica Neue, Helvetica, Arial;
  text-shadow: 0 1px 0px rgba(0,0,0,0.4);
  font-weight: normal;
}

a.appointments-login_link-submit {
  /*width: 50px;*/
  cursor: pointer;
  display: inline-block;
  background: #999;
  padding: 5px 14px 6px 20px;
  text-shadow: 0 1px 1px #111;
  color: #fff;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
  margin-bottom: 5px;
}
a.appointments-login_link-submit:hover, a.appointments-login_link-submit.active {
  background: #444 ;
  color: #fff;
  text-decoration: none;
}
/* _________________________
   added css 20 Aug, @victor */

.appointments-list table {
  padding: 0;
  margin: 0;
  table-layout: fixed;
}

.appointments-list table td { border: 1px solid #d0d0d0; color:#333; }
.app_timetable_cell { color:#333; }
.appointments-list table th {
  width:10%;
  background-color: transparent;
  text-align: center;
  text-transform: none;
  font-size: 1em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 200;
  border: 1px solid #d0d0d0;
  color: #474747;
}
.entry-content .appointments-list td.appointments-weekly-calendar-hours-mins { width:30%; }
.entry-content .appointments-list td {
  width:10%;
  vertical-align: middle;
}
.appointments-list table th.hourmin_column { width:30%; }
.appointments-list table tbody tr:nth-child(2n+1) { background-color: rgba(247,247,247,0.2); }
.appointments-list table td { height:3em; font-size:0.7em; }
.appointments-list table td.busy:after,
.appointments-list table td.notpossible:after {
  content: '\00D7';
  position: relative;
  text-align: center;
  vertical-align: middle;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 2.1em;
  display: block;
  color: #d1d1d1;
}
.appointments-list table td:hover { opacity: 1;}
.appointments-list table td.free:hover,
.appointments-list table td.free.today { opacity: 0.7; font-weight: bold; }
.busy, .notpossible { cursor:not-allowed; }
#content tr td.free.selected,
tr td.free.selected { border-top:none; border:2px solid #fff; opacity: 0.5; }
.app_timetable_cell.free.selected { opacity: 0.5; }

/* month view */
.app_monthly_schedule_wrapper table th {
  width: 14%;
}

.app_monthly_schedule_wrapper table td.busy:after,
.app_monthly_schedule_wrapper table td.notpossible:after{
  content: '';
  line-height: 0;
}
.app_monthly_schedule_wrapper table tbody tr:nth-child(2n+1) { background-color: inherit; }
.app_monthly_schedule_wrapper table td p { margin-bottom: 0.5em; margin-left: 4px; }
.app_timetable_cell { text-align: center; width: 30%; border: none; margin:1px; }
.appointments-my-appointments  { font-size: 0.8em; }
/* text layout */
.appointments-my-appointments table,
.appointments-my-appointments,
.appointments-all-appointments table,
.appointments-all-appointments,
.appointments-wrapper {
  width: 100%;
}
.appointments-my-appointments table th { font-size: 1.2em; background-color: rgba(230, 230, 230, 0.2); }
.appointments-my-appointments table th,
.appointments-my-appointments table td { width:15%; padding:1.5%; }
.appointments-my-appointments .my-appointments-status { width:15%; }
.appointments-my-appointments .my-appointments-date { width:25%; }

.appointments-all-appointments  { font-size: 0.8em; }
.appointments-all-appointments table th { font-size: 1.2em; background-color: rgba(230, 230, 230, 0.2); }
.appointments-all-appointments table th,
.appointments-all-appointments table td { width:20%; padding:1.5%; }
.appointments-all-appointments .all-appointments-status { width:15%; }
.appointments-all-appointments .all-appointments-date { width:25%; }

.appointments-wrapper { margin-top:10px; }
.appointments-wrapper h2 { font-size: 1.9em; }

.app_services_dropdown_title,
.app_workers_dropdown_title,
.app_service_locations_dropdown_title,
.app_provider_locations_dropdown_title
{ font-size:1.4em; margin:10px 0; font-weight: bold; }

.app_service_excerpts { margin: 0.5em 0; }
.appointments-wrapper h3,
.appointments-confirmation-wrapper h3 { font-size: 0.8em; font-weight: 500; text-transform: uppercase; }
.appointments-legend { margin:1em 0; }
.appointments-legend-table { float: left; clear: both; }
.appointments-pagination { clear:both; }

/* form elements */
.app_services_dropdown_select,
.app_workers_dropdown_select,
.app_service_locations_dropdown,
.app_provider_locations_dropdown
{ padding: 0.4em 0; }
.app_services_dropdown_select select,
.app_workers_dropdown_select select,
.app_service_locations_dropdown select,
.app_provider_locations_dropdown select
{ margin-right: 1em; }

.appointments-pagination {
  /*border-top:1px solid rgba(100,100,100, 0.1);*/
  padding:1.2em 0;
}
.appointments-pagination a {
  color: #474747;
  text-decoration: none;
  text-shadow:0 1px 0 #fff;
  padding:0.2em 1.2em;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow:
    0 1px 1px #b2b2b2,
    inset 0 -1px 2px #f9f9f9,
    0 0 0 1px #9b9b9b;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(90deg, #ededed 0%, #ededed 0.24%, #fff 70.17%, #fff 100%);
  background-image: -o-linear-gradient(90deg, #ededed 0%, #ededed 0.24%, #fff 70.17%, #fff 100%);
  background-image: -webkit-linear-gradient(90deg, #ededed 0%, #ededed 0.24%, #fff 70.17%, #fff 100%);
  background-image: linear-gradient(90deg, #ededed 0%, #ededed 0.24%, #fff 70.17%, #fff 100%);
}
.appointments-pagination a:hover {
  text-decoration: none;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(90deg, #e0e0e0 0%, #e0e0e0 0.24%, #fff 70.17%, #fff 100%);
  background-image: -o-linear-gradient(90deg, #e0e0e0 0%, #e0e0e0 0.24%, #fff 70.17%, #fff 100%);
  background-image: -webkit-linear-gradient(90deg, #e0e0e0 0%, #e0e0e0 0.24%, #fff 70.17%, #fff 100%);
  background-image: linear-gradient(90deg, #e0e0e0 0%, #e0e0e0 0.24%, #fff 70.17%, #fff 100%);
}

a#app_schedule { height:0; padding: 0; width: 0; line-height: 0; font-size: 0; position: absolute; }

.appointments-confirmation-wrapper fieldset { border:1px solid #999; padding: 20px; }
.appointments-confirmation-wrapper fieldset div { margin:0 0 10px 0; }
.app_worker_excerpts { margin:10px 0; }
/* helpers */
.app-clearfix:before,.app-clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.app-clearfix:after{clear:both;}
.app-clearfix{zoom:1;}

/* animation */
.appointments-confirmation-start label {
  -webkit-transition: 0.3s linear all;
     -moz-transition: 0.3s linear all;
      -ms-transition: 0.3s linear all;
       -o-transition: 0.3s linear all;
          transition: 0.3s linear all;
}

/* error box */
.error {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	background-color: #FFEBE8;
	border-color: #C00;
}

div.error {
	padding: 0 0.6em;
	margin: 5px 15px 2px;
}

div.error p {
	margin: 0.5em 0;
	padding: 2px;
}
.wrap div.error {
	margin: 5px 0 15px;
}

/* tablesorter */
table.tablesorter thead tr .header {
	/*background-image: url(/wp-content/plugins/appointments/images/bg.gif); No such thing*/
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	/*background-image: url(/wp-content/plugins/appointments/images/asc.gif); No such thing*/
}
table.tablesorter thead tr .headerSortDown {
	/*background-image: url(/wp-content/plugins/appointments/images/desc.gif); No such thing*/
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
opacity: 0.5;
}

.app-scheduled_appointment {
  cursor: pointer;
  padding: 0 2px;
}
.app-scheduled_appointment.app-is_service {
  opacity: .7;
}
.app-scheduled_appointment.app-is_mine {
  font-weight: bold;
}
.app-worker_monthly_calendar td {
  height: 6em;
  width: 14.2%;
  vertical-align: top;
  padding: 5px !important;
}
.app-worker_monthly_calendar td.app-today, .app-worker_monthly_calendar td.app-today:hover {
  background: rgba(164,33,33,.2);
}
.app-worker_monthly_calendar td .app-end_time {
  display: none;
}
.app-worker_monthly_calendar td p {
  margin: 0; padding: 0;
  opacity: .5;
  font-size: 2em;
}
.app-worker_monthly_calendar-out {
  clear: both;
}
.app-worker_monthly_calendar-out ul, .app-worker_monthly_calendar-out ul li {
  list-style: none !important;
  background-image: none !important;
  margin: 0 !important; padding: 0 !important;
}
.app-worker_monthly_calendar-out ul li {
  float: left;
  width: 24%;
  margin-right: 1% !important;
}
.app-worker_monthly_calendar-out ul li b {
  display: block;
}

/* ----- Breakpoints ----- */
@media screen and (max-width : 768px) {
  .app_monthly_schedule_wrapper, .app_timetable_wrapper {
    width: 100%;
  }
  .app_monthly_schedule_wrapper table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
  }
  .appointments-confirmation-wrapper span {
    float: none;
    width: auto;
  }
}


/* 152439-1513971329 */