/* 
  Cryout Shortcodes elements styling
*/

/* Multi-column short code */
.multi-column {display: block; width: 100%; float: left; margin: 10px 0;}
.short-columns {display: inline-block; float: left; margin: 0px; padding: 1%; }
.column-12 {width: 48%;}
.column-13 {width: 31%;}
.column-14 {width: 23%;}
.column-16 {width: 14.5%;}
.column-23 {width: 62%;}
.column-34 {width: 72%;}
.column-56 {width: 80%;}
.column-1 {width: 98%; margin: 0}
.multi-column .short-columns:first-child {padding-left: 0; margin-left: 0}
.multi-column .short-columns:last-child {padding-right: 0; margin-right: 0}

/* Pull quotes short code*/
#content .cryout-pullquote, .cryout-pullquote {
	font-family: Verdana, arial, sans-serif;
	font-size:1.2em;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 33%;
}
#content .cryout-pullquote p, .cryout-pullquote p {
	font-family: "Pontano Sans", arial, sans-serif;
	font-size:1.2em;
}

/* buttons */
.short-button-light {
	color: #454545;
	padding: 5px 10px;
	padding-bottom:3px;
	background: -moz-linear-gradient(
		top,
		#fafafa 0%,
		#d6d5d3);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fafafa),
		to(#d6d5d3));
	text-shadow:
		-1px -1px 0px rgba(252,252,252,0.4),
		0px 0px 0px rgba(255,255,255,0.3);
}

.short-button-dark {
	color: #ffffff;
	padding: 5px 10px;
	padding-bottom:3px;
	background: -moz-linear-gradient(
		top,
		#6b6b6b 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#6b6b6b),
		to(#000000));
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.short-button-color {
	color: #ffffff;
	padding: 5px 10px;
	padding-bottom:3px;
	background: #47afff;
	-moz-box-shadow:
		0px 0px 1px rgba(000,000,000,0.5),
		0 3px 10px rgba(255,255,255,0.7) inset;
	-webkit-box-shadow:
		0px 0px 1px rgba(000,000,000,0.5),
		0 3px 10px rgba(255,255,255,0.7) inset;
	box-shadow:
		0px 0px 1px rgba(000,000,000,0.5),
		0 3px 10px rgba(255,255,255,0.7) inset;
	text-shadow:
		-1px -1px 0px rgba(000,000,000,0.4),
		0px 0px 0px rgba(255,255,255,0.3);
}


a.short-button-light:hover { box-shadow: 0 0 10px rgba(255, 255, 255, 0.8) inset; }
a.short-button-dark:hover { box-shadow: 0 0 10px rgba(255,255,255,0.5) inset; }
a.short-button-color:hover { box-shadow: 0 3px 10px rgba(255,255,255,0.9) inset; }

a.short-button-color:hover, a.short-button-light:hover, a.short-button-dark:hover { text-decoration:none; }

/* fin! */