/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

body {
	font-size:1rem;
}

.side-panel-wrap a {
	color:#aaa;
	transition: all 1s ease;
}

#page-title h1 {
	text-transform: none;
	font-size:36px;
}
#page-title span {
	font-family: "Maven Pro",sans-serif;
}
.widget > h4 {
	text-transform: none;
	font-weight:400;
	margin-bottom:20px;
}
.entry-title h1 {
	text-transform: none;
}
@media (max-width: 767px) {
	#page-title h1 {
		font-size:24px;
	}
}

@media (max-width: 991px) {
	#side-panel-trigger {
		right: 28px;
	}
}

.allmargin-xs { margin: 15px !important; }
.leftmargin-xs { margin-left: 15px !important; }
.rightmargin-xs { margin-right: 15px !important; }
.topmargin-xs { margin-top: 15px !important; }
.bottommargin-xs { margin-bottom: 15px !important; }
.clear-bottommargin-xs { margin-bottom: -15px !important; }

#header.sticky-header:not(.static-sticky) #top-search,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #side-panel-trigger {
	margin-top: 10px !important;
	margin-bottom: 20px !important;
}



@media (max-width: 991px) {
	.masonry-thumbs.grid-2 a { width: 50%!important; }
	.masonry-thumbs.grid-3 a { width: 33.30%!important; }
	.masonry-thumbs.grid-4 a { width: 25%!important; }
	.masonry-thumbs.grid-5 a { width: 25%!important; }
	.masonry-thumbs.grid-6 a { width: 20%!important; }
}

@media (max-width: 767px) {
	.masonry-thumbs.grid-2 a { width: 100%!important; }
	.masonry-thumbs.grid-3 a { width: 50%!important; }
	.masonry-thumbs.grid-4 a { width: 33.30%!important; }
	.masonry-thumbs.grid-5 a { width: 25%!important; }
	.masonry-thumbs.grid-6 a { width: 25%!important; }
}

.image-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color:rgba(0,0,0,0.45);
}

.bella-table-cell {
	display: table-cell;
	float: none;
	padding-bottom: 0;
	padding-top: 0;
	position: relative;
	vertical-align: middle;
}

.bella-table-md-up { width: 100%; }
.bella-table-md-up .bella-table-cell {
	display: block;
}
.bella-table-md-up .bella-table-cell + .bella-table-cell {
	padding-top: 40px;
}
.right-padding {padding-right:0;}
.left-padding {padding-left:0;}

h2.sectionTitle {
	font-size:2rem;
	font-weight:bold;
	margin-bottom: 0.2rem !important;
	line-height:1.1;
}

@media (min-width: 768px) {
	.bella-table-md-up {
		display: table;
	}
	.bella-table-md-up .bella-table-cell {
		display: table-cell;
	}
	.bella-table-md-up .bella-table-cell + .bella-table-cell {
		padding-top: 0;
	}

	.text-md-left {
		text-align: left !important
	}
	.text-md-right {
		text-align: right !important
	}
	.text-md-center {
		text-align: center !important
	}
	.hidden-md-up {
		display: none !important
	}
	.right-padding {padding-right:40px;}
	.left-padding {padding-left:40px;}
	h2.sectionTitle {
		font-size:3rem;
		font-weight:bold;
	}
}
@media (max-width:767px) {
	.text-md-left {
		text-align: center !important
	}
	.text-md-right {
		text-align: center !important
	}
	.text-md-center {
		text-align: center !important
	}
}


.tabs.tabs-alt ul.tab-nav li {
	float: none;
	display: inline-block;
	zoom: 1;
}
.dark ul.tab-nav li, .dark .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
	border-color: #fff;
}
.dark ul.tab-nav {
	border-bottom-color: #fff;

}

ul.twocol {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	margin-left: 0;
}
ul.twocol li {
	margin-left: 1.75em;

}
.postcontent { width: 64%; }
.sidebar { width: 32%; }
#copyrights .col_half:last-child {
	display:block;
	text-align:right;
}


@media (max-width:991px) {
	.postcontent { width: 100%; margin-right:0;}
	.sidebar { width: 100%; }
	#copyrights .col_half:last-child {
		display:block;
		text-align:center;
	}
}

.tshadow {
	text-shadow: 0 0 8px black;
}
.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark), #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) {
	border-bottom-color: transparent;
}
.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #logo, #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo {
	border-right-color: transparent;
}
#header.transparent-header.full-header #logo {
	border-right-color: transparent;
}

@media (min-width:1921px) {
div.parallax {
	background-size: cover;
}

}
#footer.dark, .dark #footer {
	background-color: #111;
}