<div class="col
  	small-{{ shortcode.options.span }}
  	col-hover-{{ shortcode.options.hover }}
    {{ shortcode.options.visibility }}
    {{ shortcode.options.class }}
    {{ shortcode.options.forceFirst }}-col-first
  "
  data-fade="true"
 	ng-class="{dark: shortcode.options.color == 'light', 'col-divided': shortcode.options.divider, 'has-hover': shortcode.options.borderHover}"
    ng-attr-data-parallax="{{ shortcode.options.parallax }}"
	ng-style="{
		'min-height' : shortcode.options.height,
	}">

	<div class="col-inner
    text-{{ shortcode.options.align }}
  	box-shadow-{{ shortcode.options.depth }}
  	box-shadow-{{ shortcode.options.depthHover }}-hover
  	text-shadow-{{ shortcode.options.textDepth }}"
  	ng-attr-data-animate="{{ shortcode.options.animate }}" data-animated="true"
		ng-style="{
		  'max-width' : shortcode.options.maxWidth,
		  'padding' : (shortcode.options.padding | noDefault: shortcode.data.options.get('padding')),
		  'margin' : (shortcode.options.margin | noDefault: shortcode.data.options.get('padding')),
		  'background-color': shortcode.options.bgColor,
		  'border-radius': shortcode.options.bgRadius,
		}">
		<div ng-if="shortcode.options.border"
			 ng-class="{['hover-'+shortcode.options.borderHover ] : shortcode.options.borderHover}"
			 class="is-border is-{{shortcode.options.borderStyle}}"
			 ng-style="{
			'borderRadius': shortcode.options.borderRadius+'px',
			'borderWidth': shortcode.options.border,
			'margin': shortcode.options.borderMargin,
			'borderColor': shortcode.options.borderColor
			}"
		></div>
   	  <content/>
   	</div>
</div>
