/* \Sentra.Designs\BasicDesigner\Minya\substyles\default\styles\style-hdrcaption.css */
.captionboxzindex(@hdr_captionbox_onTop) when (@hdr_captionbox_onTop = True) {
	z-index:3;
}
.captionbox_border_radius(@border_radius)  when (@border_radius > 0) {
	border-radius: {{hdr_captionbox_borderradius_top}}px {{hdr_captionbox_borderradius_top}}px {{hdr_captionbox_borderradius_bottom}}px {{hdr_captionbox_borderradius_bottom}}px;
}
.captionbox_border(@hdr_captionbox_borderwidth)  when (@hdr_captionbox_borderwidth > 0) {
	border-color: {{hdr_captionbox_bordercolor}};
	border-style: {{hdr_captionbox_borderstyle}};
	border-width: {{hdr_captionbox_borderwidth}}px;
}

#eyecatcher {
	.captionbox {
		.captionbox_border({{hdr_captionbox_borderwidth}});
		.captionbox_border_radius({{hdr_captionbox_borderradius_top}} + {{hdr_captionbox_borderradius_bottom}});
		float: {{hdr_capbox_align}};
		padding:{{hdr_cap_padding}}px;
		width: {{hdr_captionwidth}}px;
		background: {{cap_bg_hex}}; /* The Fallback in HEX*/
		background: {{cap_bg_rgba}};
		position: absolute;
		top: {{hdr_cap_vmargin}}px;
		left: {{hdr_Endpos}}px;
		.captionboxzindex({{hdr_captionbox_onTop}});
		max-height: {{hdr_cap_maxheight}}%;
		line-height: {{hdr_cap_line_height}}px;
		text-shadow: 2px 2px 2px #000;
		{{h1}} {
			font-size: {{hdr_cap_h2_fontsize}}px;
			margin: 0 0 {{hdr_cap_h2_marginbottom}}px;
			color: {{hdrcap_h2color}};
		}
		p {
			float:left;
			padding:0;
			margin:0;
			font-size: {{hdr_cap_p_fontsize}}px;
			color: {{hdrcap_pcolor}};
			width:100%;
		}
	}
}
