/*******************************************************************************
 * 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/topicalt/topicalt.layout.scss */
.panel-topicalt #filter-menu {
  z-index: 151; }
/* line 6, ../../../sass/layouts/topicalt/topicalt.layout.scss */
.panel-topicalt .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/topicalt/topicalt.layout.scss */
.panel-topicalt .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/topicalt/topicalt.layout.scss */
  .panel-topicalt .sidebar > .panel-panel-inner {
    padding: 0.5em 5%; }
  /* line 31, ../../../sass/layouts/topicalt/topicalt.layout.scss */
  .panel-topicalt .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/topicalt/topicalt.layout.scss */
  .panel-topicalt .sidebar .filter-close-btn {
    font-family: "UnitPro";
    font-size: 1.00em;
    text-decoration: underline !important;
    display: inline-block;
    float: right; }
  /* line 51, ../../../sass/layouts/topicalt/topicalt.layout.scss */
  .panel-topicalt .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/topicalt/topicalt.layout.scss */
  .panel-topicalt .sidebar.slideleft .contextual-links-region.panel-pane, .panel-topicalt .sidebar.slideright .contextual-links-region.panel-pane {
    clear: left; }
/* line 86, ../../../sass/layouts/topicalt/topicalt.layout.scss */
.panel-topicalt .content .first > .panel-pane > .view-modal-content-listing, .panel-topicalt .content .second > .panel-pane > .view-modal-content-listing {
  border-bottom: 1px solid #E9EAEA;
  margin-bottom: 2em !important; }
/* line 94, ../../../sass/layouts/topicalt/topicalt.layout.scss */
.panel-topicalt .content > div:last-child > .panel-pane > .view-modal-content-listing {
  border-bottom: none; }

/* Tab */
@media (min-width: 44em) {
  /* line 104, ../../../sass/layouts/topicalt/topicalt.layout.scss */
  .panel-topicalt .filter-btn {
    display: none; }
  /* line 108, ../../../sass/layouts/topicalt/topicalt.layout.scss */
  .panel-topicalt .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 120, ../../../sass/layouts/topicalt/topicalt.layout.scss */
    .panel-topicalt .sidebar h2.mobile {
      display: none; }
    /* line 124, ../../../sass/layouts/topicalt/topicalt.layout.scss */
    .panel-topicalt .sidebar .filter-close-btn {
      display: none; }
    /* line 127, ../../../sass/layouts/topicalt/topicalt.layout.scss */
    .panel-topicalt .sidebar.slideleft, .panel-topicalt .sidebar.slideright {
      display: block;
      padding: 0; }
      /* line 131, ../../../sass/layouts/topicalt/topicalt.layout.scss */
      .panel-topicalt .sidebar.slideleft > div, .panel-topicalt .sidebar.slideright > div {
        clear: left; }
    /* line 143, ../../../sass/layouts/topicalt/topicalt.layout.scss */
    .panel-topicalt .sidebar h2.mobile {
      display: none; }
  /* line 151, ../../../sass/layouts/topicalt/topicalt.layout.scss */
  .panel-topicalt .main {
    width: 74.57627%;
    float: right;
    margin-right: 0; }
  /* line 155, ../../../sass/layouts/topicalt/topicalt.layout.scss */
  .panel-topicalt .content {
    overflow: hidden;
    *zoom: 1; }
    /* line 159, ../../../sass/layouts/topicalt/topicalt.layout.scss */
    .panel-topicalt .content .first, .panel-topicalt .content .second {
      width: 31.81818%;
      float: left;
      margin-right: 2.27273%; }
    /* line 163, ../../../sass/layouts/topicalt/topicalt.layout.scss */
    .panel-topicalt .content .second {
      width: 31.81818%;
      float: left;
      margin-right: 2.27273%; }
    /* line 167, ../../../sass/layouts/topicalt/topicalt.layout.scss */
    .panel-topicalt .content .third {
      width: 31.81818%;
      float: right;
      margin-right: 0;
      float: left; }
  /* line 173, ../../../sass/layouts/topicalt/topicalt.layout.scss */
  .panel-topicalt .postscript {
    overflow: hidden;
    *zoom: 1; }
    /* line 177, ../../../sass/layouts/topicalt/topicalt.layout.scss */
    .panel-topicalt .postscript .first, .panel-topicalt .postscript .content .second, .panel-topicalt .content .postscript .second {
      width: 48.71795%;
      float: left;
      margin-right: 2.5641%; }
    /* line 181, ../../../sass/layouts/topicalt/topicalt.layout.scss */
    .panel-topicalt .postscript .second {
      width: 48.71795%;
      float: left;
      margin-right: 2.5641%;
      margin-right: 0; } }

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