/*--------------------------------------------------------------
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%;
}
}