/*
** Easy Columns CSS: css to define column layouts for the WP-Colum plugin
** for more info visit: http://www.patrickfriedl.com.com/
**
** use percentage widths and margins for fluid
** or unknown content widths and fixed
** widths and margins for known content widths
**
** for pixel widths:
** div width = ((content width - padding - margin)/number of divs)
** - margin - padding - border
**
** for more information on calcluating your widths, check
** out http://www.w3schools.com/css/css_boxmodel.asp
** for info on the CSS box model
*/
.ezcol>* {
	max-width: 100%;
}
.ezcol-one-quarter,
.ezcol-one-half,
.ezcol-three-quarter,
.ezcol-one-third,
.ezcol-two-third,
.ezcol-one-fifth,
.ezcol-two-fifth,
.ezcol-three-fifth,
.ezcol-four-fifth {
	float: left;
	margin-right: 4%;
	position: relative;
	word-wrap: break-word;
	hyphens: auto;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	text-rendering: optimizedLegibility;
}
.ezcol-one-quarter {
	width: 22%;
}
.ezcol-one-half {
	width: 48%;
}
.ezcol-three-quarter {
	width: 74%;
}
.ezcol-one-third {
	width: 30.666%;
}
.ezcol-two-third {
	width: 65.334%;
}
.ezcol-one-fifth {
	width: 16.8%;
}
.ezcol-two-fifth{
	width: 37.6%;
}
.ezcol-three-fifth {
	width: 58.4%;
}
.ezcol-four-fifth {
	width: 79.2%;
}
.ezcol-last {
	float: right;
	clear: right;
	margin-right: 0;
}
.ezcol-last:after {
   content: ".";
   opacity: 0;
   display: block;
   height: 0;
   clear: both;
}
.ezcol-both,
.ezcol-left,
.ezcol-right {
	margin: 0;
	padding: 0;
	background: none;
}
.ezcol-divider {
	clear: both !important;
	display: block !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	width: 100% !important;
	background: none !important;
}
.ezcol-both {
	clear: both !important;
}
.ezcol-left {
	clear: left !important;
}
.ezcol-right {
	clear: right !important;
}
@media all and (max-width: 768px) {
	.ezcol-one-quarter,
	.ezcol-one-half,
	.ezcol-one-third,
	.ezcol-one-fifth,
	.ezcol-two-fifth {
		width: 48% !important;
		margin-right: 2%;
	}
	.ezcol-two-third,
	.ezcol-three-quarter,
	.ezcol-three-fifth,
	.ezcol-four-fifth {
		width: 100% !important;
		margin-right: 0;
	}
	.ezcol-last {
		float: left;
		clear: none;
		display: block;
	}
	.ezcol-last:after {
		content: "";
		display: block;
		clear: none;
	}
	.ezcol-last + .ezcol-divider {
		clear: none !important;
		display: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

@media all and (max-width: 650px) {
	.ezcol-one-half,
	.ezcol-three-quarter,
	.ezcol-three-fifth,
	.ezcol-four-fifth {
		width: 100% !important;
		margin-right: 0;
	}
	.wp-caption.aligncenter {
		width: auto !important;
	}
}

@media all and (max-width: 480px) {
	.ezcol-one-quarter,
	.ezcol-one-half,
	.ezcol-three-quarter,
	.ezcol-one-third,
	.ezcol-two-third,
	.ezcol-one-fifth,
	.ezcol-two-fifth,
	.ezcol-three-fifth,
	.ezcol-four-fifth {
		width: 100% !important;
		margin-right: 0;
	}
}

/*
----------------------------------
Column w/ vertical divider at left
----------------------------------
*/

.filete {
	border-left: 1px solid #4A3F3D;
	margin-left: -20px;
	padding-left: 20px;
}

/*
-----------------------------------
Chocolate columns with image on top
-----------------------------------
*/

.choco {
	background-color: #4A3F3D;
	color: #FFF;
	font-size: .9em;
	padding: 0 0 12px 0;
}

.choco .wp-caption p.wp-caption-text {
	display: none;
}
.choco .wp-caption.aligncenter,
.choco .wp-caption.alignnone,
.choco .wp-caption.alignright,
.choco .wp-caption.alignleft {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.ezcol-last.choco {
	text-align: right;
}
.choco ol,
.choco ul {
	padding-left: 18px;
}
.choco ol li,
.choco ul li {
	text-align: left;
	padding-right: 20px;
}
.choco h1 {
	color: #FFF;
	padding-top: 0;
}
.choco h2 {
	color: #FFF;
	padding-top: 5px;
}
.choco h1,
.choco h2,
.choco h3,
.choco h4,
.choco h5,
.choco h6,
.choco p {
	padding-left: 20px;
	padding-right: 20px;
}
.choco a {
	color: #DE9F5B;
}
.choco a:hover {
	color: #FFF !important;
}
.choco img.aligncenter,
.choco img.alignnone,
.choco img.alignright,
.choco img.alignleft {
	float: none;
	margin: 0 auto 0 auto;
	padding: 0;
}

@media screen and (max-width: 768px) {
	.choco {
		clear: both;
		margin: 15px 0;
		padding: 20px 15px 12px 15px;
		text-align: center !important;
		width: 100% !important;
		margin-top: 25px !important;
	}
	.choco h1,
	.choco h2 {
		text-align: center !important;
	}
}

@media screen and (max-width: 650px) {
	.choco img {
		clear: both;
		width: auto;
	}	
}

@media screen and (max-width: 480px) {
	.choco  {
		padding: 0 0 12px 0;
		width: 100% !important;
	}
	.choco h1 {
		padding-top: 0;
	}
	.choco h2 {
		padding-top: 5px;
	}
	.choco h1,
	.choco h2,
	.choco h3,
	.choco h4,
	.choco h5,
	.choco h6,
	.choco p {
		padding-left: 15px;
		padding-right: 15px;
	}
	.choco a {
		color: #DE9F5B;
	}
	.choco a:hover {
		color: #E2FFA0;
	}
}

/*
----------------
Gradient columns
----------------
*/

.degrade {
	font-size: .9em;
	background-color: #F5F2F0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F2F0), to(#FFF));
	background-image: -webkit-linear-gradient(top, #F5F2F0, #FFF);
	background-image: -moz-linear-gradient(top, #F5F2F0, #FFF);
	background-image: -ms-linear-gradient(top, #F5F2F0, #FFF);
	background-image: -o-linear-gradient(top, #F5F2F0, #FFF);
	background-image: linear-gradient(top, #F5F2F0, #FFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F2F0, endColorstr=#FFFFFF);
	padding: 0 0 20px 0;
	margin-top: 21px;
}
.degrade h1,
.degrade h2,
.degrade h3,
.degrade h4,
.degrade h5,
.degrade h6,
.degrade p {
	padding-left: 20px;
	padding-right: 20px;
}
.degrade a {
	color: #DE9F5B;
}
.degrade a:hover {
	color: #4A3F3D;
}
.degrade img.aligncenter,
.degrade img.alignnone,
.degrade img.alignright,
.degrade img.alignleft {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
.degrade ol,
.degrade ul {
	padding-left: 18px;
}

@media screen and (max-width: 768px) {
	.degrade  {
		width: auto;
		margin: 23px 0 5px 0;
		padding: 20px 15px 12px 15px;
		text-align: left;
		margin-top: 15px;
	}
}

@media screen and (max-width: 480px) {
	.degrade  {
		width: auto;
		margin: 23px 0 5px 0;
	}
	.degrade h1,
	.degrade h2,
	.degrade h3,
	.degrade h4,
	.degrade h5,
	.degrade h6,
	.degrade p {
		padding-left: 10px;
		padding-right: 10px;
	}
}