/* @containers & columns
****************************************************************************************************************************************************************************************/

/* containers */
.dnnc_container{
	width: 100%;
	max-width: 960px; /* VAR */
	margin: 0 auto;
	padding:0 10px;
	position:relative;
	overflow:hidden;
}

.dnnc_container_pad{padding:0 0;}

/* columns */
.dnnc_column,
.dnnc_foocol{
	margin: 0 0;
	padding:0 20px;
	overflow:hidden;
	position:relative;
	float:left;
	width:100%;
}


/* MOBILE FIRST - small desktops */

@media only screen and (min-width: 885px) {
	
	.dnnc_content{ width:70%;} /* VAR */

	.dnnc_sidebar{ width:30%;} /* VAR */

	.dnnc_foocol{ 
		min-height: 1px; 
		width:25%; /* VAR */
		padding-top: 60px !important;
		padding-bottom: 40px !important;
	} 

	

	.dnnc_columns_wrap{
		margin-left: -30px;
		margin-right: -30px;
		width: calc(100% + 60px);
	}

	.dnnc_column,
	.dnnc_foocol{
		padding:0 30px;/* VAR */
		float: left;
	}

}

/* MOBILE FIRST - large desktops */

@media only screen and (min-width: 1025px) {

	.wrapper,
	.dnnc_bck_lnk{
		padding-left: 25%;/* VAR */
	}

	#header{
		padding:60px 4%;
		width: calc(25% + 14px); /* VAR */
		position: fixed;
		left: -14px;
		top: 0;
		height: 100%;
		border-width: 0 1px 0 0;
		overflow-y: scroll;
		direction: rtl;
	}

	#header #titles{
		float: left;
		width: 100%;
		direction: ltr !important;
	}

	#header h1,
	#header img,
	#navigation{
		float:none; /* VAR */
		direction: ltr !important;
	}

	.core_blogger{
		margin-top: 120px;
	}

	.dnnc_blogger .item{
		margin:0 0 80px 0; /* VAR */
	}

}

@media only screen and (min-width: 768px) {

	.dnnc_column_4{
		width: 33.33%;
	}

}


/* @mobile after
****************************************************************************************************************************************************************************************/

@media screen and (max-width: 1025px) {
	
	#titles .logo{ margin:25px 0 !important;}
	
	#titles h1{ font-size:24px !important}
	
	#titles img{ max-height:30px;}
	

	/* mobile menu */

	.show-menu{
		display:block !important;
		visibility:hidden;
		margin:15px 0;
		padding:18px 10px;
		height:46px;
	}
	
	.show-menu-visible .show-menu{visibility:visible;}
	
	.header-right.for-menu{ display:block; float:none; width:100%;}
	
	#navigation{
		display:none;
		position:relative;
		overflow:hidden;
		height:auto;
		top:auto;
		margin:0 -20px !important;
		padding:30px 20px !important;
		width:calc(100% + 40px);
		z-index:100;
		background-color: rgba(0,0,0,.04);
	}

	#navigation > ul {
		padding-top:0 !important;
		padding-bottom:0 !important;
	}

}