/*!
 * BuilderEngine Blog (http://builderengine.com)
 */


/* -------------------------------
	General Styles
------------------------------- */

html {
	overflow-x: hidden;
	overflow-y: auto;
}

html, body {
	min-height: 100%;
}

body {
	color:#2E363F;
	background-color:#f1f2f7;
	font-family:'Open Sans', Arial, sans-serif;

	font-size:14px; line-height:23px;
	margin:0; padding:0;
}

#wrapper {
position: relative;
overflow: hidden;
}

header#page-title {
color: #000;
background: #eee;
position: relative;
margin-bottom: 20px;
}
header#page-title  h1,
header#page-title  h2 {
font-size: 32px;
}
header#page-title.big {
	padding:180px 0;
}
header#page-title.big h1 {
	color:#fff;
	font-size: 3em;
	line-height: 44px;
	line-height:50px;
}

header#page-title h1 {
color: #fff;
}

header#page-title.big .breadcrumb {
	background:rgba(255,255,255,0.8);
	padding:0 5px;
}

	html.overflow-hidden,
	body.overflow-hidden {
		overflow:hidden !important;
	}

	section.margin-footer {
		margin-bottom:-81px; /* see wrapper padding */
	}

	span.global-overlay {
		background-color:rgba(0,0,0,0.3);
		position:fixed;
		top:0; right:0; bottom:0; left:0;
		z-index:99;

		-webkit-transition: all 0.8s;
		   -moz-transition: all 0.8s;
			 -o-transition: all 0.8s;
				transition: all 0.8s;
	}


::selection {
	color:#000;
	background:#ccc;
	text-shadow:none;
}

::-moz-selection {
	color:#000;
	background:#ccc;
	text-shadow:none;
}

.space18 { 
font-size:18px !important; 
line-height:17px !important; 
}	
.space16 { 
font-size:16px !important; 
line-height:20px !important; 
}
.space13 { 
font-size:13px !important; 
line-height:17px !important;
}
.space14 { 
font-size:14px !important; 
line-height:18px !important; 
}

.label-default {
background-color: #A1A1A1 !important;
border: 1px solid #CCC;
padding: 0.3em 0.7em 0.4em;
}

.label a, .label a:hover, a.label, a.label:hover {
color: #fff;
}
form label {
font-weight: 300;
}
aside h3, aside h4 {
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
}

.divider {
border: 0;
margin: 10px 0;
border-top: #ddd 1px solid;
text-align: center;
position: relative;
clear: both;
}

.breadcrumb {
	font-size:13px;
	margin: -3px 0 0;
	padding:0;
	position: relative;
	display: inline-block;
	background:none;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}	
	
	
/* image inside article */
a.inner.pull-left,
img.inner.pull-left {
	margin-right:25px;
}
a.inner.pull-right,
img.inner.pull-right {
	margin-left:25px;
}

.top-content-search {
	margin:30px 0 60px 0;
	width:100%;
}

/* General Page Title */
header.page-title h1,
h1.page-title {
	font-size:40px !important;
	line-height:40px !important;
	text-transform:none !important;
	font-weight:300 !important;
	margin:0;
}
h1.page-title,
header.page-title {
	margin-bottom:30px;
}

.modal {
	padding-top:80px;
	background:rgba(0,0,0,0.3);
}
.modal-backdrop {
		z-index: 1 !important; /* because of #wrapper */
}

/* isotope filter */
li.masonry-item,
ul.isotope {
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;*/

	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
		 -o-transition: all 0.5s;
			transition: all 0.5s;
}
li.masonry-item.fadeIn,
ul.isotope.fadeIn {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


#comments .comment {
	margin:40px 0;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
#comments a.replyBtn {
	float:right;
	font-size:11px;
	text-transform:uppercase;
}
#comments span.user-avatar {
	background:#eee;
	width:64px; height:64px;
	float:left;
	margin-right:10px;
}
#comments form .col-md-3,
#comments form .col-md-4,
#comments form .col-md-6,
#comments form .col-md-12 {
	padding:2px;
}
#comments form label {
	padding:6px 0 0 4px;
}
#commentForm {
	padding:15px;
}

aside ul.nav-list li a i {
padding-right: 6px;
color: #ddd;
}

aside ul.nav-list li {
padding: 0;
border-bottom: #ccc 1px dotted;
}
p, ol li, ul li {
color: #7e8998;
}
h1, h2, h3, h4, h5, h6 {
letter-spacing: -1px;
}
.bold {
font-weight: bold !important;
}
h3 {
letter-spacing: normal;
}
h4 {
letter-spacing: normal;
}

.masonry-list {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.btn i.fa {
padding-right: 10px;
}
i.fa {
text-decoration: none !important;
}