/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@media (min-width: 896px) {
  
  .sidebar-primary,
  .cta-widget {
    float: right;
    clear: right;
  }

  .cta-widget {
    padding-top: 3rem;
  }

}

@media (max-width: 895px) {
  
  body.single .content-sidebar-wrap {
    display: flex;
    flex-flow: column nowrap;
  }

  body.single .content-sidebar-wrap .cta-widget {
    order: 1;
    margin: 2em auto 0;
    text-align: center;
    z-index: 9;
  }

  body.single .content-sidebar-wrap .content {
    order: 2;
  }

  body.single .content-sidebar-wrap .sidebar {
    order: 3;
  }

  body.single .entry-content img {
    width: 100%;
    float: none;
    margin: 0 0 2em;
  }

}