/* Variables */
.before-after-slider-block {
  position: relative; }
  .before-after-slider-block.grey {
    background-color: #f5f5f5; }
  .before-after-slider-block.blue {
    background-color: #194866; }
  .before-after-slider-block.cream {
    background-color: #fff8f1; }
  body:not(.wp-admin) .before-after-slider-block:not(.grey):not(.blue):not(.cream) {
    margin-bottom: 80px;
    margin-top: 80px; }
    @media (max-width: 767px) {
      body:not(.wp-admin) .before-after-slider-block:not(.grey):not(.blue):not(.cream) {
        margin-bottom: 60px;
        margin-top: 60px; } }
  body:not(.wp-admin) .before-after-slider-block.grey, body:not(.wp-admin) .before-after-slider-block.blue, body:not(.wp-admin) .before-after-slider-block.cream {
    padding-bottom: 80px;
    padding-top: 80px; }
    @media (max-width: 767px) {
      body:not(.wp-admin) .before-after-slider-block.grey, body:not(.wp-admin) .before-after-slider-block.blue, body:not(.wp-admin) .before-after-slider-block.cream {
        padding-bottom: 60px;
        padding-top: 60px; } }
  body.wp-admin .before-after-slider-block {
    padding: 40px 0;
    position: relative; }
    body.wp-admin .before-after-slider-block:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 22; }
    body.wp-admin .before-after-slider-block .before-after-slider:empty {
      background-color: #ECF8FE;
      padding: 60px 20px;
      text-align: left; }
      body.wp-admin .before-after-slider-block .before-after-slider:empty:before {
        content: "Enter text..."; }

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