/*
Theme Name: Bodybuild
Theme URI: http://zylothemes.com/themes/free-fitness-wordpress-theme/
Author: zylo Themes
Author URI: http://www.zylothemes.com/
Description: Bodybuild is a Free Fitness WordPress theme. it is Beautifull and Elegent WordPress theme. You can use it for your Fitness, GYM, Yoga, Wellness Spa, Blog or any type of Business. Our theme is very flexible and easy to use Because The theme comes with social icons, footer widgets, sticky header, full width templates and upload your own logo. also Compatible with Multilingual, SEO Friendly and many WordPress Popular Plugins.

Version: 1.0.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html

Text Domain: bodybuild
Tags:blog,one-column,two-columns,right-sidebar,custom-background,custom-colors,custom-menu,sticky-post,theme-options,featured-images,threaded-comments,translation-ready

Bodybuild WordPress Theme has been created by Zylo Themes(zylothemes.com), 2016.
Bodybuild WordPress Theme is released under the terms of GNU GPL
*/
body{ margin:0; padding:0;line-height:20px; font-size:13px; color:#6E6D6D; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box;}
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#e86a35;}
a:hover{ color:#333;}
ol,ul{ margin:0; padding:0;}
.entry-content ol li, .entry-content ul li{ margin-left:15px;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#4B4A4A; font-family:'Roboto', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:32px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}
#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

.logo{float:left; z-index:999; padding:10px 0;  color:#fff;}
.logo h2{font-weight:600; margin:0; line-height:36px; color:#fff;}
.logo h2 span{ color:#e86a35;}
.logo a{ color:#fff;}
.logo p{ text-transform:none;}
body.wp-custom-logo .logo h2{ display:none;}
#pagewrap{ position: relative;}
.container{ width:1100px; margin:0 auto; position:relative;}
.header{width:100%; z-index:999; top:auto; background-color:rgba(0,0,0,0.2); position:absolute; }
.headerinner, .blog .header{ position:relative !important; background-color:rgba(0, 0, 0, 1);}
body .fixed-header {position:fixed !important; top:auto; z-index:99999; }
/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.headnav{ padding:0; text-align:right; float:right;display:none;}
.headnav ul { float:right; margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase;}
.headnav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.headnav ul li a{ padding:28px 20px; display:block; color:#fff; }
.headnav ul li ul li{display:block; position:relative; float:none; }
.headnav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left; border-bottom:1px solid #333;  }
.headnav ul li ul li a:hover, .headnav ul li ul.sub-menu li.current_page_item a{border-radius:0; }
.headnav ul li a:hover, .headnav ul li.current_page_item a, .headnav ul li.current-menu-ancestor a.parent{  color:#f98700; }
.headnav ul li ul{display:none; z-index:9999; position:relative;}
.headnav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color: rgba(0, 0, 0, 0.8);  box-shadow:0 2px 2px #000; }
.headnav ul li:hover ul li ul{display:none; position:relative;}
.headnav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}

section#home_slider{ padding:0; }
#wrapsecond{ padding:45px 0;}

/* = Services section css
-------------------------------------------------------------- */
#welcomesection{ padding:45px 0 0 0;}
.welcomebx{ text-align:center; width:80%; margin:0 auto;}
.welcomebx p{ margin-bottom:30px;}
h2.headingtitle{font-weight:600; font-size:30px; text-align:center; padding-bottom:20px; margin-bottom:30px; position:relative;}
h2.headingtitle::after{ content:""; position:absolute; width:60px; height:1px; background-color:#e86a35; bottom:0; left:0; right:0; margin:auto;}
.last_column{clear:right; margin-right:0 !important; }

/*four boxes*/
.fourboxservices{color:#6e6d6d; width:23.1%; float:left; margin:0 2.2% 0 0; position:relative; min-height:405px; box-sizing:border-box; text-align:center;}
.fourboxservices .thumbbx{ height:158px; overflow:hidden;}
.fourboxservices .thumbbx img{ width:100%; height:auto;}
.pagecontent{ padding:20px 0;}
.fourboxservices p{ margin-bottom:20px; line-height:20px; }
.fourboxservices h3{ font-size:20px; font-weight:600; color:#404040; margin:0 0 25px;}
.fourboxservices h3 a{color:#404040;}
.pagemore{ border:1px solid #404040; color:#404040 ; padding:8px 20px; display:inline-block;}
.fourboxservices:hover .pagemore{ background-color:#e86a35; border-color:#e86a35; color:#fff; }
.fourboxservices:hover h3 a{ color:#e86a35;}	

/*services section css*/
.ReadMore{ background-color:#262626; color:#fff ; padding:8px 10px;}
.MoreLink{ background-color:#262626; color:#fff ;display: inline-block; padding:6px 15px;}

/* = Our Services css
-------------------------------------------------------------- */
#serviceswrap{ padding:0 0 50px 0; margin-top:-45px; position:relative; z-index:9999;}
#serviceswrap .container{ background-color:#fff; padding:30px; position:relative; box-sizing:border-box;}

.shadowleft{ background:url(images/shadowleft.png) no-repeat left top; width:12px; height:248px; position:absolute; left:-12px; top:44px;}
.shadowright{ background:url(images/shadowright.png) no-repeat left top; width:12px; height:248px; position:absolute; right:-12px; top:44px;}
.lastcols{ margin-right:0 !important;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:740px; margin:0; padding:0; float:left;}
#sitefull{ width:100%; float:none;}
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}
#sitefull p{ margin-bottom:15px;}
.page_content{ padding:25px 0;}
.page_content p{ margin-bottom:20px; line-height:20px;}

.blogpostlists{ margin-bottom:30px; }
.blogpostlists h2 a{ color:#484f5e;}
.blogpostlists h2 a:hover{ color:#34c6f6;}
.blogpostlists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#000000;} 
.single_title{ margin-bottom:0px; font-size:20px; text-transform:none;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.post-thumb{ width:32%; float:left; margin:5px 25px 5px 0;}
.postmeta{ margin-bottom:10px;}
.post-thumb img{ width:100%;}
/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ margin-bottom:20px; color:#333; text-transform:uppercase;}
#sidebar ul li{ list-style:inside none disc; border-bottom:1px solid #f0efef; padding:8px 0;}
#sidebar ul li a{ padding:0 0 0 10px; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#f0efef; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #e86a35; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}

/* = Footer css
-------------------------------------------------------------- */
#footerwrap{position:relative; }
.footer{ background-color:#1A191A; padding:50px 0 20px; color:#595959; }
.foot-4-cols{width:22%; float:left; margin:0 4% 2% 0; box-sizing:border-box; }
.widget-column-4 { margin-right:0px !important;}
.foot-4-cols h5{ font-weight:400; font-size:20px; color:#fff; margin-bottom:25px; border-bottom:1px solid #303030; padding-bottom:15px; text-transform:uppercase; }
.foot-4-cols h5 span{ font-weight:300; color:#e86a35; }
.foot-4-cols ul{ margin:0; padding:0; list-style:inside disc;}
.foot-4-cols ul li { display:block; padding:0; border-bottom:1px solid #303030}
.foot-4-cols ul li a { color:#595959; font:normal 12px/24px Arial, Helvetica, sans-serif; background:url(images/list-arrow.png) no-repeat 0 12px; padding:5px 0 5px 20px; display:block;}
.foot-4-cols ul li a:hover, .foot-4-cols ul li.current_page_item a { color:#dd5145; }

.foot-4-cols a.readmore span{ color:#fff;}
.foot-4-cols p{ margin-bottom:15px;}
.foot-4-cols h1, .foot-4-cols h2, .foot-4-cols h3, .foot-4-cols h4, .foot-4-cols h5, .foot-4-cols h6{color:#fff;}

.contactdetail{ margin:10px 0 20px; line-height:22px;}
.contactdetail a{color:#595959;}
.contactdetail a:hover{color:#FF7D00;}
.contactdetail .fa{ margin-right:20px; font-size:16px;}
.contactdetail p{ margin-bottom:10px;}

.widget-column-2 a{font:400 20px/24px 'Roboto',san-serif;}

.copyrightwrap {  background-color:#111111; color:#555; position:relative; padding:15px 0;}
.col-left { float:left;}
.col-left span{color:#e86a35;}
.copyrightwrap a{ color:#fff; }
.copyrightwrap a:hover{ color:#e86a35; }
.col-right { float:right;}
/*footer recent post*/
div.latestpost{ margin:0px; padding:0px; list-style:none;}
div.latestpost { display:block; padding:0 0 5px 0px; margin-bottom:5px; border-bottom:#303030 1px solid;}
div.latestpost span {font-size:12px; display:block; padding-left:15px;}
div.latestpost .fa { margin:0 5px 0 0;}
div.latestpost a{color:#555; background:url(images/list-arrow.png) no-repeat left 5px; padding:0 0 0 15px; }
div.latestpost a:hover{color:#e86a35;}
div.latestpost:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}
div.latestpost p{ display:inline; line-height:22px; margin:0;}

.foot-4-cols .social-icons{ margin-top:20px;}
.foot-4-cols .social-icons a{ width:35px; height:35px; line-height:35px; margin:0 5px 5px 0; padding:0; color:#595959; border:1px solid #595959; border-radius:50%; -moz-border-radius:50%; -webkt-border-radius:50%; text-align:center; font-size:16px; display:inline-block; }
.foot-4-cols .social-icons a:hover{ color:#e86a35; border-color:#e86a35; }

/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#e86a35; width:auto; border:none; cursor:pointer; font:18px 'Roboto',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	
.sticky{ background-color:#eee; padding:25px; border-radius:5px;}
/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Roboto',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Roboto',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

/*default pagination*/
.pagination{display:table; clear:both;}
.pagination .nav-links{ margin:20px 0;}
.pagination .nav-links a{ margin-right:5px; background:#646262; color:#fff; padding:5px 10px;}
.pagination .nav-links span.current, .pagination .nav-links a:hover { padding:5px 10px; background:#e86a35;}

#slidermain{ min-height:464px; position:relative; background:url(images/slider-loader.gif) no-repeat center center #fff;}