/* STICKY FOOTER
================================================== */
footer { margin: 0; }
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
}


/* FLUID LAYOUT
================================================== */
.container-fluid .row { margin-left: 0; margin-right: 0; }


/* SECONDARY NAV ADJUSTMENTS
================================================== */
.nav.nav-pills { padding-left: 15px; padding-right: 15px; }
#sub-menu .navbar-form { margin-top: -35px; }


/* BOOTSWATCH ADJUSTMENTS
================================================== */
/* Set the top margin on the content Section to 0. Change the top padding to 0 unless using a fixed navbar */
#content { padding-top: 0; margin-top: 0; }
/*.well { padding: 5px 10px; }*/
.page-header { margin: 0 0 5px; padding-bottom: 0; }


/* BACK TO TOP
================================================== */
#toTop { bottom: 10px; cursor: pointer; display: none; position: fixed; right: 5px; text-align: center; z-index: 500; }
#toTop:hover { opacity: .7; }


/* FORM ERROR
================================================== */
.input-validation-error { border-color: #bd4247 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important; }
.validation-summary-errors, .field-validation-error { font-size: .9em; color: #bd4247; }


/* LOGIN/REGISTRATION FORM
================================================== */
/* set size and position of login/registration form */
.logreg { width: 500px; margin: 40px auto; padding: 20px 10px; border-radius: 10px; }
.logreg .lregister { text-align: center; }
.logreg .social { margin: 0 auto 20px; float: none; text-align: center; }
.logreg .social a.circle { text-align: center; width: 56px; height: 56px; border-radius: 100%; margin: 0 20px; display: inline-block; -webkit-transition: border-color ease-in .1s; -moz-transition: border-color ease-in .1s; -o-transition: border-color ease-in .1s; transition: border-color ease-in .1s; }
.logreg .social a.circle:hover { border-color: rgba(0, 0, 0, 0.3); }
.logreg .social a.circle img { display: inline-block; margin-top: 15px; }
.logreg .social a.facebook { background: #45619d; border: 1px solid #45619d; }
.logreg .social a.twitter { background: #19b1e7; border: 1px solid #19b1e7; }
.logreg .social a.google { background: #d74937; border: 1px solid #d74937; }
.logreg .division { margin: 0 auto 18px; float: none; overflow: hidden; width: 100%; position: relative; text-align: center; }
.logreg .division .line { border-top: 1px solid #eee; width: 34%; top: 10px; position: absolute; }
.logreg .division .l { left: 0; }
.logreg .division .r { right: 0; }


/* BLOG
================================================== */
.tags,
.meta { font-size: .9em; }
/* move comment count inline with other meta items */
.commentcount { margin-top: -18px !important; margin-right: 5px; }
/* remove list style and margin from blog list */
.search-results.content-items,
.blog-posts,
.tagged-posts,
.comment-list,
.archive-trail + ul,
.projection-page ul { list-style: none; margin-left: 0; padding-left: 0; }
/* reduce size of author & meta and display on same line */
.comment-author,
.cmeta { font-size: .9em; display: inline-block; }
/* create space between meta and comment text */
.comment p { margin-top: 5px; }
/* add spacing for threaded comments */
.comment .comment-list { margin: 20px 20px 0; }
.comment-form { margin-top: 10px; }


/* SEARCH WIDGET
================================================== */
.widget-search-form { float: none !important; }


/* TWITTER WIDGET
================================================== */
.latest-twitter-list h5 { display: inline-block; margin: 0; }
.latest-twitter-list { margin-left: 0 !important; padding-left: 0; }


/* RECENT BLOG POSTS WIDGET
================================================== */
.widget-recent-blog-posts .content-items { padding-left: 0; }
.widget-recent-blog-posts .icon-li { margin-top: 3px; }


/* SHAREBAR
================================================== */
.well .sharebar { padding-top: 5px; }


/* ZEN GALLERY
================================================== */
ul.gallery { padding-left: 0; }
ul.gallery li { padding: 0 5px !important; }
.pp_nav p { margin: 0 4px !important; }

/*
    ++++++++++++++++++ additional tweaks
*/
/*
    ++++++++++++++++++ display image to the left on the summary
*/
article.media-item.media-item-summary.image {
  float: left;
  margin-right: 20px;
}

/*
    ++++++++++++++++++ create margin below read more link...
                       change color , make text bold 
*/
a.btn.btn-link {
  /*margin-bottom: 20px;*/
   color: #3f97d2;
  font:bold;
  /*font-size: large;*/ 
}

 a {
 /**/ color: #3f97d2 ; 
  text-decoration: none;   
}
 /* move comments below  the well, it was overlapping before*/
 .form-group.col-lg-12 {
  margin-top: 20px;
}

 /* header on projection to be minimized*/
 h1>a {
  font-size: 26px;
}
 /*h1, .h1 {
    font-size: 26px;
}*/

 .page-header h1 {
    font-size: 26px;
}
 

.media-item-summary img {
    padding-bottom:10px;
}
 
/*move the left aside to the same position as the main page*/
/*aside.col-lg-3 {
    margin-top: 34px;
}*/
 
/*fetured image section*/

.featured-wrapper {
  position: relative;
}

.featured-wrapper img {
   max-width:100%;
  height:auto;
}

.featured-wrapper .overlay {
 position: absolute;
  top:230px;
  left:5px;
  width:100%;
       
  height:auto;
}
  .featured-wrapper .overlay a {
       color:white;
       font-size: 25px;
       padding: 5px;
       padding-top:0;
       padding-bottom:0;
    }
    .featured-wrapper h2 {

        padding: 5px;
    }
  /*padding below partner news items to move down hr*/
  article.partner-news.content-item.clear {
      padding-bottom:10px;
}


/*change font color to black*/
body {

    color:black;
}

/*make sure hr don't float to teh left of other elements, e.g images*/
hr{ clear:both;}


/*********************** footer**************************************************************/
 
.footer-offset {
    padding-bottom:10px;    
     text-align: center;
        vertical-align: middle;    
}
      html > body .divider {
        font-style: normal;
        height: 240px;
    	border: 1px solid #888;   
        border-top-width : 10px;       
        border-bottom-width : 10px;
    	-webkit-box-shadow: 1px 2px 1px #ccc;
    	box-shadow: 1px 2px 1px #ccc;
        vertical-align: middle;           
            
    } 
     
footer li {
    margin-right: 0.2em;
}
   
/*format right side haders*/
.widget-projection-widget h3 {
    font-size: 18px;
}

aside.col-lg-3 {
     margin-top: 0; 
}

/*share bar*/
.col-lg-1 > .fa-share {
    margin-top: 8px;
}

/*share bar*/
span.fa.fa-share {
    font-size: 20px;
}

/*resizing text on feaured image to fit*/
@media (max-width: 708px) {
    .featured-wrapper .overlay {
       position: absolute;
       top:0;
       left:0;
    }        

     .featured-wrapper .overlay a {
              font-size: 15px;
        }    
}

@media (max-width: 1440px) {
    .divider {
        display: none;
    }

    footer li {
        margin-right: 0.1em;
        padding-top:4px;
    }
    /* display fixed footer with the  follow us buttons*/
     .zone-footer {
        position:fixed;
        bottom:0; 
        right:0;
        left:0;      
        background-color: #f5f5f5;
        width:100%;     
        height:60px;
    }     
     /*remove follow us from the top*/
.divfix {   
     display:none;

}

}

/*scroll right list of articles into view for desktops*/
@media (min-width: 1441px) 
{    

  .divfix {   
    top: 1%;
    right: 1%;
    position: fixed;
    z-index: 3000;    
}
  .zone-footer ul { padding-top:3px; }  
}

@media (max-width: 360px) {
    /*share bar*/
span.fa.fa-share {
    display:none;
}
}

/*image for the blog*/
.img-responsive-pad20 {  
    padding-bottom:20px;
}

/*make the title on the featured image stand out*/
.overlay a {
        background-color: rgba(128, 128, 128, 0.76);
}

/*positioning of the brand logo*/
.navbar-header a img {
    padding-top: 10px;
    padding-right: 10px;
}


/*modalless style overwrides*/
/*body.modal-open {
    overflow:auto;
}
*/
.modal_modeless {
    position:static;    
    display:none;
} 
   
 .modal_dialog_modeless
     {  
    z-index: 99999;
    margin-right: 10px !important;
    top: 20% !important;
    position:fixed !important;
    overflow:hidden !important;
    
}


.widget-SocialPopup .col-lg-12 {
    max-height: 0;
}

.widget-SocialPopup .rbm_bnr_txt {
    position:static;
    background-color:#eeeeee
}

/* collaro for the close button*/
.widget-SocialPopup a.rbm_btn_x_out_shtr.rbm_bnr_close.rbm_bnr_cl_btn {
    background-color: #999999;
}

/*hack for loading twitter follow us button in ei and firefox*/
.preloading {
    display:block;    
    left: -2000px;
    top: -2000px;
    position:absolute;
     
}
/*******end modalless styles*/

/*navbar image*/
/*.navbar .container img
{
    padding-top: 10px;
    padding-right: 10px;
}*/
/* keep element at the fixed position on the page*/

/*.followus { margin-top: -30px;  position:fixed; }*/

 

 
