/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-sosp-custom-image.col-sm-1 {
  -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
  max-width: 8.33333%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-2 {
  -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
  max-width: 16.66667%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-3 {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-4 {
  -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-5 {
  -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
  max-width: 41.66667%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-6 {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-7 {
  -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
  max-width: 58.33333%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-8 {
  -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
  max-width: 66.66667%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-9 {
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-10 {
  -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
  max-width: 83.33333%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-11 {
  -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
  max-width: 91.66667%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image.col-sm-12 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0; }

.wp-block-sosp-custom-image figure figcaption {
  color: inherit; }

.wp-block-sosp-custom-image.float-center {
  margin-left: auto;
  margin-right: auto; }

.wp-block-sosp-custom-image.caption-align-left figcaption {
  text-align: left !important; }

.wp-block-sosp-custom-image.caption-align-right figcaption {
  text-align: right !important; }

.wp-block-sosp-custom-image.caption-align-center figcaption {
  text-align: center !important; }

.wp-block-sosp-custom-image {
  max-width: 100%;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0; }
  .wp-block-sosp-custom-image img {
    max-width: 100%; }
  .wp-block-sosp-custom-image.aligncenter {
    text-align: center; }
  .wp-block-sosp-custom-image.alignfull img,
  .wp-block-sosp-custom-image.alignwide img {
    width: 100%; }
  .wp-block-sosp-custom-image.alignleft, .wp-block-sosp-custom-image.alignright, .wp-block-sosp-custom-image.aligncenter, .wp-block-sosp-custom-image.is-resized {
    display: table;
    margin-left: 0;
    margin-right: 0; }
  .wp-block-sosp-custom-image.alignleft > figcaption,
  .wp-block-sosp-custom-image.alignright > figcaption,
  .wp-block-sosp-custom-image.aligncenter > figcaption, .wp-block-sosp-custom-image.is-resized > figcaption {
    display: table-caption;
    caption-side: bottom; }
  .wp-block-sosp-custom-image.alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1em; }
  .wp-block-sosp-custom-image.alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1em; }
  .wp-block-sosp-custom-image.aligncenter {
    margin-left: auto;
    margin-right: auto; }
  .wp-block-sosp-custom-image figcaption {
    margin-top: 0.5em;
    margin-bottom: 1em;
    text-align: center;
    font-size: 13px; }