/**
Blocks styling

Styles for the individual blocks in the Aqua Page Builder

DO NOT EDIT THIS

*/

/** BASIC FORM ELEMENTS **/
.block-settings .description,
.block-settings p {
	margin: 5px 0 7px;
}
	.block-settings > p.description:last-child,
	.block-settings > p:last-child {
		margin-bottom: 0;
	}
.block-settings .description.half {
	width: 49%;
	margin-right: 2%;
	float: left;
}
.block-settings .description.third {
	width: 32%;
	margin-right: 2%;
	float: left;
}
	.block-settings .description.two-third {
		width: 64%;
		margin-right: 2%;
		float: left;
	}
.block-settings .description.fourth {
	width: 23.5%;
	margin-right: 2%;
	float: left;
}	
	.block-settings .description.half.last,
	.block-settings .description.third.last,
	.block-settings .description.two-third.last,
	.block-settings .description.fourth.last {
		margin-right: 0;
	}
	.span2 .block-settings .description.half,
	.span3 .block-settings .description.half,
	.span4 .block-settings .description.half,
	.span5 .block-settings .description.half,
	.span6 .block-settings .description.half,
	.span7 .block-settings .description.half,
	.span2 .block-settings .description.third,
	.span3 .block-settings .description.third,
	.span4 .block-settings .description.third,
	.span5 .block-settings .description.third,
	.span6 .block-settings .description.third,
	.span7 .block-settings .description.third,
	.span2 .block-settings .description.two-third,
	.span3 .block-settings .description.two-third,
	.span4 .block-settings .description.two-third,
	.span5 .block-settings .description.two-third,
	.span6 .block-settings .description.two-third,
	.span7 .block-settings .description.two-third,
	.span3 .block-settings .description.fourth,
	.span4 .block-settings .description.fourth,
	.span5 .block-settings .description.fourth,
	.span6 .block-settings .description.fourth,
	.span7 .block-settings .description.fourth {
		width: 100%;
		margin-right: 0;
		float: none;
	}

.block-settings .description.note {
	font-style: normal;
}

/** BASIC FORM INPUTS **/
	
/* Inputs */
.block-settings input[type="text"], .block-settings textarea { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.block-settings .input-min { width: 50px; }
	.block-settings .input-small { width: 150px; }
	.block-settings .input-full { width: 100%; }
    .block-settings-column .input-full { width: 98.5%; }
	.block-settings .textarea-full { width: 100%; }
	.block-settings select { width: 100%; }
	
.block-settings .description-float { 
	margin-right: 10px;
	float: left;
}

/* Columns */
#blocks-to-edit .block-container {
	padding: 4px;
	cursor: move;
	background: #FFFFFF;
	margin: 20px -5px -5px 15px;
	max-width: 734px;
	-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
	border:solid 1px #cecece;
}
#blocks-to-edit .block-container ul.blocks { 
	min-height: 50px;
	padding: 0;
	margin: 0 0 0 -20px;
	width: 110%;
}
#blocks-to-edit .empty-column { 
	margin: 0;
	padding: 8px 10px 0;
	color: #333333;
	font-size:15px;
	clear: left;
}

/* Color Picker */
.aqpb-color-picker {
	position: relative;
	margin-bottom: 5px;
}
	.block-settings .input-color-picker {
		width: 70px;
	}
	

/** Sortable list field **/
.aq-sortable-list { position: relative; }
	.aq-sortable-list .sortable-item {
		background: #fff;
		border: 1px solid #d8d8d8;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.aq-sortable-list .sortable-head,
	.aq-sortable-list .sortable-body {
		padding: 10px;
		position: relative;
	}
	.aq-sortable-list .sortable-title {
		margin-right: 20px;
		float: left;
	}
	.aq-sortable-list .sortable-body {
		padding-top: 0;
		display: none;
	}
	.aq-sortable-list .sortable-handle { float: right; }
	.aq-sortable-list .sortable-handle a { 
		position: absolute;
		right: 0px;
		top: 0;
		display: block;
		width: 30px;
		height: 30px;
		text-indent: -999em;
		background: transparent url(../images/tab-arrows.png) no-repeat 8px -64px;
		border-bottom-color: #eee;
	}
	.aq-sortable-list .sortable-delete { font-style: normal; }
	.aq-sortable-add-new { margin-top: 10px; }
	#page-builder .aq-sortable-list .ui-state-highlight { 
		height: 38px;
		margin: 0 0 6px;
		float: none;
	}
	

/* Upload */
#TB_window {
	z-index: 9999;
}
.screenshot {
	float: left;
	padding: 7px;
	background: #fff;
	border: 1px solid #dedede;
	line-height: 0;
	margin: 0 0 10px;
}
.screenshot img { max-width: 100% }
.input-upload { margin: 0 0 8px; }

/** Customs
Insert your own custom CSS below this line **/
#blocks-archive .block-featured_portfolio .block-title { font-size: 11px; }
.aq_upload_button{
		background: #2ea2cc !important;
		border-color: #0074a2 !important;
		-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15) !important;
		box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15) !important;
		color: #fff !important;
		text-decoration: none !important;
}
.column_h2{margin-left:10px !important; font-size:18px !important; color:#333333; float:left}
a.delete,.sortable-delete{
		font-size: 12px;
		border-color: #dfdfdf;
		border-style: solid;
		border-color: #dfdfdf #dfdfdf #fff;
		border-width: 1px 1px 0;
		line-height: 16px;
		display: inline-block;
		padding: 4px 14px 6px;
		text-decoration: none;
		margin: 0 6px -1px 0;
		-webkit-border-radius: 3px;
		border--radius: 3px;
		border-bottom: 1px solid #f9f9f9;
		background: #e14d43;
		border-color: #d02a21;
		color: #fff;
		-webkit-box-shadow: inset 0 1px 0 #ec8a85,0 1px 0 rgba(0,0,0,.15);
		box-shadow: inset 0 1px 0 #ec8a85,0 1px 0 rgba(0,0,0,.15);
}
.deletecolumn{
position:absolute;
top: 10px;
left: 547px;
}

a.close{
		font-size: 12px;
		border-color: #dfdfdf;
		border-style: solid;
		border-color: #dfdfdf #dfdfdf #fff;
		border-width: 1px 1px 0;
		line-height: 16px;
		display: inline-block;
		padding: 4px 14px 6px;
		text-decoration: none;
		margin: 0 6px -1px 0;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border-bottom: 1px solid #f9f9f9;
		background: #2ea2cc;
		border-color: #085f81;
		color: #fff;
		-webkit-box-shadow: inset 0 1px 0 #d2f4a8,0 1px 0 rgba(0,0,0,.15);
		box-shadow: inset 0 1px 0 #d2f4a8,0 1px 0 rgba(0,0,0,.15);

}
.column_size_edit{
float:right;
margin-top: 9px;
background:#dddddd;
border:none;
color:#333333;
font-size:13px;
padding:3px 7px;
}
.column_size_edit:hover{
background:#2ea2cc;
color:#FFFFFF;
}