/*--------------------------------------------------------------
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
*****************************************************/


    .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;

    }



  }



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

}


.gsection_description ul li

 {  padding-left: 26px;
    list-style: disc !important;


}

.gform_wrapper ul li.gfield {
  margin-top: 2em;
}

/* For multi select box*/
select[multiple]  {


}

.gfield_checkbox ul {

margin-left: 10px !important;

}

.gfield_checkbox ul li{
list-style: disc !important;
font-size: .8em;
}

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




a.formButton:hover  {

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

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

    a.formButton{
      max-width: 50%;
    }

}


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



/****************************************
ADJUSTMENTS TO MOBILE GROUP DISPLAY
*****************************************/


#buddypress #whats-new-options #rtmedia-add-media-button-post-update {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
}

#buddypress .activity-list .activity-content .activity-inner, 
#buddypress .activity-list .activity-content blockquote {
margin: 10px 0 30px 30px;
}

#buddypress .activity-list .activity-content .activity-inner p {

  font-size: 1.4em;
/*  font-weight: bold;
*/}

.rtmedia-container .rtmedia-activity-text, 
.rtmedia-activity-container .rtmedia-activity-text, 
#buddypress div.rtmedia-activity-container .rtmedia-activity-text {

  font-size: 1.4em;
/*  font-weight: bold;
*/}

#buddypress .activity-header a, #buddypress .comment-meta a, #buddypress .acomment-meta a {
font-weight: normal;
}

#buddypress .activity-list .activity-content .activity-header, 
#buddypress .activity-list .activity-content .comment-header {
  color:#999;
}

#buddypress div.activity-comments div.acomment-content {
font-size: 1.1em;
}



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




#buddypress .activity-list .activity-content .activity-inner, 
#buddypress .activity-list .activity-content blockquote {
margin: 0;
}

#buddypress div.item-list-tabs ul {

  display:none;

}

#buddypress form#whats-new-form input#aw-whats-new-submit {

  margin-top: 20px;
  margin-bottom: 10px;
}

#buddypress ul#activity-stream li.activity-item {
  margin-left: 0;
overflow: visible;
}

#buddypress ul#activity-stream li img.avatar {
width: 52px;
height: 52px;
margin-top: 5px;
margin-left: 50px;
margin-bottom: 30px;
border-radius: 50%;
}

#buddypress div.activity-comments div.acomment-avatar img {

width: 32px !important;
height: 32px !important;
position: absolute;
left: -40px !important;
top: 10px !important; 

}

#buddypress .activity-list .activity-content .activity-header, 
#buddypress .activity-list .activity-content .comment-header {
margin-left: 70px;
margin-bottom: 40px;
}

}

@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;
}

}
 /*--RTMEDIA Activity thumbnails --*/


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

#buddypress .rtmedia-activity-container .rtmedia-list .rtmedia-item-thumbnail {
  max-width: 189px;
}


#buddypress div.rtmedia-activity-container .rtmedia-list .rtmedia-list-item.media-type-photo {
  width: 40%;
}

#buddypress div.rtmedia-activity-container .rtmedia-list .rtmedia-list-item.media-type-photo:nth-child(3n) {
  clear:left;
}
}

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



#buddypress div.rtmedia-activity-container .rtmedia-list .rtmedia-list-item.media-type-photo {
  width: 30%;
}




}

#rtmedia_dashboard_widget {
  display:none;
}


/*-----SP Gravity Form Front end list/edit styles------*/

/*.frontEndList table th {

min-width: 60px;

}*/



.frontEndList table tr td{

/*padding:5px;*/

}

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

/*
  .frontEndList table{

    margin-left: -15px!important;

  }*/



}

/* end (max-width: 480px) */

div.gform_body.frontEndList {

  overflow-x:scroll;
}


.frontEndList table {
    border-collapse: collapse;
    margin-bottom: 3em;
    width: 100%;
    background: #fff;
    overflow-x: scroll;
}

.frontEndList td, th {
    padding: 0.75em 1.5em;
    text-align: left;
}



 .frontEndList td.err {
    background-color: #e992b9;
    color: #fff;
    font-size: 0.75em;
    text-align: center;
    line-height: 1;
  }
  .frontEndList th {
    background-color: #1E73BE;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
}
.frontEndList tbody th {
  background-color: #2ea879;
}
.frontEndList tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5;
    transition: all .125s ease-in-out;
}
.frontEndList tbody tr:hover {
  color:black;
  background-color: rgba(199,218,232,1);

}

.frontEndList table tr td {
  width: auto;
}

button.button.frontEndList {
  float:right;
}

/*****************************
 STUDENT PAGES
 ******************************/

/* student page form styles*/
button.select.st-sel,
button.deselect.st-sel  {
  background-color: rgba(0, 0, 0, 0);
  color:#1e73be;
}

@media screen and (min-width: 721px) {
      button.deselect.st-sel {
      float:right;
    }

    button.select.st-sel {
      margin-left: 40%;
    }

}

/* student page form styles*/

.entry-post-thumbnail img {
  max-width: 150px;
  max-height: none;
}

h3.gform_title.frontEndList {
  margin:60px 0 0 0;
}

.teacher-title, .parent-title {display:none;}



.child-general-holder h3 {
  margin:0 0 10px 0;
  color:#444;
}

div.parent-title, div.teacher-title {
  color:#444;
  text-align: center;
}


.teacher-col, .parent-col {

  display:inline-block;
  margin-bottom: 30px;
  margin-right: 30px;
  text-align:center;
}

.teacher-col img, .parent-col img {
  border-radius: 50%;
  margin:2px auto;
  width:40px;
  height:40px;
}

.child-general-holder {
  float:right;
  width: 90%;
/*  background-color: #c7dae8;*/
  padding: 20px;
/*  border:dotted 1px lightblue;*/
  border-radius: 5px;
  margin-bottom: 50px;
  clear:both;
  min-height: 300px;

}

.child-content-section {
  margin-bottom: 50px; 

}

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

    .single-students .entry-content > h3 {

      width:40%;
      float:left;
    }

    .child-content-section {
      width: 60%;
      float: left;
      clear:both;
      margin-bottom: 50px; 
    }

    .child-general-holder {
        float:right;
        width: 30%;
        padding-left: 20px;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 250px;

    }

    .teacher-col img, .parent-col img {
        width:40px;
        height:40px;
    }

}

/*Profile Page Styles*/



@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;
}
/*
#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:70%;*/
      margin:0 auto;
    }

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

    #demoBenefitList {
      width:45%;
      float:right;
    }


}


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

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




/*Upcoming Events list in Widget Styles*/
.widget_incsub_event_upcoming ul li:before{
 font-family: 'FontAwesome';
 content: '\f073';
 font-size: 1.8em;
 margin-right: 10px;
 margin-top: 10px;
 color:#9F9F9F;
}

.widget_incsub_event_upcoming ul li{
background:rgb(239, 239, 239);
margin-bottom:10px;
padding:5px 10px;

}

/*
.widget_incsub_event_upcoming ul li a{
max-width: 220px;
float:right;
margin-top: 8px;
}*/

/******************************************
 Private Messages Style updates
 ******************************************/

 /* Remove "Send New Message" from admin bar b/c it isn't working properly*/
li#wp-admin-bar-mm-compose-button.mm-compose-admin-bar {
  display:none;
}

/* Make Message modal scroll with screen so the 'Send' Button isn't stuck below the screen*/
#compose-form-container.modal{
  position:absolute!important;
  margin-top: 50px;
}



/***************************
Buddypress Group Updates
**************************/

/* remove RSS and Update type filter from Group Home page*/
li.feed,
li#activity-filter-select {
  display:none!important;
}