/*******************************************************************************
 * mondrian.layout.scss
 *
 * Styling of the "mondrian" panels content layout.
 ******************************************************************************/
.story-region {
  margin-bottom: 20px; }

@media (min-width: 1250px) {
  .mondrian-region--story {
    width: 15.2542372881%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none; } }

#panels-dnd-main {
  *zoom: 1; }
  #panels-dnd-main:after {
    content: "";
    display: table;
    clear: both; }

.panel-display--story {
  *zoom: 1; }
  .panel-display--story:after {
    content: "";
    display: table;
    clear: both; }

.story-region--left-sidebar {
  float: left;
  width: 27.4%;
  min-height: 1px;
  *zoom: 1; }
  .story-region--left-sidebar:after {
    content: "";
    display: table;
    clear: both; }

.story-region--main-part {
  min-height: 1px;
  float: left;
  width: 72.6%;
  clear: right;
  *zoom: 1; }
  .story-region--main-part:after {
    content: "";
    display: table;
    clear: both; }

.story-region--top {
  min-height: 1px;
  width: 100%;
  clear: both;
  *zoom: 1; }
  .story-region--top:after {
    content: "";
    display: table;
    clear: both; }

.story-region--bottom {
  min-height: 1px;
  width: 100%;
  clear: both;
  *zoom: 1; }
  .story-region--bottom:after {
    content: "";
    display: table;
    clear: both; }

/*# sourceMappingURL=story_left_sidebar.layout.css.map */