/* Bartik Custom Layout CSS - WCYPSC */
/* Layout should only contains positional and scaling rules */
/* General */
BODY {
  margin: 0;
  padding: 0;
  height: 100%; /* needed for container min-height */
}

/* Allow footer to stick to bottom edge of window on short pages */
.dialog-off-canvas-main-canvas {
  position: relative;
  height: auto !important;
  min-height: 100%;
}

#page {
  position: relative;
  overflow: hidden;
  max-width: 1000px;
  margin: auto;
  padding-bottom: 8em;
}

@media screen and (max-width: 799px) {
  #page {
    padding-bottom: 0;
  }
}
/* Header */
HEADER {
  max-width: 1000px;
}

/* Main */
#content {
  float: none;
}

#main,
#main-wrapper {
  overflow: hidden;
}

#main {
  float: left;
  width: 75%;
}

#content .node__content {
  text-align: left;
}

@media screen and (max-width: 799px) {
  #main {
    float: none;
    width: 100%;
  }
}
/* Sidebar */
#sidebar {
  float: right;
  width: 25%;
}

@media screen and (max-width: 799px) {
  #sidebar {
    float: none;
    width: 100%;
  }
}
/* Footer */
FOOTER {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* Content */
/* This should not select anything inside the Body or Description fields,
   which should be styled used content.scss */
#content .block-page-title-block {
  text-align: center;
  font-size: 150%;
  margin: 0;
}

#content .field--name-title,
#content .block-page-title-block H1,
#content .block-page-title-block .title,
#content .block-page-title-block SPAN {
  margin: 0;
}

@media screen and (max-width: 999px) {
  #block-bartik-custom-page-title {
    border: 0;
  }
}
@media screen and (max-width: 799px) {
  FOOTER {
    position: relative;
  }
  #page-wrapper {
    padding-bottom: 0;
  }
  .region-footer > .block {
    display: block;
    text-align: center;
    max-width: 400px;
    margin: 10px auto;
  }
  .region-footer > .block .content {
    padding-left: 0;
  }
}
/* System */
.messages__wrapper {
  max-width: 1000px;
  margin: auto;
}

.role-tester .messages__wrapper {
  display: none;
}

BODY.role-tester #content .messages__wrapper {
  display: none;
}

.messages, .messages:first-child, .messages:last-child {
  margin: 10px 0;
}/*# sourceMappingURL=layout.css.map */