/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */
form#aspnetForm .row {margin-left: -15px; margin-right: -15px;}
	form#aspnetForm .form .row {margin-left: -5px; margin-right: -5px;}
form#aspnetForm .row [class*="col-"] {padding-left: 15px; padding-right: 15px;}
	form#aspnetForm .form .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}

.page-subheader {min-height: unset;}
.page-subheader .ph-content-wrap {height: 200px; min-height: 200px; padding-top: 125px;}
	.subheader-maintitle {margin: 5px 0 0;}

.sitecolor {color: #2c3e50;}
.sitebackgroundcolor {color: #2c3e50;}

#content a {color: #2c3e50;}
#content a:hover {text-decoration: underline;}

.clearfix {clear: both;}
.pull-left {float: left;}
.pull-right {float: right;}

body.wysiwygeditor {background-color: white; padding: 10px;}

/*Menu*/
.main-nav > ul > li > a.active {color: white!important;}

/*Admin Drawer*/
.admin-drawer__list.nav > li > a {
	position: relative;
    display: block;
    padding: 10px 15px;
}
.admin-drawer__list.nav {display: unset; flex-wrap: unset;}
.admin-drawer__list.nav.admin-drawer__list--big > li > a {padding-left: 66px;}

/*Form*/
.input-text {
	height: auto;
    min-height: 30px;
	padding: 7px 10px;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: inset 2px 2px 0 0px rgba(0, 0, 0, 0.05);
	-webkit-transition: box-shadow .25s ease-in-out;
	transition: box-shadow .25s ease-in-out;
}
input.wide {width: 60%;}
.form-control:focus {border: 1px solid #ced4da;}

/*Blog*/
article.blogitem {
	background: #FFF;
	margin-bottom: 35px;
	padding: 10px 20px 15px;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
	position: relative;
	border-radius: 3px;
	clear: both;
}
	article.blogitem .bsocial {clear: both;}
	h3.blogtitle {
		margin: 0;
		font-family: Open Sans;
		font-size: 24px;
		line-height: 40px;
		font-weight: 400;
		font-style: normal;
	}
	div.blogdate {
		font-size: 11px;
		color: #9a9a9a;
		text-transform: uppercase;
		margin-top: 0;
		padding: 10px 0 10px;
		position: relative;
		-webkit-transition: opacity 150ms ease-in;
		transition: opacity 150ms ease-in;
	}
		div.blogdate:before {
			content: '';
			position: absolute;
			left: 0;
			top: -1px;
			width: 60px;
			height: 1px;
			background-color: #ddd;
		}
		.blogauthor {padding-right: 10px;}
		.bdate {padding-right: 10px;}
		.blogtags {
			padding-left: 0;
			font-size: 10px;
			color: #AAA;
			text-transform: uppercase;
		}
			#content .blogtags a {
				padding: 4px 10px;
				background-color: #EAEAEA;
				margin-right: 5px;
				color: #9B9B9B;
				display: inline-block;
				margin-bottom: 5px;
			}
				#content .blogtags a:hover {color: #2c3e50; text-decoration: none;}
				.blogtags a:before {
					font-family: 'Glyphicons Halflings';
					content: "\e041";
					margin-right: 5px;
					vertical-align: middle;
					color: #D2D2D2;
				}
section.bsidelist {padding: 0 0 15px;}
.sidebar .bsidelist h3 {
	color: #050505;
	line-height: 1.4;
	margin: 10px 0 15px;
	padding-bottom: 20px;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
	.sidebar .bsidelist h3:before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 2px;
		width: 100%;
		height: 0;
		border-bottom: 1px solid #ececec;
	}
	.sidebar .bsidelist h3:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 2px;
		width: 50px;
		height: 0;
		border-bottom: 1px solid #2c3e50;
	}
ul.blognav {margin: 0; padding: 0; list-style: none;}
ul.blognav li a:before {
	content: '';
	display: inline-block;
	margin-right: 12px;
	width: 8px;
	height: 2px;
	background: #E1E1E1;
	vertical-align: middle;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.blogview h2.moduletitle {
	font-size: 36px;
    color: #050505;
    margin-top: 0;
}
.blog-post__featured-image-figure {display: none;}
.blogview .bsocial {padding-top: 10px;}
.blogview .bsocial .twitter-share-button, .blogview .bsocial .fblikebutton {float: left; margin-right: 10px;}
.blogcommentservice  legend {font-size: 16px;}

/*Mojo*/
#content div.adminmenu ul.simplelist li a:hover {text-decoration: none;}
	.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a {font-size: 1em;}
	.administration #content .breadcrumbs,.memberlist #content .breadcrumbs {float: none; background: none; padding-left: 0;}
		.administration #content .breadcrumbs a {}
			.administration #content .breadcrumbs.pageditlinks a:after,.memberlist #content .breadcrumbs.pageditlinks a:after {
				content: '/';
				height: 0;
				width: 0;
				pointer-events: none;
				display: inline-block;
				margin: 0 5px 0 10px;
			}
		.admin-crumb {padding-left: 0;}
	.admin .moduletitle {clear: both;}
	.administration .chaser {display: none;}
.settingrow {padding: 5px 0;}
.settinglabel {font-weight: bold;}
.settingrow label,.aspcheckboxlist label {display: inline-block; margin: 0 5px;}
		.settingrow input[type="radio"],.aspcheckboxlist input[type="checkbox"] {margin-top: -5px;}
.admin input[type="submit"] {
	display: inline-block;
    margin-top: 10px;
	margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background-color: #2c3e50;
	color: #fff;
	text-shadow: none;
    padding: 10px 20px;
    line-height: 1.6;
    box-shadow: none;
    font-size: 13px;
    font-weight: 700;
    border-style: solid;
    border-radius: 3px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
	text-transform: uppercase;
}
	.admin input[type="submit"]:hover {background-color: #2d2d2d;}
a.jqtree-toggler:hover {text-decoration: none;}
ul.treecommands {list-style: none;}

/*JQuery Tabs*/
.ui-tabs {margin-top: 50px; padding: 0;}
.ui-widget-header {border: none !important; background: transparent !important;}
.ui-tabs .ui-tabs-nav {margin: -36px 0 0 -1px; padding: 0; background: transparent !important;}
.ui-tabs .ui-tabs-nav li {margin: 1px -1px 0 0; border-top: 1px solid #f0f0f0; font-size: 18px; height: 35px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -2px; padding-bottom: 2px; border-top-width: 2px; border-top-color: #2c3e50;}
	#content .ui-tabs .ui-tabs-nav li a {color: #535353; outline: none;}
	#content .ui-tabs .ui-tabs-nav li a:hover {text-decoration: none;}

/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}


/** Desktop+ **/
@media (min-width: 1200px) {

}


/** Laptop **/
@media (max-width: 1200px) {

}


/** Laptop+ **/
@media (min-width: 991px) {

}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {

}


/** Large Tablets **/
@media (max-width: 992px) {

}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {

}


/** Tablets+  **/
@media (min-width: 768px) {

}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {

}


/** Smartphone portrait mode **/
@media (max-width: 480px) {

}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
	
}