/*******************************************************************************
 * off-canvas.layout.scss
 *
 * Styling of the Off Canvas layout.
 ******************************************************************************/
/*******************************************************************************
 * Off canvas portion of styling for the Off Canvas layout.
 ******************************************************************************/
/* line 5, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
.l-off-canvas-show,
.l-off-canvas-hide {
  display: none;
  position: absolute;
  top: 4px;
  right: 10px;
  width: 35px;
  height: 35px;
  background: transparent url("../../../layouts/mygov-base-off-canvas/assets/alt-menu-close.png") center center no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize; }

/* line 17, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
.l-off-canvas-show {
  background: transparent url("../../../layouts/mygov-base-off-canvas/assets/mob-menu-open.svg") center center no-repeat;
  background-size: contain; }

@media (min-width: 0) and (max-width: 46.875em) {
  /* line 24, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
  .no-js .l-off-canvas {
    position: relative; }
    /* line 27, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
    .no-js .l-off-canvas .l-region {
      position: relative;
      overflow: hidden; }
    /* line 31, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
    .no-js .l-off-canvas .l-off-canvas-hide {
      display: block; }
    /* line 36, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
    .no-js .l-off-canvas:not(:target) .l-region {
      min-height: 0;
      height: 0; }
    /* line 40, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
    .no-js .l-off-canvas:not(:target) .l-off-canvas-show {
      display: block; }
    /* line 44, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
    .no-js .l-off-canvas:not(:target) .l-off-canvas-hide {
      display: none; }

  /* line 50, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
  .js .l-page {
    position: relative;
    padding-left: 0;
    overflow: hidden; }

  /* line 57, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
  .js .l-off-canvas {
    position: fixed;
    z-index: 9999 !important;
    width: 100%;
    top: 0;
    bottom: 0;
    left: -120%;
    padding-top: 24px;
    -moz-transition: left 0.3s ease-in;
    -o-transition: left 0.3s ease-in;
    -webkit-transition: left 0.3s ease-in;
    transition: left 0.3s ease-in;
    cursor: pointer; } }
  @media (min-width: 0) and (max-width: 46.875em) and (min-width: 46.875em) {
    /* line 57, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
    .js .l-off-canvas {
      position: absolute; } }
@media (min-width: 0) and (max-width: 46.875em) {
    /* line 72, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
    .js .l-off-canvas.is-visible {
      left: 0;
      cursor: auto;
      overflow: scroll; }
      /* line 78, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
      .js .l-off-canvas.is-visible .l-off-canvas-show {
        display: none; }
      /* line 81, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
      .js .l-off-canvas.is-visible .l-off-canvas-hide {
        display: block; }
    /* line 85, ../../../sass/layouts/mygov-base-off-canvas/_mygov-base-off-canvas.scss */
    .js .l-off-canvas .l-off-canvas-show {
      display: block;
      margin-top: 8px; } }
/* line 41, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
.l-header,
.l-breadcrumb,
.l-navigation,
.l-hero-region,
.l-main,
.l-sub-content,
.l-comms .l-region--comms,
.l-footer .l-region--footer {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1; }
  /* line 12, ../../../../../../../../../../../usr/local/rvm/gems/ruby-2.4.1@omega.mygov_base_omega/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
  .l-header:after,
  .l-breadcrumb:after,
  .l-navigation:after,
  .l-hero-region:after,
  .l-main:after,
  .l-sub-content:after,
  .l-comms .l-region--comms:after,
  .l-footer .l-region--footer:after {
    content: " ";
    display: block;
    clear: both; }
  /* line 38, ../../../../../../../../../../../usr/local/rvm/gems/ruby-2.4.1@omega.mygov_base_omega/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .l-header:after,
  .l-breadcrumb:after,
  .l-navigation:after,
  .l-hero-region:after,
  .l-main:after,
  .l-sub-content:after,
  .l-comms .l-region--comms:after,
  .l-footer .l-region--footer:after {
    content: "";
    display: table;
    clear: both; }

/* line 53, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
.l-hero-region,
.l-breadcrumb,
.l-main,
.l-sub-content,
.l-footer .l-region--footer {
  padding: 0 1rem; }

/* line 59, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
.l-comms .l-region--comms {
  padding: 1rem; }

/* line 62, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
.l-off-canvas {
  clear: both; }

/* line 67, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
.not-logged-in .l-header {
  padding-top: 70px; }

/* line 73, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
.logged-in .l-header {
  padding-top: 23px; }

/* line 80, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
.l-header {
  width: 100%; }
  @media (min-width: 46.875em) {
    /* line 80, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
    .l-header {
      display: block; } }

@media (min-width: 46.875em) {
  /* line 89, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .l-header,
  .l-navigation,
  .l-hero-region,
  .l-breadcrumb,
  .l-main,
  .l-sub-content,
  .l-comms .l-region--comms,
  .l-footer .l-region--footer {
    max-width: 1170px; }

  /* line 101, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .l-header,
  .l-navigation,
  .l-hero-region,
  .l-breadcrumb,
  .l-main,
  .l-sub-content {
    padding: 0 1rem; }

  /* line 109, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .not-logged-in .l-header, .logged-in .l-header {
    padding-top: 0; }

  /* line 114, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .l-main {
    position: relative;
    padding-bottom: 3em; }

  /* line 137, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .l-branding {
    width: 57.62712%;
    float: left;
    margin-right: 1.69492%; }

  /* line 140, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .l-region--header {
    width: 40.67797%;
    float: right;
    margin-right: 0; }

  /* line 143, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .l-region--navigation {
    clear: both; }

  /* line 146, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .search-form {
    width: 57.62712%;
    float: left;
    margin-right: 1.69492%;
    float: none; }

  /* line 154, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .has-sidebar-first .l-content,
  .has-sidebar-second .l-content,
  .has-two-sidebars .l-content {
    width: 74.57627%;
    float: right;
    margin-right: 0; }
  /* line 157, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .has-sidebar-first .l-region--sidebar-first,
  .has-sidebar-first .l-region--sidebar-second,
  .has-sidebar-second .l-region--sidebar-first,
  .has-sidebar-second .l-region--sidebar-second,
  .has-two-sidebars .l-region--sidebar-first,
  .has-two-sidebars .l-region--sidebar-second {
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%; }
  /* line 162, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .has-sidebar-first .l-region--sidebar-second,
  .has-sidebar-second .l-region--sidebar-second,
  .has-two-sidebars .l-region--sidebar-second {
    clear: right; }

  /* line 170, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .page-node-38 .has-sidebar-first .l-content {
    width: 57.62712%;
    float: right;
    margin-right: 0; }
  /* line 173, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .page-node-38 .has-sidebar-first .l-region--sidebar-first {
    width: 40.67797%;
    float: left;
    margin-right: 1.69492%; } }
@media (min-width: 60.625em) {
  /* line 184, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .l-header,
  .l-navigation,
  .l-hero-region,
  .l-breadcrumb,
  .l-main,
  .l-sub-content {
    padding: 0 1rem; }

  /* line 192, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .l-branding {
    width: 68.35443%;
    float: left;
    margin-right: 1.26582%; }

  /* line 195, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .l-region--header {
    width: 30.37975%;
    float: right;
    margin-right: 0; }

  /* line 198, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .search-form {
    width: 68.35443%;
    float: left;
    margin-right: 1.26582%;
    float: none; }

  /* line 204, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .has-sidebar-first .l-content {
    width: 74.68354%;
    float: right;
    margin-right: 0; }
  /* line 207, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .has-sidebar-first .l-region--sidebar-first {
    width: 24.05063%;
    float: left;
    margin-right: 1.26582%; }

  /* line 216, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .page-node-38 .has-sidebar-first .l-content {
    width: 68.35443%;
    float: right;
    margin-right: 0; }
  /* line 219, ../../../sass/layouts/mygov-base-off-canvas/mygov-base-off-canvas.layout.scss */
  .page-node-38 .has-sidebar-first .l-region--sidebar-first {
    width: 30.37975%;
    float: left;
    margin-right: 1.26582%; } }

/*# sourceMappingURL=mygov-base-off-canvas.layout.css.map */