/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/


/*	Resets
	------	*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 80px;
	line-height: 120px;

}

.huge,
h1 {
	font-size: 60px;
	line-height: 72px;
}

.large,
h2,
#content h1 {
	font-size: 50px;
	line-height: 70px;
}

.big,
h3,
#content h2 {
	font-size: 45px;
	line-height: 36px;
}

h4
 {
	font-size: 39px;
	line-height: 45px;
}

h5
 {
	font-size: 27px;
	line-height: 36px;
}

h6
 {
	font-size: 24px;
	line-height: 36px;
}

.normal,
body,
#content h3 {
}

.small {
	font-size: 13px;
	line-height: 18px;
}

abbr,
acronym{
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: small-caps;
}
address,
cite,
em,
i{
	font-style: italic;
}
a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	-moz-transition: color .3s linear;
	text-decoration: none;
	outline: none;
}
a:active,
a:focus {
	text-decoration: underline;
}

/*	Default 8-column layout
	60 px columns, 24 px gutters, 60 px margins, 768 px total
	---------------------------------------------------------
	1     2      3      4      5      6      7      8     
	60px  144px  228px  312px  396px  480px  564px  648px	*/

#if-logged-in {
	position: relative;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: #000;
	color: #aaa;
	font-size: 10px;
	z-index: 1000;
}
	#if-logged-in .container {
		padding-top: 0;
		padding-bottom: 0;
	}
	#if-logged-in p {
		margin: 0;
	}
	#if-logged-in a:link,
	#if-logged-in a:visited {
		color: #fff;
		text-decoration: none;
	}
	#if-logged-in a:hover {
		text-decoration: underline;
	}
	#if-logged-in a:active {
		text-decoration: underline;
		margin-bottom: -1px;
	}

	.container {
	width: 100%;
	height:auto;
	overflow:hidden;
}

	#header-image {
		padding: 0;
		overflow: hidden;
	}
		/* HEADER IMAGE
			full size - 1068x300
			8 column layout resized to 890x250 displayed at 648x250
			5 column layout resized to 534x150 displayed at 396x150
			3 column layout resized to 365x100 displayed at 228x100
		 */
		#header-image img {
			width: 890px;
			height: 250px;
			margin-left: -121px;
			padding: 0;
		}
	#content {
		width: 400px; /* 5 columns */
		margin: 0;
		padding: 20px 0px 30px 0px;
		overflow: hidden;
		font-family: 'PT Sans', sans-serif;
	}
	

	#sidebar {
		width: 184px; /* 3 columns */
		float: right;
		margin: 0;
		padding: 20px 50px 30px 0px;
		overflow: hidden;
	}

::selection {
	background: #c6d8cd;
}
::-moz-selection {
	background: #c6d8cd;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}

.fold {
	background-image:url('http://business.mwdata.net/wp-content/uploads/2016/08/WhiteFold1.png');
	background-repeat:no-repeat;
	width:100%;
	height:30px;
	float:left;
	}

.fold2 {
	background-image:url('http://business.mwdata.net/wp-content/uploads/2016/08/WhiteFold2.png');
	background-repeat:no-repeat;
	width:100%;
	height:25px;
	float:left;
}	
	
.corner2{	
	background-image:url('http://business.mwdata.net/wp-content/uploads/2016/08/WhiteCorner2.png');
	background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;
	margin-top:-42px;
}



/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/

@media only screen and (max-width: 1120px) and (min-width: 800px) {
	
	.gigantic {
		font-size: 68px;
		line-height: 72px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 38px;
		line-height: 38px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 36px;
		line-height: 38px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 18px;
		line-height: 22px;
	}
	
	.normal,
	body,
	#post-single h3 {
	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
}


/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 800px) and (min-width: 700px) {
	

	.gigantic {
		font-size: 60px;
		line-height: 72px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 42px;
		line-height: 48px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 30px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {
	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
	
}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

@media only screen and (max-width: 700px) and (min-width: 580px) {

		.gigantic {
		font-size: 60px;
		line-height: 65px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 55px;
		line-height: 50px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 36px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {

	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
	
}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

@media only screen and (max-width: 580px) and (min-width: 450px) {

		.gigantic {
		font-size: 60px;
		line-height: 65px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 55px;
		line-height: 50px !important;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 36px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {

	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
	
}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

@media only screen and (max-width: 450px) and (min-width: 200px) {

		.gigantic {
		font-size: 40px;
		line-height: 65px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 44px;
		line-height: 42px !important;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 32px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {

	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
	
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}