/**
Core Front-end Styling for Aqua Page Builder

Themes should include their own styling for the blocks.
That includes for responsive design etc, please don't
ask me to add that for you. I hate responsive designs

DO NOT EDIT THIS
	
**/

/** MISC **/
.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.cf{display:block;}

/** Basic grid columns 
-----------------------*/
/** 
For those who fancy fixed widths,
copy this into your theme stylesheet

[class*="aq_span"] {
	float: left;
	margin-left: 20px;
}

.aq-template-wrapper .aq_span12 {width: 940px;}
.aq-template-wrapper .aq_span11 {width: 860px;}
.aq-template-wrapper .aq_span10 {width: 780px;}
.aq-template-wrapper .aq_span9 {width: 700px;}
.aq-template-wrapper .aq_span8 {width: 620px;}
.aq-template-wrapper .aq_span7 {width: 540px;}
.aq-template-wrapper .aq_span6 {width: 460px;}
.aq-template-wrapper .aq_span5 {width: 380px;}
.aq-template-wrapper .aq_span4 {width: 300px;}
.aq-template-wrapper .aq_span3 {width: 220px;}
.aq-template-wrapper .aq_span2 {width: 140px;}
.aq-template-wrapper .aq_span1 {width: 60px;}

*/

[class*="aq_span"] {
	float: left;
	margin-left: 3%;
}

.aq-template-wrapper .aq_span1 { width:5.58%; }
.aq-template-wrapper .aq_span2 { width:14.16%; }
.aq-template-wrapper .aq_span3 { width:22.75%; }
.aq-template-wrapper .aq_span4 { width:31.33%; }
.aq-template-wrapper .aq_span5 { width:39.92%; }
.aq-template-wrapper .aq_span6 { width:48.5%; }
.aq-template-wrapper .aq_span7 { width:57.08%; }
.aq-template-wrapper .aq_span8 { width:65.67%; }
.aq-template-wrapper .aq_span9 { width:74.25%; }
.aq-template-wrapper .aq_span10 { width:82.83%; }
.aq-template-wrapper .aq_span11 { width:91.42%; }
.aq-template-wrapper .aq_span12 { width:100%; }

.aq-template-wrapper .aq-first {margin-left: 0;}

/** Blocks 
-----------------------*/
.aq-block {  }

/* clear block */
.aq-block-aq_clear_block { margin-bottom: 0px; }
.aq-block-hr-single { margin-bottom: 20px; }
.aq-block-hr-double { margin-bottom: 0px; }


/* column block */

/* To calculate the widths, use this (PHP):
echo '<pre>';

$columns = range(1,12);
$childcols = array();
foreach($columns as $column) {
	$childcols = range(1, $column);
	foreach($childcols as $childcol) {
		$class = '.aq-template-wrapper .aq_span'.$column.' .aq_span'.$childcol;
		
		$margin = 5;
		
		$width = ( 100 + $margin ) / ( $column ) * ( $childcol ) - ( $margin );
		
		$width = round($width, 2);
		
		print_r($class . ' { width:'. $width .'%; }<br/>');
	}
	
}

echo '</pre>';

**/
.aq-block-aq_column_block, .block-c