/*********************************************
Theme Name: Health Fit theme
Theme URI: http://healthfit.com
Description: Version 2.0 of Health Fit Theme 
Author: Joe Njenga
Author http://njengah.com

**********************************************/

/************************************************************
  All CSS Files Combined into this main Sheet
  All CSS instyles have been added here bottom of Style sheet
  ***********************************************/ 


/**************************************
Mega Menu Custom Styles 
***************************************/ 

.rpwe-block ul{
}

.rpwe-block li{
list-style:none margin-bottom:0px !important;
}

.rpwe-block a{
}

.rpwe-block h3{
}

.rpwe-thumb{
width:60px !important;
height:60px !important;
float:left; margin:0 10px 10px 0;
}

.rpwe-summary{ margin-top:5px; margin-bottom:10px;
}

.rpwe-time{
}

h3.rpwe-title a{color:#000000 !important;}

.rpwe-alignleft{
}

.rpwe-alignright{
}

.rpwe-alignnone{
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: \"\";
display: table;
}

.rpwe-clearfix:after{
clear:both;
}

.rpwe-clearfix{
zoom: 1;
}
/*********************
 Mega Menu Ends 
*************************/


/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
html{ margin: 0; padding: 0; }
body {    padding-top: 0px; font-family: 'Open Sans', sans-serif; margin: 0; padding: 0;}

a {

    color: #72c1ba !important;
    text-decoration: underline;

}

html,
body {
	margin:0;
	padding:0;
	height:100%;
}

home header{ border-top: 5px solid #8ec6c1;}


#homerightside {margin-top:20px;}

#main-container{ width: 1000px; margin: 0 auto 20px auto;}
footer .container{ width: 1000px; margin: 0 auto 0px auto;}



header .container{width: 1000px; margin: 0 auto;}



.navbar-default{ background: #89bc57;border-color: none;}

.navbar-default a{ color: #FFF !important;}

.navbar-default .container{ width: 984px;}



.navbar-form { margin-top: -50px; }



#content #main h1{ color: #70c0ba; margin-bottom: 0; padding-bottom: 2px; border-bottom: 2px solid #89bc57; padding-left: 40px; background: url(images/icon-title.png) 1px 4px no-repeat;}



#content #main .post_content{ background-color: #f8f8f5; padding: 20px;}



.page-header { border-bottom: none !important;  margin: 20px 0 5px;}



.widget_extended-categories, .widget_categories{ margin-left: -10px;}

.widget_extended-categories ul li,.widget_categories ul li{ display: block; margin: 5px 5px 5px -35px; padding: 0px; background: #f8f8f5 url(images/green-dot.png) 8px 11px no-repeat; width: 170px; height: 30px; padding-left: 20px;}

.widget_extended-categories ul li a,.widget_categories ul li a{ display: block; padding: 3px; color: #403e3a !important; }

.widget_extended-categories ul li:hover,.widget_categories ul li:hover{ background-color: #a1c6c3 !important;}

.widget_extended-categories ul,.widget_categories ul{ margin-left: 0px;}

.widget_extended-categories h4,.widget_categories h4{ background: url(images/icon-health-conditions.png) 5px 10px no-repeat; line-height: 40px; color: #5bb5a9; font-size: 13px; padding-left: 30px; text-transform: uppercase;}



#sidebar1 .see_all{ display: block; padding: 3px 10px; background-color: #8ec6c1; color: #FFF; font-size: 12px; width: 60px; }

#sidebar1 .see_all { color: #403e3a !important;}



#sidebar1{ width: 200px; margin-left: -30px;}
#popcat-widget-2{  margin-bottom: 130px;}
#sidebar2 #text-2 h4, #popcat-widget-2 h4{background: url(images/icon-health-conditions.png) 5px 10px no-repeat; line-height: 40px; color: #5bb5a9; font-size: 13px; padding-left: 30px; text-transform: uppercase;}

#sidebar2 .popular_topics, .popular-category-list { width: 240px; margin-left: 0px;}

#sidebar2 .popular_topics li, .popular-category-list li{ float: left; list-style: none; background: #f8f8f5;  margin: 1px; margin-left: 0; text-align: center; }

#sidebar2 .popular_topics li a, .popular-category-list li a{ display: block; padding: 8px 7px; margin: 1px;background: #f8f8f5; width:95px; font-size: 11px; color: #403e3a !important; min-height: 50px; float: left; margin-left: -10px;}

#sidebar2 .popular_topics li a:hover, .popular-category-list li a:hover{ background: #a1c6c3; }





#sidebar2 #wpp-2, #wpp-3{ margin-top: 10px;}

#sidebar2 #wpp-2 h4, #wpp-3 h4{background: url(images/icon-most-popular.png) 5px 10px no-repeat; line-height: 40px; color: #5bb5a9; font-size: 13px; padding-left: 35px; text-transform: uppercase;} 

#sidebar2 #wpp-2 ul.wpp-list { width: 250px; border-left: 1px solid #b2dbd8;border-top: 1px solid #b2dbd8;border-right: 1px solid #b2dbd8; margin-left: 0px; background-color: #f8f8f5; }

#sidebar2 #wpp-2 ul.wpp-list li,#wpp-3 ul.wpp-list li{ margin: 0px 0 3px -40px; background-color: #f8f8f5; padding: 15px 10px; border-bottom: 1px solid #b2dbd8; height: 100px; display: block;}

#sidebar2 #wpp-2 ul.wpp-list li a, #wpp-3 ul.wpp-list li a{ color: #403e3a !important; font-size: 11px;}

#sidebar2 #wpp-2 ul.wpp-list li img, #wpp-3 ul.wpp-list li img{ border: 1px solid #cecece; padding: 1px;}
#sidebar2 #wpp-2 .wpp-excerpt,#sidebar3 #wpp-3 .wpp-excerpt{ font-size: 12px; }
#sidebar2 #wpp-2 .wpp-post-title, #sidebar3 #wpp-3 .wpp-post-title{ font-weight: bold;  font-family: 'Open Sans', sans-serif;clear: both;}




#sidebar2 #recentcomments {width: 200px; border-left: 1px solid #b2dbd8;border-top: 1px solid #b2dbd8;border-right: 1px solid #b2dbd8; margin-left: 10px; background-color: #f8f8f5;  list-style: none;}

#sidebar2 #recentcomments li{ margin: 0px 0 3px -40px; background-color: #f8f8f5; padding: 15px 10px; border-bottom: 1px solid #b2dbd8; color: #403e3a; font-size: 11px;}

#sidebar2 #recentcomments li a{ color: #403e3a !important; font-size: 11px;}



#sidebar2 .widget_recent_comments h4{background: url(images/icon-comments.png) 5px 10px no-repeat; line-height: 40px; color: #5bb5a9; font-size: 13px; padding-left: 35px; text-transform: uppercase;} 



/*sidebar3*/

#sidebar3 #text-3, #sidebar2 #text-5 { display: block; background-color: #89bc57; text-align: center;  padding-bottom: 10px; width: 250px;}

#sidebar3 #text-3 h4, #sidebar2 #text-5 h4{ margin: 0; background-color: #e5f1d8; padding: 5px; text-align: center; font-size: 15px; color: #403e3a; }

#sidebar3 #text-3 img, #sidebar2 #text-5 img{ margin-top: 10px;}

#sidebar3 #wpp-3 ul.wpp-list{width: 250px; border-left: 1px solid #b2dbd8;border-top: 1px solid #b2dbd8;border-right: 1px solid #b2dbd8; margin-left: 1px; background-color: #f8f8f5; }

#sidebar3 #text-4{ }

#sidebar3 #text-4 ul.dolorguide li{ display: block; margin: 5px 5px 5px -35px; padding: 0px; background: #f8f8f5 url(images/green-dot.png) 8px 11px no-repeat; width: 170px; height: 30px; padding-left: 20px;}

#sidebar3 #text-4 ul.dolorguide li:hover{ background-color: #a1c6c3 !important;}

#sidebar3 #text-4 ul.dolorguide li a{ display: block; padding: 3px; color: #403e3a !important; }

#sidebar3 #text-4 ul.dolorguide{ margin-left: 0px;}

#sidebar3 #text-4 h4{ background: url(images/icon-guide.png) 5px 10px no-repeat; line-height: 40px; color: #5bb5a9; font-size: 13px; padding-left: 30px; text-transform: uppercase;}



/*navbar*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: #a1c6c3; color: #FFF;}

.navbar-default .navbar-nav > li > a { color: #FFF;}

.navbar-nav > li > a{ padding-left: 40px;padding-right: 40px;}

.navbar-nav > li.menu-item a:hover{background: #a1c6c3;}



#homefeatured{  /*height: 342px; */ height: 292px; display: block; background: #f8f8f5; padding-left: 0px !important;padding-right: 0px !important; margin-bottom: 20px !important;}

#homerightside{ padding-left: 0px; padding-right: 0; }

#homefeatured h1{line-height: 32px; color: #FFF; background-color: #8ec6c1; font-size: 28px; padding-left: 35px; text-transform: uppercase; margin: 0; padding: 10px; font-family: 'Open Sans', sans-serif;}

#homefeatured .featured-image{ width: 404px; height: 268px;border: 1px solid #cecece; margin-right: 15px;margin-bottom: 15px;}

#homefeatured h2{ font-size: 20px;text-transform: uppercase;  margin-right: 10px;}

#homefeatured h2 a{ color: #4b4944;}

#homefeatured p{ margin-left: 15px; margin-right: 10px;}

#homefeatured .featured_continue{  color: #8ec6c1; float: right; font-size: 22px !important; margin: 30px 20px;}
#homefeatured .featured_continue a{ color: #8ec6c1;}

#homebottomfeatured{ width: 760px; border: 1px solid #d9e9e8; display:block; height: 275px; padding: 0px; float: left; margin-left: -200px; background-color: #e2f1f0; margin-bottom: 20px; margin-top: 20px;}
#homebottomfeatured .featured2content{ margin: 10px; float: left; width: 380px;}
#homebottomfeatured img.floatright{ float: right; margin: 0 !important;}
#homebottomfeatured h3{ color: #403e3a; margin-top: 3px !important; font-family: font-family: 'Open Sans', sans-serif !important;}
#homebottomfeatured h5{ color: #807e75;}
#homebottomfeatured .learnmore{ text-align: right; margin: 70px 10px;}

.health_articles{ margin-bottom: 20px;}
.health_topics h2{ color: #5bb5a9;  background: url(images/icon-health.png) 0 0 no-repeat; padding-left: 40px; border-bottom: 1px solid #5bb5a9;}
.health_articles h2{ color: #5bb5a9;  background: url(images/icon-articles.png) 0 0 no-repeat; padding-left: 40px; border-bottom: 1px solid #5bb5a9;}


.health_topic_entry{ padding: 3px; margin: 3px; }
.health_topic_entry .entry_content{ float: right; width: 150px; margin: -3px 0 0 -3px; }
.health_topic_entry .entry_content h5{ font-size: 13px; margin-top: 1px;margin-bottom: 1px;}
.health_topic_entry .entry_content h5 a{ color: #403e3a !important; font-size: 14px !important; font-weight: normal !important;}
.health_topic_entry .entry_content span{  color:#5BB5A9; font-size: 11px;}
.health_topic_entry .entry_content p{ font-size: 11px; color: #403e3a;}
.health_topic_entry img{ border: 1px solid #cecece; padding: 1px;}
img.floatleft{ float: left;}
img.floatright{ float: right;}

/*forms*/
.form-control { border: 1px solid #8ec6c1; border-radius: 0px; width: 250px;}
#searchform .form-control{ background: url(images/icon-search.png) 212px 0 no-repeat;}



/*footer*/
 footer {border-top: 5px solid #8ec6c1; background: #89bc57;}
 #inner-footer p{ color: #FFF; font-size: 12px; margin-top: 15px;}
  #inner-footer p a{ color: #FFF !important;}
  #inner-footer p.pull-right{ margin-top: 7px;}

 /*custom grid*/
 .col-md-5-custom{width: 47.6667%; float:left; position:relative;}

 .floatright{ float: right; margin: 5px 1px 5px 5px;}

/*slider*/
 .smooth_slideri h2 a{ color: #403e3a !important; font-size: 24px !important; }
  .smooth_slideri h2 {margin-top: 20px !important; font-family: 'Open Sans', sans-serif !important;}

  .smooth_slider {
    padding: 0 5px 0 0 !important;
    width: 100%;}
.smooth_sliderb{ margin-top: 0px !important; margin-bottom: 0;}
.smooth_slideri .smooth_more{  color: #8ec6c1; float: right; font-size: 20px !important; margin: 50px 20px 5px 20px !important;}
.smooth_slideri .smooth_more a{ text-decoration: none !important;}
#smooth_slider_featured_nav{ margin-top: 20px; }
#smooth_slider_featured{ padding-bottom: 0 !important;}

.smooth_slideri .slider_thumbnail{ margin-top:0px !important;}
.smooth_slider .smooth_slideri { height: 100% !important;}


.nr_related_placeholder h3.nr_title{ background: url(images/icon-related.png) 5px 10px no-repeat; color: #5BB5A9;    font-size: 22px;    line-height: 40px;    padding-left: 30px;    text-transform: uppercase; border-bottom: 1px solid #5BB5A9;}
ul.list li{ display: block; padding: 2px; background: url(images/green-dot.png) 8px 7px no-repeat; width: 170px; height: 25px; padding-left: 20px; margin-left: -15px;}

#gform_1{ }
.contact-form .gform_heading{ margin-bottom: 0 !important;}
.contact-form .gform_body{}

/* Reduces the title font size and displays more than two title lines */
.yarpp-thumbnails-horizontal{ margin-bottom: 30px;}
.yarpp-thumbnail , a.yarpp-thumbnail img{height: 100px !important;}
.yarpp-thumbnail-title {font-size:0.8em !important; max-height: 4em !important}
a.yarpp-thumbnail, .yarpp-thumbnails-horizontal .yarpp-thumbnail { border: none !important;}
a.yarpp-thumbnail img{  border: 1px solid #cecece;    padding: 1px;}


.yarpp-related h3{color: #5BB5A9;  font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    line-height: 40px;}

/* Centers the thumbnail section */
.yarpp-related-widget {text-align:center !important;}


@media (min-width: 320px) and ( max-width: 960px) {
	.hide_at960{
		display: none;		 
	}
	/*.col-md-5-custom{width: 34.6667%; float:left; position:relative;}*/
	.health_topic_entry .entry_content{width: 50%; }
	#sidebar2 #wpp-2 ul.wpp-list, #wpp-3 ul.wpp-list{ width: 100%;}
}
@media screen and  (min-width: 320px) and ( max-width: 480px;) {
	.hide_at320{
		display: none;		 
	}
}

@media screen and  (min-width: 480px) and ( max-width: 768px;) {
	.hide_at320{
		display: none;		 
	}

	.col-md-10{ width:60%;}
	#sidebar2 #wpp-2 ul.wpp-list, #wpp-3 ul.wpp-list{ width: 100%;}
}




@media screen and  (min-width: 320px) and ( max-width: 966px) {
	header .container {width:99%;}
	.navbar-default .container {width: 99%;}
}

@media screen and  (min-width: 320px) and ( max-width: 603px) {
	.hide_at620{
		display: none;		 
	}
	#homefeatured{ display: none;}
	.col-md-5-custom{ width: 98.6667% !important;}
	.health_topic_entry .entry_content { float: left; margin-left: 20px; width: 50%;}


}
@media screen and  (min-width: 320px) and ( max-width: 900px) {
	.col-md-9{ width: 99%;}
	#main-container, footer .container { width: 99% !important;}

	#sidebar2 #text-2{ display: none;}
}

#menu-footer-menu{ margin-left: 40px;}
#menu-footer-menu li{ float: left; padding: 5px; margin: 5px; list-style: none; font-size: 12px; }
#menu-footer-menu li.menu-item a{ color: #000000 !important;}

.menu-footer-menu-container{ float: right; width: 400px; margin: 0;}

.rpwe-ul li h3 a{ color: #000000 !important;}

/*optin form*/
#optin-form{ width: 215px; height: 260px; padding: 10px; background: url(images/optin-bg.jpg) no-repeat; display: block; margin-left: 5px;}
#optin-form input[type="text"],#optin-form input[type="email"]{ height: 40px; padding: 8px; margin: 5px auto; width: 180px; border: 1px solid #cecece; margin-left: 5px;}
#optin-form input[name="FNAME"]{ margin-top: 70px;}
#optin-form input[type="image"]{ margin-top: 20px; margin-left: 15px;}

/* To hide Enfold search button in menu */
#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform .field { { width: 160px !important;}

#mega_main_menu_ul .nav_search_box{  width: 200px !important;}

.archive article .post_content img.wp-post-image{ float: left; margin-right: 10px; margin-bottom: 10px;}


.post_content a {

    color: #72c1ba !important;
    text-decoration: underline;

}