@charset "UTF-8";
/* Fonts */
/*$font_serif: 'Merriweather', serif;*/
/* Colors */
/* Element colors */
/* Shadows */
@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic|Droid+Serif:400,700,400italic,700italic|Merriweather|Vollkorn);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Merriweather:400,400italic,700,700italic|Open+Sans+Condensed:300,700);
#site-container.external {
  background: #E0E3E2; }
  #site-container.external .front-canvas {
    width: 100%;
    padding-top: 78px;
    background-color: #E0E3E2;
    /*    li {
          font-size: 16px;
          font-family: $font_sans;
          line-height: 1.5em;
        }*/ }
    #site-container.external .front-canvas .centered-content {
      width: 100%;
      max-width: 820px;
      margin: auto; }
    #site-container.external .front-canvas ul {
      list-style-type: disc;
      padding-left: 1.25em; }
    #site-container.external .front-canvas ol {
      padding-left: 1.5em; }
    #site-container.external .front-canvas p, #site-container.external .front-canvas ul, #site-container.external .front-canvas ol, #site-container.external .front-canvas label {
      font-size: 17px;
      font-family: "Open Sans", sans-serif;
      line-height: 1.5em;
      letter-spacing: 0.045em;
      margin: 8px 0px 1.5em; }
      #site-container.external .front-canvas p a, #site-container.external .front-canvas ul a, #site-container.external .front-canvas ol a, #site-container.external .front-canvas label a {
        color: #DF6260;
        text-decoration: underline; }
      #site-container.external .front-canvas p .highlight.white, #site-container.external .front-canvas ul .highlight.white, #site-container.external .front-canvas ol .highlight.white, #site-container.external .front-canvas label .highlight.white {
        color: #ffffff; }
      #site-container.external .front-canvas p .highlight.red, #site-container.external .front-canvas ul .highlight.red, #site-container.external .front-canvas ol .highlight.red, #site-container.external .front-canvas label .highlight.red {
        color: #DF6260; }
      #site-container.external .front-canvas p .highlight.green, #site-container.external .front-canvas ul .highlight.green, #site-container.external .front-canvas ol .highlight.green, #site-container.external .front-canvas label .highlight.green {
        color: #70BFA9; }
      #site-container.external .front-canvas p .highlight.arrow, #site-container.external .front-canvas ul .highlight.arrow, #site-container.external .front-canvas ol .highlight.arrow, #site-container.external .front-canvas label .highlight.arrow {
        font-size: 1.5em; }
    #site-container.external .front-canvas h1 {
      font-family: "Open Sans", sans-serif;
      letter-spacing: 0.045em;
      font-size: 21px;
      color: #DF6260;
      margin: 1.5em 0px 0.5em; }
    #site-container.external .front-canvas .page-header {
      background: url("../images/front/page-header.jpg") top center no-repeat;
      background-size: cover;
      padding: 32px 14%; }
      #site-container.external .front-canvas .page-header p {
        font-size: 32px;
        font-weight: 700;
        text-align: center; }
    #site-container.external .front-canvas .contact-hook {
      padding: 16px 5%;
      margin: 0px; }
      #site-container.external .front-canvas .contact-hook.red {
        background-color: #DF6260; }
        #site-container.external .front-canvas .contact-hook.red a {
          color: #ffffff; }
      #site-container.external .front-canvas .contact-hook p {
        text-align: center;
        margin: 0px;
        padding-bottom: 8px; }
    #site-container.external .front-canvas .pre-header-block {
      background-color: #313333; }
      #site-container.external .front-canvas .pre-header-block p {
        padding: 32px 14%;
        font-size: 24px;
        color: #ffffff;
        font-weight: 300;
        margin: 0px;
        text-align: center; }
    #site-container.external .front-canvas .section-header {
      padding: 32px 14%; }
      #site-container.external .front-canvas .section-header.section-01 {
        background: url("../images/front/section-header-01.jpg") top center no-repeat;
        background-size: cover; }
      #site-container.external .front-canvas .section-header.section-02 {
        background: url("../images/front/section-header-02.jpg") top center no-repeat;
        background-size: cover; }
      #site-container.external .front-canvas .section-header.section-03 {
        background: url("../images/front/section-header-03.jpg") top center no-repeat;
        background-size: cover; }
      #site-container.external .front-canvas .section-header.section-04 {
        background: url("../images/front/page-header.jpg") top center no-repeat;
        background-size: cover; }
      #site-container.external .front-canvas .section-header h1 {
        color: #fff;
        text-align: center;
        margin: 4em 32px;
        font-size: 32px;
        text-transform: uppercase; }
    #site-container.external .front-canvas .section {
      padding: 32px 10%; }
      #site-container.external .front-canvas .section.purple {
        background-color: #71445E;
        color: #ffffff;
        font-weight: 100; }
        #site-container.external .front-canvas .section.purple h1 {
          color: #ffffff; }
      #site-container.external .front-canvas .section.dark {
        background-color: #313333;
        color: #ffffff;
        font-weight: 100; }
        #site-container.external .front-canvas .section.dark h1 {
          color: #70BFA9; }
      #site-container.external .front-canvas .section .form-field {
        margin-bottom: 32px; }
        #site-container.external .front-canvas .section .form-field input {
          border: 1px solid #E0E3E2;
          background: transparent;
          font-size: 14px;
          padding: 0.66em 1em;
          font-family: "Open Sans", sans-serif;
          color: #E0E3E2;
          font-weight: 100;
          letter-spacing: 0.045em; }
          #site-container.external .front-canvas .section .form-field input.submitbutton {
            background-color: #313333;
            color: #E0E3E2;
            border: 0px;
            padding: 1em 3em; }
          #site-container.external .front-canvas .section .form-field input.textbox {
            width: 100%;
            max-width: 320px;
            margin-right: 2em; }
            #site-container.external .front-canvas .section .form-field input.textbox:focus {
              background-color: rgba(255, 255, 255, 0.05); }
          #site-container.external .front-canvas .section .form-field input.checkbox {
            margin-right: 0.5em; }

body h1, body h2, body h3, body h4 {
  font-family: "Open Sans Condensed", sans-serif; }
body p, body li {
  font-family: "Open Sans", sans-serif; }

.tooltip {
  cursor: help; }

.column {
  float: left;
  padding-left: 20px; }
  .column.col-1-2 {
    width: 50%; }
    .column.col-1-2.col-center {
      float: none;
      margin: 0 auto; }
  .column.col-1-3 {
    width: 33.333%; }
  .column.col-2-3 {
    width: 66%; }
  .column.col-1-4 {
    width: 25%; }

/* Begins menu */
.menu-container {
  background: #E0E3E2;
  position: fixed;
  width: 100%;
  min-width: 960px;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 20;
  padding-top: 4px;
  height: 52px;
  font-size: 0px;
  border-bottom: 1px solid #BFC1C1; }
  .menu-container .inner-container {
    width: 100%;
    max-width: 1200px;
    padding: 0px 16px;
    margin: auto;
    position: relative; }
  .menu-container .logo-container {
    position: absolute; }
  .menu-container .logo {
    margin: 8px 32px 8px 0px;
    max-width: 140px;
    height: auto;
    float: left; }
  .menu-container .menu {
    width: 100%;
    text-align: center;
    display: inline-block;
    height: 40px;
    font-size: 12px; }
    .menu-container .menu li {
      display: inline-block; }
      .menu-container .menu li a {
        display: block;
        padding: 8px 0px 8px;
        color: #313333;
        font-family: "Open Sans", sans-serif;
        letter-spacing: 0.045em;
        font-weight: 100;
        text-transform: uppercase;
        position: relative; }
        .menu-container .menu li a .label {
          display: block;
          width: 100%;
          padding: 4px 12px 4px;
          border-right: 1px solid #313333; }
        .menu-container .menu li a:after {
          content: '';
          position: absolute;
          left: 40%;
          right: 40%;
          bottom: 10%;
          transition: all 0.25s;
          -webkit-transition: all 0.25s; }
        .menu-container .menu li a:hover:after {
          height: 2px;
          border-top: 1px solid #313333;
          left: 10%;
          right: 10%; }
    .menu-container .menu.user-menu li:last-child a .label {
      border-right: none; }
    .menu-container .menu.admin-menu {
      position: absolute;
      right: 0px;
      width: auto;
      top: 12px; }
      .menu-container .menu.admin-menu li a .label {
        font-size: 10px; }
      .menu-container .menu.admin-menu li:last-child a .label {
        border-right: none; }
    .menu-container .menu.controls-menu {
      position: absolute;
      right: 0px;
      display: inline-block;
      width: auto;
      height: 1em;
      top: 4px; }
      .menu-container .menu.controls-menu li a {
        padding: 0px;
        font-size: 10px; }
        .menu-container .menu.controls-menu li a .label {
          border-right: none; }

/* Ends menu */
/* Begins global states */
.inactive-helper-text {
  padding: 0.5em 1em;
  line-height: 1.4em; }
  .inactive-helper-text.hidden {
    display: none; }

.state-loading {
  position: relative; }
  .state-loading:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    padding: 10px 4px 0px;
    text-align: center;
    /*background: rgba(255,255,255,0.75);*/
    background: url("../images/ajax-loader.gif") center center no-repeat rgba(255, 255, 255, 0.75);
    display: block; }

/* Ends global states*/
/* Begins global popups */
.spawned-popup {
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  transition: all 0.25s;
  -webkit-transition: all 0.25s; }
  .spawned-popup.visible {
    background: rgba(0, 0, 0, 0.5); }
    .spawned-popup.visible .popup-canvas {
      opacity: 1; }
  .spawned-popup .popup-canvas {
    width: 100%;
    max-width: 280px;
    margin: 15% auto 0px auto;
    height: 100%;
    max-height: 400px;
    background: #FFF;
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s; }
    .spawned-popup .popup-canvas h1 {
      color: red !important; }
  .spawned-popup iframe {
    width: 80%;
    height: 80%;
    margin: 10%; }

/* Ends global popups */
/* Begins plaza canvas*/
.plaza-canvas {
  min-width: 960px;
  padding-top: 64px;
  /* Begins read mode */
  /* Ends read mode */
  /* Begins nav column */
  /* Ends nav column*/
  /* Begins publication typography */
  /* Ends publication typography */
  /* Begins file area */
  /* Ends file area */
  /* Begins link interception styles */
  /*
  Begin Link overlay
  */
  /*
  End Link overlay
  */
  /* Ends link interception styles */
  /* Begins reading column */
  /* Ends reading column*/
  /* Begins task column*/
  /* Ends task column */
  /* Begins support column*/
  /* Ends support column*/ }
  .plaza-canvas.read-mode {
    max-width: 1000px;
    margin: auto; }
    .plaza-canvas.read-mode .reading-column {
      width: 100%;
      margin: 0px; }
  .plaza-canvas .nav-column {
    width: 22.5%;
    min-width: 270px;
    height: auto;
    position: fixed;
    padding: 32px 0px;
    top: 48px;
    right: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 30;
    transition: all 0.1s;
    -webkit-transition: all 0.1s; }
    .plaza-canvas .nav-column h3 span, .plaza-canvas .nav-column ul li a {
      transition: opacity 0.2s;
      -webkit-transition: opacity 0.2s; }
    .plaza-canvas .nav-column .category-listing-target {
      transition: opacity 0.15s;
      -webkit-transition: opacity 0.15s; }
    .plaza-canvas .nav-column.compact, .plaza-canvas .nav-column.state-s {
      width: 32px;
      min-width: 16px;
      padding: 32px 0px 0px 0px; }
      .plaza-canvas .nav-column.compact .clears-filter, .plaza-canvas .nav-column.state-s .clears-filter {
        opacity: 0; }
      .plaza-canvas .nav-column.compact .nav-options-container, .plaza-canvas .nav-column.state-s .nav-options-container {
        overflow: hidden; }
      .plaza-canvas .nav-column.compact .category-listing-target, .plaza-canvas .nav-column.state-s .category-listing-target {
        opacity: 0; }
      .plaza-canvas .nav-column.compact h3 span, .plaza-canvas .nav-column.compact ul li a, .plaza-canvas .nav-column.state-s h3 span, .plaza-canvas .nav-column.state-s ul li a {
        opacity: 0; }
      .plaza-canvas .nav-column.compact .publication-listing-container, .plaza-canvas .nav-column.state-s .publication-listing-container {
        opacity: 0; }
      .plaza-canvas .nav-column.compact .hides-nav-column .exp, .plaza-canvas .nav-column.state-s .hides-nav-column .exp {
        display: inline; }
      .plaza-canvas .nav-column.compact .hides-nav-column .cont, .plaza-canvas .nav-column.state-s .hides-nav-column .cont {
        display: none; }
    .plaza-canvas .nav-column .hides-nav-column {
      position: absolute;
      top: 48px;
      left: 100%;
      font-size: 24px;
      color: #fff;
      width: 32px;
      padding: 8px 0px;
      text-align: center;
      z-index: 11;
      display: block;
      width: 32px;
      height: 32px;
      border: 1px solid #5A9A89;
      border-left: 0px;
      background: url("../svg/book.svg") no-repeat center center #5A9A89;
      background-size: 16px 16px;
      transition: background 0.25s;
      -webkit-transition: background 0.25s; }
      .plaza-canvas .nav-column .hides-nav-column .exp {
        display: none; }
      .plaza-canvas .nav-column .hides-nav-column .cont {
        display: block; }
      .plaza-canvas .nav-column .hides-nav-column:hover {
        background-color: #7CD4BC; }
    .plaza-canvas .nav-column .toggles-column {
      position: absolute;
      top: 48px;
      left: 100%;
      font-size: 24px;
      color: #fff;
      width: 32px;
      padding: 8px 0px;
      text-align: center;
      z-index: 11;
      display: block;
      width: 32px;
      height: 32px;
      background-size: 16px 16px;
      border: 1px solid #5A9A89;
      border-right: 0px;
      transition: background 0.25s;
      -webkit-transition: background 0.25s; }
      .plaza-canvas .nav-column .toggles-column:hover {
        background-color: #7CD4BC !important; }
      .plaza-canvas .nav-column .toggles-column.state-s {
        top: 80px;
        background: url("../images/icon-minimize-left-vertical-s.png") #5A9A89;
        border-top: 0px;
        border-bottom: 1px solid #70BFA9; }
      .plaza-canvas .nav-column .toggles-column.state-m {
        top: 48px;
        background: url("../images/icon-minimize-left-vertical-m.png") #5A9A89;
        border-bottom: 1px solid #70BFA9;
        border-top: 0px; }
  .plaza-canvas .reading-area-tools {
    position: absolute;
    top: 112px;
    left: 100%;
    font-size: 24px;
    color: #fff;
    width: 32px;
    text-align: center;
    z-index: 11;
    display: block;
    width: 32px;
    background: red;
    background: #5A9A89;
    border: 1px solid #5A9A89;
    border-left: 0px; }
    .plaza-canvas .reading-area-tools a {
      display: block;
      padding: 4px 0px;
      transition: background 0.25s;
      -webkit-transition: background 0.25s;
      border-bottom: 1px solid #70BFA9;
      border-top: 0px; }
      .plaza-canvas .reading-area-tools a:last-child {
        border-bottom: 0px; }
      .plaza-canvas .reading-area-tools a:hover {
        background: #7CD4BC; }
      .plaza-canvas .reading-area-tools a.speaks-reading-area {
        display: none; }
    .plaza-canvas .reading-area-tools img {
      width: 100%;
      max-width: 16px;
      height: auto; }
  .plaza-canvas .nav-options-container {
    display: none;
    background-color: #ffffff; }
    .plaza-canvas .nav-options-container.support-nav-options {
      display: block; }
    .plaza-canvas .nav-options-container.current-view-nav {
      display: block; }
  .plaza-canvas li a {
    display: block;
    padding: 6px 0px;
    min-width: 180px;
    font-family: "Open Sans", sans-serif; }
  .plaza-canvas li .injected-chapters, .plaza-canvas li .injected-tasks, .plaza-canvas li .injected-files {
    line-height: 1.3em; }
    .plaza-canvas li .injected-chapters li, .plaza-canvas li .injected-tasks li, .plaza-canvas li .injected-files li {
      display: block;
      padding-left: 8px;
      background: url("../svg/chapter.svg") no-repeat 0px center;
      background-size: 16px 16px; }
      .plaza-canvas li .injected-chapters li a, .plaza-canvas li .injected-tasks li a, .plaza-canvas li .injected-files li a {
        padding-left: 0px; }
  .plaza-canvas li .injected-tasks li {
    background: url("../svg/task.svg") no-repeat 0px center;
    fill: #FFFfff;
    background-size: 16px 16px; }
  .plaza-canvas li .injected-files li {
    background: url("../svg/speaker.svg") no-repeat 0px center;
    fill: #FFFFFF;
    background-size: 16px 16px; }
  .plaza-canvas .target-container {
    position: relative;
    /*width: 90%;*/ }
    .plaza-canvas .target-container h1, .plaza-canvas .target-container h2, .plaza-canvas .target-container h3 {
      color: #FFFFFF;
      /*text-shadow: 1px 1px 0px #3f3f3f;*/
      letter-spacing: 0.045em; }
    .plaza-canvas .target-container li a {
      color: #FFFFFF;
      /*text-shadow: 1px 1px 0px #3f3f3f;*/
      font-weight: 100;
      letter-spacing: 0.045em;
      font-size: 14px; }
    .plaza-canvas .target-container.filtered .category-listing > li {
      border: none; }
    .plaza-canvas .target-container.filtered li {
      border: none; }
      .plaza-canvas .target-container.filtered li a {
        display: none; }
        .plaza-canvas .target-container.filtered li a.filtered-in {
          display: block;
          padding-top: 12px;
          padding-bottom: 12px; }
    .plaza-canvas .target-container.filtered .item-parent-listing {
      padding-left: 0px;
      text-align: center; }
    .plaza-canvas .target-container.filtered .clears-filter {
      top: 48px;
      display: block; }
    .plaza-canvas .target-container .item-parent-listing li a {
      padding-bottom: 12px;
      padding-top: 12px; }
    .plaza-canvas .target-container .clears-filter {
      display: none;
      color: #fff;
      text-shadow: 1px 1px 0px #3f3f3f;
      font-weight: 100;
      letter-spacing: 0.045em;
      font-size: 14px;
      padding: 4px;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 48px;
      bottom: 0px;
      background: url("../svg/close-bright.svg") no-repeat center center;
      background-size: 16px 16px;
      background-color: #DF6260; }
      .plaza-canvas .target-container .clears-filter:hover {
        background-color: #F46A68; }
    .plaza-canvas .target-container.category-listing-container, .plaza-canvas .target-container.support-category-listing-container {
      margin-bottom: 1px; }
      .plaza-canvas .target-container.category-listing-container h3.category-header, .plaza-canvas .target-container.support-category-listing-container h3.category-header {
        background-color: #70BFA9;
        padding: 8px 16px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        text-shadow: 1px 1px 0px #3f3f3f;
        padding-top: 16px;
        padding-bottom: 16px; }
    .plaza-canvas .target-container.support-category-listing-container .support-category-listing li a {
      color: #3f3f3f;
      text-shadow: 1px 1px 0px #ffffff;
      font-weight: 400; }
    .plaza-canvas .target-container.support-category-listing-container.filtered li {
      border: none; }
      .plaza-canvas .target-container.support-category-listing-container.filtered li a {
        display: none; }
        .plaza-canvas .target-container.support-category-listing-container.filtered li a.filtered-in {
          border-top: 0px;
          background: #FFF;
          color: #3f3f3f;
          text-shadow: none;
          font-size: 16px;
          display: block; }
    .plaza-canvas .target-container.support-category-listing-container .clears-filter {
      top: 0px;
      bottom: 0px; }
    .plaza-canvas .target-container .category-listing > li, .plaza-canvas .target-container .support-category-listing > li {
      border-bottom: 1px solid #424545; }
      .plaza-canvas .target-container .category-listing > li:last-child, .plaza-canvas .target-container .support-category-listing > li:last-child {
        border-bottom: none; }
    .plaza-canvas .target-container .category-listing li, .plaza-canvas .target-container .support-category-listing li {
      /*border: none !important;*/ }
      .plaza-canvas .target-container .category-listing li a, .plaza-canvas .target-container .support-category-listing li a {
        font-size: 14px;
        font-weight: 100;
        /*border: none !important;*/
        text-align: center; }
    .plaza-canvas .target-container .support-category-listing li a {
      /*display: none;*/ }
    .plaza-canvas .target-container .support-category-listing li.filtered-in  a {
      display: block; }
    .plaza-canvas .target-container.support-listing-container {
      padding: 0px 10px; }
    .plaza-canvas .target-container.publication-listing-container {
      padding: 0px 10px;
      overflow-y: scroll; }
    .plaza-canvas .target-container .item-listing.support-listing li a {
      color: #3f3f3f;
      text-shadow: none; }
    .plaza-canvas .target-container .item-listing > li {
      border-bottom: 1px solid #424545; }
      .plaza-canvas .target-container .item-listing > li:last-child {
        border-bottom: none; }
    .plaza-canvas .target-container .item-listing li {
      transition: padding 0.25s;
      -webkit-transition: padding 0.25s;
      padding: 4px 0px 4px 8px; }
      .plaza-canvas .target-container .item-listing li a.loads-publication {
        font-size: 14px; }
    .plaza-canvas .target-container .item-listing .current-publication {
      /*background-color: #424545;*/
      padding-top: 8px;
      padding-bottom: 8px; }
      .plaza-canvas .target-container .item-listing .current-publication h3 {
        font-size: 14px;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        border-bottom: 1px solid #fff;
        padding-bottom: 4px;
        margin-top: 4px; }
    .plaza-canvas .target-container .injected-tasks li {
      padding-left: 24px; }
    .plaza-canvas .target-container .injected-chapters {
      padding-left: 0px; }
      .plaza-canvas .target-container .injected-chapters li {
        transition: all 0.25s;
        -webkit-transition: all 0.25s;
        padding-left: 24px; }
    .plaza-canvas .target-container .injected-files li {
      padding-left: 24px; }
  .plaza-canvas .task-row p {
    /*font-family: $font_serif_noto !important;*/ }
  .plaza-canvas .reading-column h1, .plaza-canvas .reading-column h2, .plaza-canvas .reading-column h3, .plaza-canvas .reading-column h4, .plaza-canvas .reading-column p, .plaza-canvas .reading-column li, .plaza-canvas .task-row h1, .plaza-canvas .task-row h2, .plaza-canvas .task-row h3, .plaza-canvas .task-row h4, .plaza-canvas .task-row p, .plaza-canvas .task-row li {
    font-family: "Noto Serif", serif;
    letter-spacing: 0.01em;
    line-height: 1.6em; }
  .plaza-canvas .reading-column h5, .plaza-canvas .reading-column h6, .plaza-canvas .task-row h5, .plaza-canvas .task-row h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin-bottom: 2em;
    letter-spacing: 0.01em;
    font-size: 10pt;
    line-height: 1.4em; }
  .plaza-canvas .reading-column pre, .plaza-canvas .task-row pre {
    letter-spacing: 0.01em;
    line-height: 1.3em; }
  .plaza-canvas .reading-column p, .plaza-canvas .task-row p {
    margin-top: 0px; }
  .plaza-canvas .reading-column ul, .plaza-canvas .task-row ul {
    list-style-type: disc;
    padding-left: 1.5em;
    margin-bottom: 1em; }
    .plaza-canvas .reading-column ul li, .plaza-canvas .task-row ul li {
      margin-bottom: 0.25em; }
  .plaza-canvas .reading-column p, .plaza-canvas .reading-column li, .plaza-canvas .task-row p, .plaza-canvas .task-row li {
    color: #3f3f3f;
    letter-spacing: 0.025em;
    /*font-size: 18px;*/
    font-size: 15px; }
  .plaza-canvas .reading-column h1, .plaza-canvas .reading-column h2, .plaza-canvas .reading-column h3, .plaza-canvas .reading-column h4, .plaza-canvas .task-row h1, .plaza-canvas .task-row h2, .plaza-canvas .task-row h3, .plaza-canvas .task-row h4 {
    letter-spacing: 0.01em;
    margin-bottom: 0.25em; }
  .plaza-canvas .reading-column h1, .plaza-canvas .task-row h1 {
    /*font-size: 31px;*/
    font-size: 28px;
    margin-top: 1.5em; }
  .plaza-canvas .reading-column h2, .plaza-canvas .task-row h2 {
    /*font-size: 27px;*/
    font-size: 25px;
    margin-top: 1em; }
  .plaza-canvas .reading-column h3, .plaza-canvas .task-row h3 {
    /*font-size: 24px;*/
    font-size: 22px;
    margin-top: 1em;
    margin-bottom: 0px; }
  .plaza-canvas .reading-column[data-textsize="3"] p, .plaza-canvas .reading-column[data-textsize="3"] li, .plaza-canvas .task-row[data-textsize="3"] p, .plaza-canvas .task-row[data-textsize="3"] li {
    font-size: 12.75px; }
  .plaza-canvas .reading-column[data-textsize="3"] h1, .plaza-canvas .task-row[data-textsize="3"] h1 {
    font-size: 23.8px; }
  .plaza-canvas .reading-column[data-textsize="3"] h2, .plaza-canvas .task-row[data-textsize="3"] h2 {
    font-size: 21.25px; }
  .plaza-canvas .reading-column[data-textsize="3"] h3, .plaza-canvas .task-row[data-textsize="3"] h3 {
    font-size: 18.7px; }
  .plaza-canvas .reading-column[data-textsize="4"] p, .plaza-canvas .reading-column[data-textsize="4"] li, .plaza-canvas .task-row[data-textsize="4"] p, .plaza-canvas .task-row[data-textsize="4"] li {
    font-size: 14.25px; }
  .plaza-canvas .reading-column[data-textsize="4"] h1, .plaza-canvas .task-row[data-textsize="4"] h1 {
    font-size: 26.6px; }
  .plaza-canvas .reading-column[data-textsize="4"] h2, .plaza-canvas .task-row[data-textsize="4"] h2 {
    font-size: 23.75px; }
  .plaza-canvas .reading-column[data-textsize="4"] h3, .plaza-canvas .task-row[data-textsize="4"] h3 {
    font-size: 20.9px; }
  .plaza-canvas .reading-column[data-textsize="5"] p, .plaza-canvas .reading-column[data-textsize="5"] li, .plaza-canvas .task-row[data-textsize="5"] p, .plaza-canvas .task-row[data-textsize="5"] li {
    font-size: 15px; }
  .plaza-canvas .reading-column[data-textsize="5"] h1, .plaza-canvas .task-row[data-textsize="5"] h1 {
    font-size: 28px; }
  .plaza-canvas .reading-column[data-textsize="5"] h2, .plaza-canvas .task-row[data-textsize="5"] h2 {
    font-size: 25px; }
  .plaza-canvas .reading-column[data-textsize="5"] h3, .plaza-canvas .task-row[data-textsize="5"] h3 {
    font-size: 22px; }
  .plaza-canvas .reading-column[data-textsize="6"] p, .plaza-canvas .reading-column[data-textsize="6"] li, .plaza-canvas .task-row[data-textsize="6"] p, .plaza-canvas .task-row[data-textsize="6"] li {
    font-size: 15.75px; }
  .plaza-canvas .reading-column[data-textsize="6"] h1, .plaza-canvas .task-row[data-textsize="6"] h1 {
    font-size: 29.4px; }
  .plaza-canvas .reading-column[data-textsize="6"] h2, .plaza-canvas .task-row[data-textsize="6"] h2 {
    font-size: 26.25px; }
  .plaza-canvas .reading-column[data-textsize="6"] h3, .plaza-canvas .task-row[data-textsize="6"] h3 {
    font-size: 23.1px; }
  .plaza-canvas .reading-column[data-textsize="7"] p, .plaza-canvas .reading-column[data-textsize="7"] li, .plaza-canvas .task-row[data-textsize="7"] p, .plaza-canvas .task-row[data-textsize="7"] li {
    font-size: 17.25px; }
  .plaza-canvas .reading-column[data-textsize="7"] h1, .plaza-canvas .task-row[data-textsize="7"] h1 {
    font-size: 32.2px; }
  .plaza-canvas .reading-column[data-textsize="7"] h2, .plaza-canvas .task-row[data-textsize="7"] h2 {
    font-size: 28.75px; }
  .plaza-canvas .reading-column[data-textsize="7"] h3, .plaza-canvas .task-row[data-textsize="7"] h3 {
    font-size: 25.3px; }
  .plaza-canvas .file-area {
    position: fixed;
    background-color: #fff;
    border: 1px solid #E0E3E2;
    border-bottom: 0px;
    border-radius: 4px 4px 0px 0px;
    /*top: 0px;*/
    left: 28%;
    right: 28%;
    bottom: -100px;
    z-index: 40;
    padding: 8px 0px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
    .plaza-canvas .file-area.visible {
      max-height: 200px;
      bottom: 0px; }
    .plaza-canvas .file-area .audio-player {
      width: 85%;
      margin-left: 5%;
      display: inline-block; }
      .plaza-canvas .file-area .audio-player audio {
        width: 100%;
        background-color: transparent; }
    .plaza-canvas .file-area .closes-file-area {
      width: 8%;
      height: 100%;
      display: inline-block;
      background: url("../svg/close.svg") no-repeat center center;
      background-size: 16px 16px;
      cursor: pointer; }
      .plaza-canvas .file-area .closes-file-area span {
        opacity: 0; }
  .plaza-canvas .intercept-links a {
    position: relative; }
    .plaza-canvas .intercept-links a .popup {
      position: absolute;
      bottom: -80%;
      padding: 30px 20px;
      display: flex;
      display: -webkit-flex;
      left: 0%;
      opacity: 0;
      transition: all 0.1s;
      -webkit-transition: all 0.1s;
      -webkit-animation-timing-function: ease-out;
      /* Chrome, Safari, Opera */
      animation-timing-function: ease-out; }
      .plaza-canvas .intercept-links a .popup p {
        position: absolute;
        top: 13px;
        left: 20px;
        right: 20px;
        background-color: #80bae4;
        text-align: center;
        font-size: 10px;
        border: 1px solid #6aa3cd;
        border-bottom: 0px; }
      .plaza-canvas .intercept-links a .popup span {
        background-color: #fefefe;
        border: 1px solid #6aa3cd;
        opacity: 1;
        width: 70px;
        display: block;
        margin: 0px 0em;
        text-align: center;
        padding: 4px 8px;
        font-size: 10px;
        vertical-align: middle;
        background-color: #80bae4;
        color: #fff;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        -webkit-align-items: center;
        /* Safari */
        align-items: center;
        letter-spacing: 0.035em;
        transition: all 0.3s;
        -webkit-transition: all 0.3s; }
        .plaza-canvas .intercept-links a .popup span:hover {
          background-color: #8fcfff; }
        .plaza-canvas .intercept-links a .popup span:last-child {
          border-left: 0px; }
      .plaza-canvas .intercept-links a .popup.popped {
        opacity: 1;
        bottom: -10%; }
  .plaza-canvas .reading-column {
    width: 100%;
    padding: 0px 0% 0px 0%;
    position: fixed;
    top: 52px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #ebebeb;
    background: url("../images/noise.jpg");
    transition: all 0.25s;
    -webkit-transition: all 0.25s; }
    .plaza-canvas .reading-column.note-column-state-s {
      padding-right: 0px; }
      .plaza-canvas .reading-column.note-column-state-s .reading-area {
        right: 15%; }
    .plaza-canvas .reading-column.nav-column-state-s {
      padding-left: 0px; }
      .plaza-canvas .reading-column.nav-column-state-s .reading-area {
        left: 15%; }
      .plaza-canvas .reading-column.nav-column-state-s .tooltip-container {
        left: 16%; }
    .plaza-canvas .reading-column.note-column-state-l .reading-area {
      left: 5%;
      right: 45%; }
    .plaza-canvas .reading-column.note-column-state-l .tooltip-container {
      left: 6%;
      right: 46%; }
    .plaza-canvas .reading-column.note-column-state-l .reading-column-tab-container {
      padding-right: 45%; }
    .plaza-canvas .reading-column .reading-column-tab-container {
      text-align: center;
      position: fixed;
      top: 44px;
      left: 25%;
      right: 25%;
      padding-top: 8px;
      z-index: 20;
      font-size: 0px;
      display: -webkit-flex;
      /* Safari */
      display: flex;
      -webkit-justify-content: space-between;
      /* Safari */
      justify-content: space-between;
      -webkit-align-items: stretch;
      /* Safari */
      align-items: stretch; }
      .plaza-canvas .reading-column .reading-column-tab-container .tab-button {
        width: 16%;
        height: 54px;
        font-size: 9px;
        border: none;
        position: relative;
        background-color: #fdfdfd;
        padding: 8px 8px 4px;
        color: #3f3f3f;
        font-family: "Open Sans", sans-serif;
        transition: all 0.15s;
        -webkit-transition: all 0.15s; }
        .plaza-canvas .reading-column .reading-column-tab-container .tab-button .label {
          display: block;
          font-size: 12px;
          position: absolute;
          margin: 0 8px;
          top: 6px;
          left: 0px;
          right: 0px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .plaza-canvas .reading-column .reading-column-tab-container .tab-button .loaded-content {
          margin-top: 18px;
          line-height: 1.3em;
          display: block;
          max-height: 2.6em;
          overflow: hidden; }
        .plaza-canvas .reading-column .reading-column-tab-container .tab-button:focus {
          outline: none; }
        .plaza-canvas .reading-column .reading-column-tab-container .tab-button.highlight {
          background-color: #fff; }
        .plaza-canvas .reading-column .reading-column-tab-container .tab-button.enabled {
          color: #ababab; }
        .plaza-canvas .reading-column .reading-column-tab-container .tab-button.current {
          background: #fff;
          margin-top: 4px;
          /*
          &:after {
            content: ' ';
            left: 0px;
            right: 0px;
            bottom: -4px;
            position: absolute;
            border-bottom: 6px solid #fff;
          }
          */ }
    .plaza-canvas .reading-column .splash-view a {
      display: inline-block;
      width: 200px;
      padding: 80px 0px;
      text-align: center;
      background: #ebebeb; }
      .plaza-canvas .reading-column .splash-view a:hover {
        background: #ddd; }
    .plaza-canvas .reading-column .reading-area {
      display: none;
      overflow: scroll;
      position: absolute;
      top: 58px;
      right: 25%;
      left: 25%;
      bottom: 0px;
      padding: 0 2.5% 90vh 2.5%;
      background-color: #fff;
      transition: all 0.25s;
      -webkit-transition: all 0.25s; }
      .plaza-canvas .reading-column .reading-area.main-reading-area.tooltip-visible {
        opacity: 0.6; }
      .plaza-canvas .reading-column .reading-area.resource-reading-area h1.resource-title {
        display: none; }
      .plaza-canvas .reading-column .reading-area.current-reading-area {
        display: block; }
      .plaza-canvas .reading-column .reading-area .folding-content p.folding-content-header {
        font-style: italic;
        cursor: pointer; }
      .plaza-canvas .reading-column .reading-area .folding-content .folded-content {
        max-height: 0px;
        overflow: hidden;
        transition: all 0.2s;
        -webkit-transition: all 0.2s; }
      .plaza-canvas .reading-column .reading-area .folding-content.unfolded .folded-content {
        max-height: 9999px;
        transition: all 0.75s;
        -webkit-transition: all 0.75s; }
    .plaza-canvas .reading-column .task-reading-area .task-area {
      margin: auto;
      height: 100%;
      padding: 64px 0 32px;
      background: #FFF;
      transition: padding 0.25s;
      -webkit-transition: padding 0.25s; }
      .plaza-canvas .reading-column .task-reading-area .task-area.note-column-hidden {
        padding-right: 0px; }
      .plaza-canvas .reading-column .task-reading-area .task-area.nav-column-hidden {
        padding-left: 0px; }
      .plaza-canvas .reading-column .task-reading-area .task-area h1 {
        font-family: "Open Sans Condensed", sans-serif;
        font-weight: 600;
        margin-top: 0.25em; }
      .plaza-canvas .reading-column .task-reading-area .task-area .task-title h1 {
        font-size: 48px;
        margin-left: 32px;
        margin-right: 32px;
        color: #70BFA9;
        font-weight: 400; }
      .plaza-canvas .reading-column .task-reading-area .task-area .task-content h1 {
        font-size: 32px; }
      .plaza-canvas .reading-column .task-reading-area .task-area .task-content h2 {
        font-size: 28px; }
        .plaza-canvas .reading-column .task-reading-area .task-area .task-content h2.centered {
          text-align: center; }
      .plaza-canvas .reading-column .task-reading-area .task-area .task-content h3, .plaza-canvas .reading-column .task-reading-area .task-area .task-content h4 {
        margin-left: 32px;
        margin-right: 32px; }
      .plaza-canvas .reading-column .task-reading-area .task-area .task-content > p, .plaza-canvas .reading-column .task-reading-area .task-area .task-content > h1, .plaza-canvas .reading-column .task-reading-area .task-area .task-content > h2 {
        margin-left: 32px;
        margin-right: 32px; }
      .plaza-canvas .reading-column .task-reading-area .task-area .task-content ul.task-overview {
        display: -webkit-flex;
        display: flex;
        padding: 0px;
        justify-content: space-around;
        list-style-type: none;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        .plaza-canvas .reading-column .task-reading-area .task-area .task-content ul.task-overview li {
          /*display: inline-block;*/
          width: 31%;
          min-width: 220px;
          background-color: #70BFA9;
          margin-bottom: 16px;
          padding: 16px;
          padding-right: 40px;
          position: relative; }
          .plaza-canvas .reading-column .task-reading-area .task-area .task-content ul.task-overview li::after {
            content: "";
            position: absolute;
            background-color: red;
            background: url("../images/arrow-large-right.png") no-repeat left center #ffffff;
            right: 0px;
            top: 0px;
            width: 24px;
            height: 100%;
            z-index: 19; }
          .plaza-canvas .reading-column .task-reading-area .task-area .task-content ul.task-overview li:last-child::after {
            background: none; }
          .plaza-canvas .reading-column .task-reading-area .task-area .task-content ul.task-overview li h2 {
            font-size: 0.8em;
            color: #fff;
            text-transform: uppercase;
            font-family: "Open Sans Condensed", sans-serif;
            font-weight: 400;
            margin-top: 0px; }
          .plaza-canvas .reading-column .task-reading-area .task-area .task-content ul.task-overview li p {
            font-size: 0.65em; }
      .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-part-header, .plaza-canvas .reading-column .task-reading-area .task-area .task-content .evaluation, .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-intro {
        background: #70BFA9;
        padding: 16px;
        margin-top: 32px;
        margin-bottom: 32px; }
        .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-part-header h1, .plaza-canvas .reading-column .task-reading-area .task-area .task-content .evaluation h1, .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-intro h1 {
          margin: 0px;
          font-family: "Open Sans Condensed", sans-serif;
          color: #fff;
          text-transform: uppercase; }
        .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-part-header h2, .plaza-canvas .reading-column .task-reading-area .task-area .task-content .evaluation h2, .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-intro h2 {
          margin: 0px;
          font-family: "Open Sans Condensed", sans-serif;
          color: #fff;
          font-weight: 400;
          text-transform: uppercase; }
        .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-part-header p.resources, .plaza-canvas .reading-column .task-reading-area .task-area .task-content .evaluation p.resources, .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-intro p.resources {
          color: #fff;
          margin: 0px;
          font-family: "Open Sans Condensed", sans-serif; }
          .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-part-header p.resources span, .plaza-canvas .reading-column .task-reading-area .task-area .task-content .evaluation p.resources span, .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-intro p.resources span {
            color: #3f3f3f; }
      .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-intro {
        position: relative; }
        .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-intro:after {
          content: "";
          height: 24px;
          position: absolute;
          bottom: -24px;
          left: 0px;
          right: 0px;
          width: 100%;
          background: url("../images/arrow-large-down.png") no-repeat center center; }
        .plaza-canvas .reading-column .task-reading-area .task-area .task-content .task-intro h1 {
          text-align: center;
          font-size: 28px;
          margin-bottom: 1em; }
      .plaza-canvas .reading-column .task-reading-area .task-area .task-content .evaluation {
        position: relative; }
        .plaza-canvas .reading-column .task-reading-area .task-area .task-content .evaluation:after {
          content: "";
          height: 24px;
          position: absolute;
          top: 0px;
          left: 0px;
          right: 0px;
          width: 100%;
          background: url("../images/arrow-large-down-inverted.png") no-repeat center center; }
        .plaza-canvas .reading-column .task-reading-area .task-area .task-content .evaluation p {
          font-family: "Open Sans Condensed", sans-serif; }
    .plaza-canvas .reading-column .tooltip-container {
      z-index: 40;
      opacity: 0;
      left: 0%;
      right: 0%;
      transition: all 0s; }
      .plaza-canvas .reading-column .tooltip-container.visible {
        opacity: 1;
        left: 8%;
        right: 8%;
        display: block;
        position: absolute;
        background: #80bae4;
        border: 1px solid #6aa3cd;
        padding: 32px;
        border-radius: 8px;
        transition: all 0.25s; }
        .plaza-canvas .reading-column .tooltip-container.visible .closes-tooltip {
          position: absolute;
          top: -8px;
          right: -8px;
          width: 32px;
          height: 32px;
          border-radius: 16px;
          color: #333;
          padding: 12px;
          font-weight: 100;
          transition: background 0.25s;
          -webkit-transition: background 0.25s;
          background: url("../images/icon-close.png") no-repeat;
          background-size: 32px 32px; }
        .plaza-canvas .reading-column .tooltip-container.visible .tooltip-title, .plaza-canvas .reading-column .tooltip-container.visible .tooltip-content {
          opacity: 1; }
      .plaza-canvas .reading-column .tooltip-container .tooltip-title, .plaza-canvas .reading-column .tooltip-container .tooltip-content {
        opacity: 0;
        transition: opacity 0.15s;
        -webkit-transition: opacity 0.15s;
        transition-delay: 0.25s;
        -webkit-transition-delay: 0.25s;
        text-shadow: 1px 1px 0px #6aa3cd; }
      .plaza-canvas .reading-column .tooltip-container .tooltip-title {
        margin: 0px;
        color: #ffffff;
        font-size: 21px;
        font-family: "Open Sans Condensed", sans-serif; }
      .plaza-canvas .reading-column .tooltip-container .tooltip-content {
        font-size: 14px;
        color: #ffffff; }
  .plaza-canvas .task-row {
    margin: 0px;
    position: fixed;
    z-index: 11;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 40%;
    border-top: 16px solid #313333;
    padding: 0px 2.5% 24px;
    background: #ffffff;
    transition: top 0.25s, box-shadow 0.5s;
    -webkit-transition: top 0.25s, box-shadow 0.5s;
    box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.75);
    /* TODO remove this when it is no longer in use */ }
    .plaza-canvas .task-row.inactive {
      display: none; }
    .plaza-canvas .task-row.state-s {
      top: 99%;
      box-shadow: 0px 0px 0px #000; }
    .plaza-canvas .task-row.state-m {
      top: 50%;
      box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.75); }
    .plaza-canvas .task-row.state-l {
      top: 15%;
      box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.75); }
    .plaza-canvas .task-row.compact {
      top: 99%;
      box-shadow: 0px 0px 0px #000; }
    .plaza-canvas .task-row .task-column-tools {
      position: absolute;
      top: -41px;
      left: 27%;
      width: 105px;
      height: 25px;
      background-size: 16px 16px; }
      .plaza-canvas .task-row .task-column-tools .toggles-column {
        display: block;
        width: 35px;
        height: 25px;
        float: left;
        border-top: 1px solid #5A9A89;
        border-right: 1px solid #5A9A89;
        border-left: 1px solid #5A9A89; }
        .plaza-canvas .task-row .task-column-tools .toggles-column.state-s {
          background: url("../images/icon-minimize-right-horizontal-s.png") top center #5A9A89;
          border-right: 1px solid #70BFA9; }
        .plaza-canvas .task-row .task-column-tools .toggles-column.state-m {
          background: url("../images/icon-minimize-right-horizontal-m.png") top center #5A9A89;
          border-right: 1px solid #70BFA9; }
        .plaza-canvas .task-row .task-column-tools .toggles-column.state-l {
          left: 0px;
          background: url("../images/icon-minimize-right-horizontal-l.png") top center #5A9A89; }
    .plaza-canvas .task-row .hides-task-row {
      position: absolute;
      top: -48px;
      left: 27%;
      width: 32px;
      height: 32px;
      background: url("../svg/task.svg") no-repeat center center #70BFA9;
      background-size: 16px 16px;
      border-right: 1px solid #5A9A89;
      border-left: 1px solid #5A9A89;
      border-bottom: 1px solid #5A9A89; }
    .plaza-canvas .task-row .task-area {
      width: 54%;
      margin: auto;
      height: 100%;
      padding: 64px 5% 32px;
      overflow-y: scroll;
      background: #FFF;
      transition: padding 0.25s;
      -webkit-transition: padding 0.25s; }
      .plaza-canvas .task-row .task-area.note-column-hidden {
        padding-right: 0px; }
      .plaza-canvas .task-row .task-area.nav-column-hidden {
        padding-left: 0px; }
      .plaza-canvas .task-row .task-area h1 {
        font-family: "Open Sans Condensed", sans-serif;
        font-weight: 600;
        margin-top: 0.25em; }
      .plaza-canvas .task-row .task-area .task-title h1 {
        font-size: 48px;
        margin-left: 32px;
        margin-right: 32px;
        color: #70BFA9;
        font-weight: 400; }
      .plaza-canvas .task-row .task-area .task-content h1 {
        font-size: 32px; }
      .plaza-canvas .task-row .task-area .task-content h2 {
        font-size: 28px; }
        .plaza-canvas .task-row .task-area .task-content h2.centered {
          text-align: center; }
      .plaza-canvas .task-row .task-area .task-content h3, .plaza-canvas .task-row .task-area .task-content h4 {
        margin-left: 32px;
        margin-right: 32px; }
      .plaza-canvas .task-row .task-area .task-content > p, .plaza-canvas .task-row .task-area .task-content > h1, .plaza-canvas .task-row .task-area .task-content > h2 {
        margin-left: 32px;
        margin-right: 32px; }
      .plaza-canvas .task-row .task-area .task-content ul.task-overview {
        display: -webkit-flex;
        display: flex;
        padding: 0px;
        justify-content: space-around;
        list-style-type: none;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        .plaza-canvas .task-row .task-area .task-content ul.task-overview li {
          /*display: inline-block;*/
          width: 31%;
          min-width: 220px;
          background-color: #70BFA9;
          margin-bottom: 16px;
          padding: 16px;
          padding-right: 40px;
          position: relative; }
          .plaza-canvas .task-row .task-area .task-content ul.task-overview li::after {
            content: "";
            position: absolute;
            background-color: red;
            background: url("../images/arrow-large-right.png") no-repeat left center #ffffff;
            right: 0px;
            top: 0px;
            width: 24px;
            height: 100%;
            z-index: 99; }
          .plaza-canvas .task-row .task-area .task-content ul.task-overview li:last-child::after {
            background: none; }
          .plaza-canvas .task-row .task-area .task-content ul.task-overview li h2 {
            font-size: 0.8em;
            color: #fff;
            text-transform: uppercase;
            font-family: "Open Sans Condensed", sans-serif;
            font-weight: 400;
            margin-top: 0px; }
          .plaza-canvas .task-row .task-area .task-content ul.task-overview li p {
            font-size: 0.65em; }
      .plaza-canvas .task-row .task-area .task-content .task-part-header, .plaza-canvas .task-row .task-area .task-content .evaluation, .plaza-canvas .task-row .task-area .task-content .task-intro {
        background: #70BFA9;
        padding: 16px;
        margin-top: 32px;
        margin-bottom: 32px; }
        .plaza-canvas .task-row .task-area .task-content .task-part-header h1, .plaza-canvas .task-row .task-area .task-content .evaluation h1, .plaza-canvas .task-row .task-area .task-content .task-intro h1 {
          margin: 0px;
          font-family: "Open Sans Condensed", sans-serif;
          color: #fff;
          text-transform: uppercase; }
        .plaza-canvas .task-row .task-area .task-content .task-part-header h2, .plaza-canvas .task-row .task-area .task-content .evaluation h2, .plaza-canvas .task-row .task-area .task-content .task-intro h2 {
          margin: 0px;
          font-family: "Open Sans Condensed", sans-serif;
          color: #fff;
          font-weight: 400;
          text-transform: uppercase; }
        .plaza-canvas .task-row .task-area .task-content .task-part-header p.resources, .plaza-canvas .task-row .task-area .task-content .evaluation p.resources, .plaza-canvas .task-row .task-area .task-content .task-intro p.resources {
          color: #fff;
          margin: 0px;
          font-family: "Open Sans Condensed", sans-serif; }
          .plaza-canvas .task-row .task-area .task-content .task-part-header p.resources span, .plaza-canvas .task-row .task-area .task-content .evaluation p.resources span, .plaza-canvas .task-row .task-area .task-content .task-intro p.resources span {
            color: #3f3f3f; }
      .plaza-canvas .task-row .task-area .task-content .task-intro {
        position: relative; }
        .plaza-canvas .task-row .task-area .task-content .task-intro:after {
          content: "";
          height: 24px;
          position: absolute;
          bottom: -24px;
          left: 0px;
          right: 0px;
          width: 100%;
          background: url("../images/arrow-large-down.png") no-repeat center center; }
        .plaza-canvas .task-row .task-area .task-content .task-intro h1 {
          text-align: center;
          font-size: 28px;
          margin-bottom: 1em; }
      .plaza-canvas .task-row .task-area .task-content .evaluation {
        position: relative; }
        .plaza-canvas .task-row .task-area .task-content .evaluation:after {
          content: "";
          height: 24px;
          position: absolute;
          top: 0px;
          left: 0px;
          right: 0px;
          width: 100%;
          background: url("../images/arrow-large-down-inverted.png") no-repeat center center; }
        .plaza-canvas .task-row .task-area .task-content .evaluation p {
          font-family: "Open Sans Condensed", sans-serif; }
  .plaza-canvas .support-column {
    width: 22.5%;
    min-width: 270px;
    height: 100%;
    position: fixed;
    padding: 32px 0px 0px 0px;
    top: 48px;
    right: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 30;
    overflow: visible;
    transition: all 0.1s;
    -webkit-transition: all 0.1s; }
    .plaza-canvas .support-column .opens-tab span, .plaza-canvas .support-column .note-area {
      transition: opacity 0.2s;
      -webkit-transition: opacity 0.2s; }
    .plaza-canvas .support-column .tab {
      transition: opacity 0.05s;
      -webkit-transition: opacity 0.05s; }
    .plaza-canvas .support-column.state-s {
      width: 32px;
      min-width: 16px;
      padding: 32px 0px 0px 0px; }
      .plaza-canvas .support-column.state-s .tab-container {
        width: 100%;
        background-color: #FFF; }
        .plaza-canvas .support-column.state-s .tab-container div.tab {
          opacity: 0; }
        .plaza-canvas .support-column.state-s .tab-container ul.tab-list {
          font-size: 0px;
          display: block;
          background-color: #5A9A89; }
          .plaza-canvas .support-column.state-s .tab-container ul.tab-list li {
            opacity: 0; }
      .plaza-canvas .support-column.state-s .note-area {
        margin-left: 16px;
        opacity: 0; }
    .plaza-canvas .support-column.state-m {
      width: 22.5%; }
    .plaza-canvas .support-column.state-l {
      width: 42.5%; }
    .plaza-canvas .support-column.compact {
      width: 16px;
      min-width: 16px;
      padding: 32px 0px 0px 0px; }
      .plaza-canvas .support-column.compact .tab-container .tab-list li a {
        display: none; }
        .plaza-canvas .support-column.compact .tab-container .tab-list li a.active-tab {
          display: block; }
      .plaza-canvas .support-column.compact .tab {
        opacity: 0; }
      .plaza-canvas .support-column.compact .opens-tab span, .plaza-canvas .support-column.compact .note-area, .plaza-canvas .support-column.compact .tab-content {
        opacity: 0 !important;
        max-width: 0px !important;
        overflow: hidden; }
      .plaza-canvas .support-column.compact .hides-note-column .exp {
        display: inline; }
      .plaza-canvas .support-column.compact .hides-note-column .cont {
        display: none; }
    .plaza-canvas .support-column .hides-note-column, .plaza-canvas .support-column .toggles-column {
      position: absolute;
      top: 48px;
      right: 100%;
      font-size: 24px;
      color: #fff;
      width: 32px;
      padding: 8px 0px;
      text-align: center;
      z-index: 11;
      display: block;
      width: 32px;
      height: 32px;
      /*background: url('../svg/note.svg') no-repeat center center $color_green_shade;*/
      background-size: 16px 16px;
      border: 1px solid #5A9A89;
      border-right: 0px;
      transition: background 0.25s;
      -webkit-transition: background 0.25s; }
      .plaza-canvas .support-column .hides-note-column:hover, .plaza-canvas .support-column .toggles-column:hover {
        background-color: #7CD4BC !important; }
      .plaza-canvas .support-column .hides-note-column.state-s, .plaza-canvas .support-column .toggles-column.state-s {
        top: 112px;
        background: url("../images/icon-minimize-right-vertical-s.png") #5A9A89;
        border-top: 0px; }
      .plaza-canvas .support-column .hides-note-column.state-m, .plaza-canvas .support-column .toggles-column.state-m {
        top: 80px;
        background: url("../images/icon-minimize-right-vertical-m.png") #5A9A89;
        border-bottom: 1px solid #70BFA9;
        border-top: 0px; }
      .plaza-canvas .support-column .hides-note-column.state-l, .plaza-canvas .support-column .toggles-column.state-l {
        top: 48px;
        background: url("../images/icon-minimize-right-vertical-l.png") #5A9A89;
        border-bottom: 1px solid #70BFA9; }
      .plaza-canvas .support-column .hides-note-column .exp, .plaza-canvas .support-column .toggles-column .exp {
        display: none; }
      .plaza-canvas .support-column .hides-note-column .cont, .plaza-canvas .support-column .toggles-column .cont {
        display: block; }
    .plaza-canvas .support-column .tab-container, .plaza-canvas .support-column .nav-container {
      width: 100%;
      /*
      .support-tab {
        overflow-y: scroll;
        max-height: 200px;

        .support-nav-options {
          h3.category-header {
            box-shadow: none;
          }
        }

        .support-reading-area {
          background-color: $color_reading_area_background;
          padding: 0px 4% 0px 4%;

          &.has-content {
            padding: 16px 4% 70vh 4%;
          }

        }
      }
      */ }
      .plaza-canvas .support-column .tab-container div.tab, .plaza-canvas .support-column .nav-container div.tab {
        transition: opacity 0.15s;
        -webkit-transition: opacity 0.15s; }
      .plaza-canvas .support-column .tab-container ul.tab-list, .plaza-canvas .support-column .nav-container ul.tab-list {
        font-size: 0px;
        display: block;
        background-color: #5A9A89; }
        .plaza-canvas .support-column .tab-container ul.tab-list li, .plaza-canvas .support-column .nav-container ul.tab-list li {
          font-size: 12px;
          width: 33%;
          display: inline-block;
          transition: opacity 0.15s;
          -webkit-transition: opacity 0.15s; }
          .plaza-canvas .support-column .tab-container ul.tab-list li a, .plaza-canvas .support-column .nav-container ul.tab-list li a {
            display: block;
            min-width: 80px;
            text-align: center;
            padding: 18px 0px;
            color: #FFFFFF;
            text-shadow: 1px 1px 0px #3f3f3f;
            background-color: #5A9A89; }
            .plaza-canvas .support-column .tab-container ul.tab-list li a.active-tab, .plaza-canvas .support-column .nav-container ul.tab-list li a.active-tab {
              background-color: #70BFA9; }
      .plaza-canvas .support-column .tab-container h1, .plaza-canvas .support-column .tab-container h2, .plaza-canvas .support-column .tab-container h3, .plaza-canvas .support-column .tab-container h4, .plaza-canvas .support-column .nav-container h1, .plaza-canvas .support-column .nav-container h2, .plaza-canvas .support-column .nav-container h3, .plaza-canvas .support-column .nav-container h4 {
        font-family: "Noto Serif", serif;
        line-height: 1.3em; }
      .plaza-canvas .support-column .tab-container h1, .plaza-canvas .support-column .nav-container h1 {
        font-size: 18pt; }
      .plaza-canvas .support-column .tab-container h2, .plaza-canvas .support-column .nav-container h2 {
        font-size: 16pt; }
      .plaza-canvas .support-column .tab-container h3, .plaza-canvas .support-column .nav-container h3 {
        font-size: 15pt; }
      .plaza-canvas .support-column .tab-container p, .plaza-canvas .support-column .tab-container li, .plaza-canvas .support-column .nav-container p, .plaza-canvas .support-column .nav-container li {
        font-family: "Noto Serif", serif;
        font-size: 15px;
        line-height: 1.6em;
        letter-spacing: 0.025em;
        color: #ffffff; }
      .plaza-canvas .support-column .tab-container iframe, .plaza-canvas .support-column .tab-container img, .plaza-canvas .support-column .nav-container iframe, .plaza-canvas .support-column .nav-container img {
        max-width: 100%;
        height: auto; }
      .plaza-canvas .support-column .tab-container .note-tab .note-area, .plaza-canvas .support-column .nav-container .note-tab .note-area {
        padding-top: 16px;
        background-color: #fff;
        padding-bottom: 48px;
        position: relative;
        transition: all 0.15s;
        -webkit-transition: all 0.15s; }
        .plaza-canvas .support-column .tab-container .note-tab .note-area.inactive, .plaza-canvas .support-column .nav-container .note-tab .note-area.inactive {
          opacity: 0.25;
          display: none; }
        .plaza-canvas .support-column .tab-container .note-tab .note-area .note-meta, .plaza-canvas .support-column .nav-container .note-tab .note-area .note-meta {
          margin: 5%;
          text-shadow: none; }
        .plaza-canvas .support-column .tab-container .note-tab .note-area .textarea, .plaza-canvas .support-column .nav-container .note-tab .note-area .textarea {
          width: 90%;
          min-height: 286px;
          margin: 5% 5% 10%;
          border: none;
          background: url("../images/note-bg.png");
          background-attachment: local;
          padding: 4px;
          line-height: 24px;
          letter-spaing: 0.045em;
          font-weight: 100; }
        .plaza-canvas .support-column .tab-container .note-tab .note-area p.note-content-double, .plaza-canvas .support-column .nav-container .note-tab .note-area p.note-content-double {
          display: none; }
        .plaza-canvas .support-column .tab-container .note-tab .note-area .note-tools, .plaza-canvas .support-column .nav-container .note-tab .note-area .note-tools {
          text-align: right;
          padding: 0px 5%; }
          .plaza-canvas .support-column .tab-container .note-tab .note-area .note-tools a.prints-note, .plaza-canvas .support-column .nav-container .note-tab .note-area .note-tools a.prints-note {
            display: inline-block;
            width: 32px;
            height: 32px;
            padding: 4px; }
          .plaza-canvas .support-column .tab-container .note-tab .note-area .note-tools a.saves-note, .plaza-canvas .support-column .tab-container .note-tab .note-area .note-tools a.exports-note, .plaza-canvas .support-column .nav-container .note-tab .note-area .note-tools a.saves-note, .plaza-canvas .support-column .nav-container .note-tab .note-area .note-tools a.exports-note {
            display: inline-block;
            padding: 8px;
            background-color: #333;
            bottom: 16px;
            right: 16px;
            border-radius: 4px;
            color: #fff;
            font-weight: 100; }
      .plaza-canvas .support-column .tab-container .links-tab, .plaza-canvas .support-column .nav-container .links-tab {
        overflow: scroll;
        border-bottom: 16px solid #fff; }
        .plaza-canvas .support-column .tab-container .links-tab .link-reading-area, .plaza-canvas .support-column .nav-container .links-tab .link-reading-area {
          padding: 16px 4% 70vh 4%; }

/* Ends plaza canvas */
/* Begins admin canvas */
.dashboard-canvas {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding-top: 64px; }
  .dashboard-canvas h1, .dashboard-canvas h2 {
    margin-top: 1em;
    margin-bottom: 0.5em; }
  .dashboard-canvas ul li {
    margin-bottom: 0.5em; }
  .dashboard-canvas .button {
    display: inline-block;
    padding: 8px;
    border: 1px solid #FFF;
    background-color: #EDA05E;
    color: #FFF;
    transition: all 0.2s;
    -webkit-transition: all 0.2s; }
    .dashboard-canvas .button:hover {
      border: 1px solid #EDA05E;
      background-color: #FFF;
      color: #EDA05E; }
  .dashboard-canvas table {
    width: 100%;
    text-align: left; }
    .dashboard-canvas table th, .dashboard-canvas table td {
      padding: 4px; }
  .dashboard-canvas .form-field {
    margin-bottom: 32px; }
    .dashboard-canvas .form-field label {
      display: block;
      margin-bottom: 4px; }
    .dashboard-canvas .form-field input {
      padding: 0.33em;
      width: 100%;
      max-width: 320px; }
      .dashboard-canvas .form-field input[type=submit] {
        background-color: #70BFA9;
        border: none;
        padding: 16px;
        color: #fff;
        text-shadow: 1px 1px 1px #3f3f3f;
        font-weight: 200; }
  .dashboard-canvas table {
    margin-bottom: 64px; }
    .dashboard-canvas table tr:nth-child(odd) {
      background-color: #ebebeb; }
    .dashboard-canvas table td {
      line-height: 1.3em; }
    .dashboard-canvas table.customertable tr.customer-status-disabled {
      opacity: 0.25; }
    .dashboard-canvas table .key-col input {
      width: 300px;
      padding: 4px 8px; }
    .dashboard-canvas table .info-cell .toggles-info {
      color: #266E9E;
      cursor: pointer; }
      .dashboard-canvas table .info-cell .toggles-info .reveals {
        display: block; }
      .dashboard-canvas table .info-cell .toggles-info .hides {
        display: none; }
    .dashboard-canvas table .info-cell .info-container {
      display: none; }
    .dashboard-canvas table .info-cell.show-info .info-container {
      display: block; }
    .dashboard-canvas table .info-cell.show-info .reveals {
      display: none; }
    .dashboard-canvas table .info-cell.show-info .hides {
      display: block; }

/* Ends admin canvas */
/* Dev CSS */
#site-container {
  width: 100%;
  margin: auto;
  padding: 16px 0px;
  min-width: 960px; }

.plaza-canvas .dark {
  top: 52px;
  padding: 0px 0px;
  background-color: #3f3f3f; }
  .plaza-canvas .dark.state-s .tab-container, .plaza-canvas .dark.state-s .nav-container {
    opacity: 0; }

.left-nav-container, .right-nav-container {
  background-color: #3f3f3f;
  color: #fff;
  text-shadow: 1px 1px 0px #000; }
  .left-nav-container .tab-container, .right-nav-container .tab-container {
    display: flex;
    display: -webkit-flex;
    background-color: #999;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s; }
    .left-nav-container .tab-container .tab, .right-nav-container .tab-container .tab {
      width: 33.33333%;
      text-align: center;
      padding: 18px 0;
      font-family: "Open Sans", sans-serif;
      font-size: 12px;
      color: #ffffff;
      text-shadow: 1px 1px 0px #000; }
      .left-nav-container .tab-container .tab.current, .right-nav-container .tab-container .tab.current {
        background-color: #3f3f3f !important; }
  .left-nav-container .nav-container, .right-nav-container .nav-container {
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    bottom: 40px;
    top: 50px;
    right: 0px;
    left: 0px;
    position: absolute;
    overflow-y: scroll; }
    .left-nav-container .nav-container .nav, .right-nav-container .nav-container .nav {
      display: none; }
      .left-nav-container .nav-container .nav.current, .right-nav-container .nav-container .nav.current {
        display: block; }
      .left-nav-container .nav-container .nav .top-target ul li, .right-nav-container .nav-container .nav .top-target ul li {
        line-height: 1.3em; }
        .left-nav-container .nav-container .nav .top-target ul li a, .right-nav-container .nav-container .nav .top-target ul li a {
          padding: 0.5em 0.5em;
          color: #fff;
          font-weight: 700; }
          .left-nav-container .nav-container .nav .top-target ul li a.top-level, .right-nav-container .nav-container .nav .top-target ul li a.top-level {
            font-size: 14pt;
            font-weight: 300;
            border-top: 1px solid #555; }
        .left-nav-container .nav-container .nav .top-target ul li:first-child a.top-level, .right-nav-container .nav-container .nav .top-target ul li:first-child a.top-level {
          border-top: none; }
        .left-nav-container .nav-container .nav .top-target ul li .target.listing-target a, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target a {
          padding: 0.45em 0.5em 0.45em 1em;
          font-weight: 400;
          font-size: 11pt; }
        .left-nav-container .nav-container .nav .top-target ul li .target.listing-target h3, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target h3 {
          text-shadow: none;
          font-weight: 400;
          font-size: 10pt;
          font-family: "Open Sans", sans-serif;
          margin-top: 0;
          padding-bottom: 6px;
          padding-top: 6px;
          color: #555;
          text-transform: uppercase;
          background-color: #ffffff; }
        .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul {
          margin-bottom: 0.5em; }
          .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul .current-publication, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul .current-publication {
            background-color: #555;
            padding: 0px 0px 4px 0px; }
            .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul .current-publication .loads-publication, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul .current-publication .loads-publication {
              margin-bottom: 0.33em;
              background: url("../svg/close-bright.svg") 98% 50% no-repeat;
              background-size: 16px 16px; }
            .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul .current-publication ul li a, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul .current-publication ul li a {
              font-size: 10pt; }
          .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul h3, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul h3 {
            padding-left: 2.1em; }
          .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-chapters, .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-tasks, .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-files, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-chapters, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-tasks, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-files {
            padding-left: 0.5em; }
            .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-chapters a, .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-tasks a, .left-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-files a, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-chapters a, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-tasks a, .right-nav-container .nav-container .nav .top-target ul li .target.listing-target ul.injected-files a {
              padding-left: 1.25em; }

/* Ends Dev CSS */
@media only print {
  .menu-container .menu, .menu-container .controls-menu {
    display: none !important; }

  .nav-column {
    display: none; }

  .note-column {
    display: none; }

  .task-row {
    display: none; }

  .tooltip-container {
    display: none !important; }

  body {
    margin: 25mm 25mm 25mm 15mm !important; }

  .file-area {
    display: none !important; }

  body.print-note .reading-column {
    display: none; }
  body.print-note .note-column {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    display: block; }
    body.print-note .note-column .note-content-double {
      display: block; }
    body.print-note .note-column textarea {
      display: none; }
    body.print-note .note-column a.prints-note, body.print-note .note-column a.saves-note {
      display: none; }

  .reading-column, .reading-area {
    width: 95% !important;
    margin: 0px !important;
    padding: 0px !important;
    position: relative !important;
    left: 0px !important;
    right: 0px !important; }

  .reading-column-tab-container {
    display: none; } }

/*# sourceMappingURL=plaza.css.map */