/*******************************************************************************
 * CAS.layout.scss
 *
 * Styles for the CAS layout.
 ******************************************************************************/
/* No files to import found in ../../variables/**\/* */
/* Header */
.l-region--header {
  padding-right: 1em;
}

.l-region--hero {
  margin-bottom: 1em;
}

/* Content Area */
.l-quick-links-wrapper {
  padding-top: 0;
}

.l-main {
  margin-top: 25px;
}

/* Sidebars */
/* Footer */
@media (min-width: 32em) {
  /* Header */
  .l-region--footer-top {
    clear: both;
    margin-top: 5em;
  }
}
@media (min-width: 44em) {
  .l-quick-links-wrapper {
    padding-top: 0;
  }

  /* Header */
  .l-header .l-navigation-wrapper {
    padding: 0.45em;
  }

  .l-region--hero {
    margin-bottom: 1.5em;
  }

  .has-no-sidebars .l-main.l-constrained {
    max-width: 770px;
  }

  .artsci-landing .l-main.l-constrained, .front .l-main.l-constrained {
    max-width: 1170px;
  }

  /* Sidebars */
  .front .has-two-sidebars .l-content,
  .front .has-one-sidebar .l-content {
    width: 100%;
  }
  .front .has-two-sidebars .l-region--sidebar-first,
  .front .has-two-sidebars .l-region--sidebar-second,
  .front .has-one-sidebar .l-region--sidebar-first,
  .front .has-one-sidebar .l-region--sidebar-second {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    float: none;
    clear: left;
  }
}
@media (min-width: 56em) {
  .l-header .bradning-header {
    height: 8.5em;
  }

  .front .has-two-sidebars .l-content,
  .front .has-one-sidebar .l-content {
    -sgs-span-settings: ("span": 7, "location": 1, "grid": 12, "gutter": 0.25, "style": "opposite", "start row": true, "end row": false, "fixed gutter": false, "split gutter": null, "gutter property": "margin", "options": (null: null));
    width: 57.62712%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
  }
  .front .has-two-sidebars .l-region--sidebar-first,
  .front .has-two-sidebars .l-region--sidebar-second,
  .front .has-one-sidebar .l-region--sidebar-first,
  .front .has-one-sidebar .l-region--sidebar-second {
    padding-left: 0.75em;
    -sgs-span-settings: ("span": 5, "location": 8, "grid": 12, "gutter": 0.25, "style": "opposite", "start row": false, "end row": true, "fixed gutter": false, "split gutter": null, "gutter property": "margin", "options": (null: null));
    width: 40.67797%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: right;
  }
}
@media (min-width: 70em) {
  .l-header .branding-header {
    height: 8.25em;
  }

  .l-region--header {
    height: 5.75em;
    padding-right: 0;
  }

  /* Sidebars */
  .front .has-one-sidebar .l-content {
    -sgs-span-settings: ("span": 8, "location": 1, "grid": 12, "gutter": 0.25, "style": "opposite", "start row": true, "end row": false, "fixed gutter": false, "split gutter": null, "gutter property": "margin", "options": (null: null));
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
  }
  .front .has-one-sidebar .l-region--sidebar-first {
    -sgs-span-settings: ("span": 4, "location": 9, "grid": 12, "gutter": 0.25, "style": "opposite", "start row": false, "end row": true, "fixed gutter": false, "split gutter": null, "gutter property": "margin", "options": (null: null));
    width: 32.20339%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  .front .has-two-sidebars .l-content {
    -sgs-span-settings: ("span": 6, "location": 1, "grid": 12, "gutter": 0.25, "style": "opposite", "start row": true, "end row": false, "fixed gutter": false, "split gutter": null, "gutter property": "margin", "options": (null: null));
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
  }
  .front .has-two-sidebars .l-region--sidebar-first,
  .front .has-two-sidebars .l-region--sidebar-second {
    -sgs-span-settings: ("span": 3, "location": 7, "grid": 12, "gutter": 0.25, "style": "opposite", "start row": false, "end row": false, "fixed gutter": false, "split gutter": null, "gutter property": "margin", "options": (null: null));
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 50.84746%;
    clear: none;
    clear: none;
  }
  .front .has-two-sidebars .l-region--sidebar-second {
    -sgs-span-settings: ("span": 3, "location": 10, "grid": 12, "gutter": 0.25, "style": "opposite", "start row": false, "end row": true, "fixed gutter": false, "split gutter": null, "gutter property": "margin", "options": (null: null));
    width: 23.72881%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}