/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-sosp-image {
  max-width: 100%;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0; }
  .wp-block-sosp-image.col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image.col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .wp-block-sosp-image figure figcaption {
    color: inherit; }
  .wp-block-sosp-image.float-center {
    margin-left: auto;
    margin-right: auto; }
  .wp-block-sosp-image.caption-align-left figcaption {
    text-align: left !important; }
  .wp-block-sosp-image.caption-align-right figcaption {
    text-align: right !important; }
  .wp-block-sosp-image.caption-align-center figcaption {
    text-align: center !important; }
  .wp-block-sosp-image img {
    max-width: 100%; }
  .wp-block-sosp-image.aligncenter {
    text-align: center; }
  .wp-block-sosp-image.alignfull img,
  .wp-block-sosp-image.alignwide img {
    width: 100%; }
  .wp-block-sosp-image.alignleft, .wp-block-sosp-image.alignright, .wp-block-sosp-image.aligncenter, .wp-block-sosp-image.is-resized {
    display: table;
    margin-left: 0;
    margin-right: 0; }
  .wp-block-sosp-image.alignleft > figcaption,
  .wp-block-sosp-image.alignright > figcaption,
  .wp-block-sosp-image.aligncenter > figcaption, .wp-block-sosp-image.is-resized > figcaption {
    display: table-caption;
    caption-side: bottom; }
  .wp-block-sosp-image.alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1em; }
  .wp-block-sosp-image.alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1em; }
  .wp-block-sosp-image.aligncenter {
    margin-left: auto;
    margin-right: auto; }
  .wp-block-sosp-image figcaption {
    margin-top: 0.5em;
    margin-bottom: 1em;
    text-align: center;
    font-size: 13px; }

/*.wp-block-image {
	// The image block is in a `figure` element, and many themes zero this out.
	// This rule explicitly sets it, to ensure at least some bottom-margin in the flow.
	margin-bottom: 1em;

	img {
		max-width: 100%;
	}

	&.aligncenter {
		text-align: center;
	}

	&.alignfull img,
	&.alignwide img {
		width: 100%;
	}

	// Floats get an extra wrapping <div> element, so the <figure> becomes a child.
	.alignleft,
	.alignright,
	.aligncenter,
	&.is-resized {
		display: table;

		// The figure is born with left and right margin.
		// We remove this by default, and then customize it for left, right, and center.
		margin-left: 0;
		margin-right: 0;

		> figcaption {
			display: table-caption;
			caption-side: bottom;
		}
	}

	.alignleft {

		float: left;
		/*rtl:ignore
		margin-right: 1em;
	}

	.alignright {
		/*rtl:ignore
		float: right;
		/*rtl:ignore
		margin-left: 1em;
	}

	.aligncenter {
		margin-left: auto;
		margin-right: auto;
	}

	// Supply caption styles to images, even if the theme hasn't opted in.
	// Reason being: the new markup, <figcaptions>, are not likely to be styled in the majority of existing themes,
	// so we supply the styles so as to not appear broken or unstyled in those themes.
	figcaption {
		@include caption-style();
	}
}

// Variations
.is-style-rounded img {
	// We use an absolute pixel to prevent the oval shape that a value of 50% would give
	// to rectangular images. A pill-shape is better than otherwise.
	border-radius: 9999px;
}

// The following variation is deprecated.
// The CSS is kept here for the time being, to support blocks using the old variation.
.is-style-circle-mask img {
	// We use an absolute pixel to prevent the oval shape that a value of 50% would give
	// to rectangular images. A pill-shape is better than otherwise.
	border-radius: 9999px;

	// If a browser supports it, we will switch to using a circular SVG mask.
	// The stylelint override is necessary to use the SVG inline here.
	@supports (mask-image: none) or (-webkit-mask-image: none) {
		/* stylelint-disable
		mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
		/* stylelint-enable
		mask-mode: alpha;
		mask-repeat: no-repeat;
		mask-size: contain;
		mask-position: center;
		border-radius: 0;
	}
}
*/


/*# sourceMappingURL=style.css.map*/