/*******************************************************************************
 * simple.layout.scss
 *
 * Styling of the "simple" layout demonstrating the Compass grid extension Susy
 * and building mobile first layouts.
 ******************************************************************************/
/* Colour Varibles */
/* line 5, ../../../sass/layouts/topic/topic.layout.scss */
.panel-topic #filter-menu {
  z-index: 151; }
/* line 6, ../../../sass/layouts/topic/topic.layout.scss */
.panel-topic .filter-btn {
  display: block;
  font-size: 1.1em;
  margin-bottom: 1em;
  font-family: "UnitPro";
  width: 100%;
  color: #003E7E;
  cursor: pointer;
  text-decoration: none; }
/* line 17, ../../../sass/layouts/topic/topic.layout.scss */
.panel-topic .sidebar {
  display: block;
  width: 70%;
  padding: 0;
  background: #fff;
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
     /*
 &.slideleft,
      &.slideright {
          max-width: 0;
          padding: 0;
          overflow-y: hidden;
          -webkit-transition: max-width 0.5s ease-in-out;
          -moz-transition: max-width 0.5s ease-in-out;
          -o-transition: max-width 0.5s ease-in-out;
          transition: max-width 0.5s ease-in-out;
      }
      &.slideleft {
          max-width: 70%;
          padding: 0.5em 5%;
      }
*/ }
  /* line 29, ../../../sass/layouts/topic/topic.layout.scss */
  .panel-topic .sidebar > .panel-panel-inner {
    padding: 0.5em 5%; }
  /* line 31, ../../../sass/layouts/topic/topic.layout.scss */
  .panel-topic .sidebar h2.mobile {
    font-size: 1.2em;
    font-family: 'UnitProBold';
    font-weight: normal;
    margin: 0;
    padding: 0 0 1em 0;
    color: #666666;
    display: inline-block; }
  /* line 41, ../../../sass/layouts/topic/topic.layout.scss */
  .panel-topic .sidebar .filter-close-btn {
    font-family: "UnitPro";
    font-size: 1.00em;
    text-decoration: underline !important;
    display: inline-block;
    float: right; }
  /* line 51, ../../../sass/layouts/topic/topic.layout.scss */
  .panel-topic .sidebar ul {
    list-style: none;
    margin: 0 0 0.75em 0;
    border-top: 1px solid #E9EAEA;
    padding: 1.25em 0 0 0;
    width: 100%;
    float: left; }
  /* line 62, ../../../sass/layouts/topic/topic.layout.scss */
  .panel-topic .sidebar.slideleft .contextual-links-region.panel-pane, .panel-topic .sidebar.slideright .contextual-links-region.panel-pane {
    clear: left; }
/* line 85, ../../../sass/layouts/topic/topic.layout.scss */
.panel-topic .content .first > .panel-pane > .view-modal-content-listing, .panel-topic .content .second > .panel-pane > .view-modal-content-listing {
  border-bottom: 1px solid #E9EAEA;
  margin-bottom: 2em !important; }

/* Tab */
@media (min-width: 44em) {
  /* line 103, ../../../sass/layouts/topic/topic.layout.scss */
  .panel-topic .filter-btn {
    display: none; }
  /* line 107, ../../../sass/layouts/topic/topic.layout.scss */
  .panel-topic .sidebar {
    position: static;
    top: auto;
    right: auto;
    padding: 0;
    width: auto;
    height: auto;
    background: none;
    overflow: visible;
    overflow-x: visible;
       /*
&.slideleft,
       &.slideright {
          max-width: 400px;
          padding: 0;
          overflow-y: visible;
       }
*/
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%; }
    /* line 119, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .sidebar h2.mobile {
      display: none; }
    /* line 123, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .sidebar .filter-close-btn {
      display: none; }
    /* line 127, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .sidebar.slideleft, .panel-topic .sidebar.slideright {
      display: block;
      padding: 0; }
      /* line 131, ../../../sass/layouts/topic/topic.layout.scss */
      .panel-topic .sidebar.slideleft > div, .panel-topic .sidebar.slideright > div {
        clear: left; }
    /* line 143, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .sidebar h2.mobile {
      display: none; }
  /* line 151, ../../../sass/layouts/topic/topic.layout.scss */
  .panel-topic .main {
    width: 74.57627%;
    float: right;
    margin-right: 0; }
  /* line 155, ../../../sass/layouts/topic/topic.layout.scss */
  .panel-topic .content {
    overflow: hidden;
    *zoom: 1; }
    /* line 159, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .content .first, .panel-topic .content .second {
      width: 31.81818%;
      float: left;
      margin-right: 2.27273%; }
      /* line 161, ../../../sass/layouts/topic/topic.layout.scss */
      .panel-topic .content .first > .panel-pane > .view-modal-content-listing, .panel-topic .content .second > .panel-pane > .view-modal-content-listing {
        border-bottom: none;
        margin-bottom: 0; }
    /* line 167, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .content .second {
      width: 31.81818%;
      float: left;
      margin-right: 2.27273%; }
      /* line 169, ../../../sass/layouts/topic/topic.layout.scss */
      .panel-topic .content .second > .panel-pane > .view-modal-content-listing {
        border-bottom: none;
        margin-bottom: 0; }
    /* line 175, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .content .third {
      width: 31.81818%;
      float: left;
      margin-right: 2.27273%;
      margin-right: 0; }
  /* line 182, ../../../sass/layouts/topic/topic.layout.scss */
  .panel-topic .postscript {
    overflow: hidden;
    *zoom: 1; }
    /* line 186, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .postscript .first, .panel-topic .postscript .content .second, .panel-topic .content .postscript .second {
      width: 23.07692%;
      float: left;
      margin-right: 2.5641%; }
    /* line 190, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .postscript .second {
      width: 23.07692%;
      float: left;
      margin-right: 2.5641%; }
    /* line 194, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .postscript .third {
      width: 23.07692%;
      float: left;
      margin-right: 2.5641%; }
    /* line 198, ../../../sass/layouts/topic/topic.layout.scss */
    .panel-topic .postscript .fourth {
      width: 23.07692%;
      float: left;
      margin-right: 2.5641%;
      margin-right: 0; } }

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