@charset "utf-8";
/* CSS Document */

/* Used by LazyImageLayout */
a.lzimg-left img, a.lzimg-right img, a.lzimg-nomargin img, a.lzimg-full img {
	display: block;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 4px;
/*	max-width: none;	/* kubrick sets this to 100% for some reason */
}
a.lzimg-left:hover img, a.lzimg-right:hover img, a.lzimg-nomargin:hover img, a.lzimg-full:hover img {
	border-color: #1a90f7;
}
.lzimg-left { float: left; margin: 0 1em 0.75em 0px; }
.lzimg-right { float: right; margin: 0 0px 0.75em 0; }
.lzimg-nomargin { float:left; margin: 0 0px 0.75em 0px; }
.lzimg-full { margin: 1em 0 0 0; }
/* these are terrible hacky rules to fix Dante issues in 2022 */
div.spb_wrapper p:first-of-type a.lzimg-full:first-of-type { display: block; margin: 0; }
a.lzimg-full { 	display: block; margin: 0 0 1em 0; };

/* column shortcodes */
div.lzil-column { float: left; width:100%; margin-bottom: 1em;margin-top:1em; }
div.lzil-column2 { float: left; margin: 0 5% 0 0; width: 44%; }
div.lzil-column3 { float: left; margin: 0 5% 0 0; width: 28%; }

/* adaptations for bootstrap */
a.lz-responsive { width: 31.9%; }
.col-sm-8.spb_text_column a.lz-responsive { width: 31.35%; }
.lzimg-nomargin img, .lzimg-left img, .lzimg-right img, .lzimg-full img {
	width:100%;
}
/* adaptions for dante excerpt */
.excerpt .lz-responsive { width: 31.2% }

@media (min-width:768px) and (max-width:992px) {
	a.lz-responsive { width:31.7%; }
	a.lzimg-left { margin-right: 0.75em; }
}
@media (min-width:360px) and (max-width: 767px) {
	a.lz-responsive { width:100%; }
	a.lzimg-left { margin-right: 0.75em; }
}
@media (max-width:459px) {
	a.lz-responsive { width:100%; }
	a.lzimg-left { margin-right: 0.75em; }
}