/*Custome Css for buddypress*/
@import 'foundation.min.css';
.submit{ border:none !important; background:none !important; background-color:transparent !important;}
.submit input,.login-submit input{ border:none !important; border-radius:4px; padding:4px 6px; background:#369FE0 !important; color:#FFF !important;}
#signup_username,#signup_password,#signup_password_confirm,.visibility-public input{ width:100% !important;}

body {
	padding-top: 80px;
	color: #848484;
}
a {
	color: #C4C2C2;
}
small, small a {
	color: #CCC;
}
.no_margin {
	margin: 0;
}
.no_padding {
	padding: 0;
}
.border-show {
	border-right: 1px dotted #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
}
.error-message {
	font-size: 600%;
}
.error-message font {
	color: #F00;
}
.hero-unit {
	text-align: center;
}
.postmetadata, .postmetadata a {
	color: #CCC;
}
.client_content {
	color: #a2a2a2;
}
.btn-default {
	color: #b8b8b8;
}
.widget-title {
	color: #999;
}
.tag-view, .category_group {
	padding: 0px;
	height: 24px;
}
.tag-view {
	margin-bottom: 0px;
}
.tag-view a, .category_group a {
	text-decoration: none;
	color: #CCC;
	text-transform: uppercase;
	padding: 4px;
	background-color: #BCBCBC;
	color: #E5E5E5;
	font-size: 75%;
	border-radius: 3px;
}
.tag-view a:hover, .category_group a:hover {
	color: #FFF;
}
.category_group {
	color: #999;
}
.category_group span {
	color: #999;
}
.tag-view li {
	margin-right: 4px;
	list-style: none;
	float: left;
	color: #999;
}
#reply-title, .form-group, .logged-in-as, .logged-in-as a {
	color: #CCC;
}
/*****************************
*****CSS for pagination*****
******************************/
.wp-paginate .current {
	background: #999999 none repeat scroll 0 0 !important;
}

.post-navi{ width:80%; margin:auto; padding:0px;}
.post-navi li{ list-style:none; float:left; background-color:#FFF; padding:10px; color:#CCC; border-radius:8px; border:#CCC 1px solid;}
.post-navi li:first-child{ margin-right:4px;}
.post-navi li:hover{ color:#666;}
.post-navi li a{ text-decoration:none;}
/*****************************
*****CSS for post sidebar*****
******************************/
.sidebar-bg {
	padding-left: 20px;
	margin-top: 20px;
}
.sidebar-bg ul {
	padding-left: 0px;
}
.sidebar-bg ul li {
	list-style: none;
}
.sidebar-bg ul li a:hover {
	text-decoration: none;
}
.sidebar-bg ul > li::before {
	bottom: 3px;
	font-family: FontAwesome;
	content: "\f101";
	display: inline-block;
	padding-right: 4px;
	vertical-align: middle;
	color: #C4C2C2;
}
.widget {
	border-bottom: #CCC 1px dotted;
	padding-bottom: 20px;
}
/*social media*/
.social li {
	list-style: none;
	float: left;
	margin-left: 4px;
	transition: .4s;
	opacity: .7;
}
.social li:hover {
	opacity: 1;
}
.social li a:hover {
	background-color: #FFF !important;
	color: #67A5D2 !important;
	transition: .4s;
}
.navbar {
	padding-top: 15px;
	padding-bottom: 15px;
}
.submit {
	background-color: #FFFFFF;
	border: none;
	padding: 4px 6px;
	color: #b8b8b8;
	border-radius: 4px;
	border: #ccc 1px solid;
}
.submit:hover {
	color: #000;
}
.margin-20 {
	margin-bottom: 20px;
}
.header_image {
	width: 100%;
}
/****Custom CSS******/
.margin-zero {
	margin: 0px;
}
.padding-zero {
	padding: 0px;
}
.navbar {
	border-bottom: #B4B4B4 1px solid;
	box-shadow: #000000 0px 0px 4px 1px;
	opacity: .90;
}
.title {
	color: #999999;
}
.title-blog, .title-blog a {
	color: #999999;
}
.testimonial-area {
	margin: 8px 6px;
}
/*******************************
************CSS for menu********
********************************/
.navbar-nav .menu-item-has-children > a:before {
	content: '';
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid #777;/*Down arrow for main menu*/
	content: "";
	display: inline-block;
	height: 0;
	right: 6px;
	position: absolute;
	top: 26px;
	width: 0;
}
.navbar-nav .menu-item-has-children > a:hover:before {
	content: '';
	border-top: none;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid #000; /*up arrow for main menu*/
	content: "";
	display: inline-block;
	height: 0;
	right: 6px;
	position: absolute;
	top: 26px;
	width: 0;
}
.navbar-nav .sub-menu:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(255,255,255,0.8); /*up arrow for sub menu*/
	position: absolute;
	top: -6px;
	left: auto;
}
.menu-item-has-children:hover > a {
	color: #000 !important;
}
.menu-item-has-children:hover > a:before {
	content: '';
	border-top: none;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid #000; /* change color here, modified for a black arrow */
	content: "";
	display: inline-block;
	height: 0;
	right: 6px;
	position: absolute;
	top: 26px;
	width: 0;
}
.sub-menu li {
	display: block;
	position: relative;
}
.sub-menu li a {
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	white-space: nowrap;
}
.navbar-nav li:hover ul {
	position: absolute;
	color: #000;
	display: block;
}
.navbar-nav li:hover li {
	float: none;
	color: #000;
}
.navbar-nav li:hover a {
	text-decoration: none;
	color: #666;
}
.navbar-nav li:hover li a:hover {
	text-decoration: none;
	color: #000;
	transition: .6s
}
.sub-menu {
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	box-shadow: -11px 1px 40px 1px #999;
	list-style: none;
	padding: 0px;
	margin-left: 24px;
	display: none;
}
.sub-menu li a {
	padding: 8px 12px;
	text-align: center;
	border-top: #CCC 1px solid;
	background-color: #FFF;
	opacity: 0.8;
}
.sub-menu li a:hover {
	opacity: 1;
}
.navbar-nav li {
	z-index: 1000;
}
.sub-menu li {
	z-index: 2000;
}
.social li:first-child {
	margin-left: 0px;
}
/**************************************
************CSS for category page********
***************************************/
.category-detail {
	margin-bottom: 4px;
	border-radius: 4px;
	padding: 20px;
	background-color: rgba(255,255,255,.4);
	box-shadow: 0px 0px 2px 0 #999;
}
.category-detail h1 {
	text-align: center;
	text-transform: uppercase;
}
.category-detail p {
	text-align: center;
}
/**************************************
************CSS for author page********
***************************************/
.auther-detail {
	margin-bottom: 4px;
	border-radius: 4px;
	padding: 20px;
	background-color: rgba(255,255,255,.4);
	box-shadow: 0px 0px 2px 0 #999;
}
.auther-detail h2 {
	text-align: center;
	text-transform: uppercase;
}
.auther-detail p {
	text-align: center;
}
.text-author {
	text-transform: capitalize;
}
/************************
****Working On Footer****
*************************/
.footer-background {
	border-top: #C6C6C6 1px solid;
	background-color: #CCC;
}
.copyright {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 0px;
	margin-bottom: 0px;
	color: #666;
}
/************************
****working on logo******
************************/
.navbar-brand {
	padding-top: 0px;
}
.theme-showcase {
	margin-top: 160px;
}


/******************************
****css for comment section****
*******************************/
.comment{height:auto;}
.commentlist,.commentlist:hover{ display:block;}

@media (max-width: 768px) {
#bs-example-navbar-collapse-1 li:first-child {
	border-top: none;
}
#bs-example-navbar-collapse-1 li {
	border-top: #FFF 1px solid;
	width: 100%;
}
#bs-example-navbar-collapse-1 li a {
	text-align: center;
	width: 100%;
}
.social li {
	margin-left: 0px;
}
.sub-menu {
	width: 100%;
	margin-left: 0px;
	position: relative;
}
.sub-menu li a {
	opacity: 1 !important;
}
.menu-item-has-children a {
	height: auto !important;
}
.nav > li {
	position: inherit !important;
}
.navbar-nav .menu-item-has-children > a:before {
	right: 20px;
	top: 50%;
}
.navbar-nav .menu-item-has-children > a:hover:before {
	right: 20px;
	top: 50%;
}
}
 @media (max-width: 980px) {
.triangle {
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 5;
	height: 5;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #0C3C60;
	z-index: 0;
}
}
