/* 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);
@media only screen {
  body textarea, body input {
    outline: none; }
  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; }

  .row {
    margin: 0 0 0 -20px; }
    .row .column {
      float: left;
      padding-left: 20px;
      width: 100%; }
      .row .column.col-left {
        float: left; }
      .row .column.col-right {
        float: right; }
      .row .column.col-1-2 {
        width: 50%; }
      .row .column.col-1-3 {
        width: 33.3333%; }
      .row .column.col-2-3 {
        width: 66.6666%; }
      .row .column.col-1-4 {
        width: 25%; }
      .row .column.col-2-4 {
        width: 50%; }
      .row .column.col-3-4 {
        width: 75%; }
      .row .column.col-1-5 {
        width: 20%; }
      .row .column.col-2-5 {
        width: 40%; }
      .row .column.col-3-5 {
        width: 60%; }
      .row .column.col-4-5 {
        width: 80%; }

  img {
    max-width: 100%;
    height: auto; }
    img.alignleft {
      float: left;
      margin: 0 16px 16px 0; }
    img.alignright {
      float: right;
      margin: 0 0 16px 16px; }

  .nomobile {
    display: block; }

  .nodesktop {
    display: none; }

  .popup-content h1 {
    font-size: 19px; }
  .popup-content p {
    line-height: 1.4em; }
  .popup-content input {
    width: 100%;
    padding: 0.5em;
    font-weight: 100;
    letter-spacing: 0.045em; }
  .popup-content input[type=submit] {
    background: #70BFA9;
    border: 1px solid #5A9A89;
    color: #fff;
    text-shadow: 1px 1px 0px #5A9A89;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    position: relative; }
    .popup-content input[type=submit]:focus {
      text-shadow: 0px 0px 3px #000;
      box-shadow: 0px 0px 3px #70BFA9; }
    .popup-content input[type=submit]:hover {
      background: #7CD4BC; }

  textarea {
    min-height: 200px; }

  #site-container.front {
    width: 100%;
    max-width: 960px;
    margin: auto; }

  .login-container {
    background: #313333;
    color: #E0E3E2;
    border-bottom: 1px solid #171818; }
    .login-container .form-container {
      padding: 0px;
      width: 100%;
      max-width: 1200px;
      margin: auto;
      font-size: 0px;
      z-index: 19; }
      .login-container .form-container form {
        width: 100%;
        text-align: right; }
      .login-container .form-container p {
        margin: 0px;
        display: block;
        font-weight: 100;
        letter-spacing: 0.045em;
        padding-bottom: 8px;
        padding-right: 32px;
        text-align: right; }
      .login-container .form-container .form-field {
        width: 20%;
        overflow: hidden;
        font-size: 14px;
        padding: 8px 0px;
        display: inline-block;
        text-align: left; }
        .login-container .form-container .form-field label {
          display: none; }
        .login-container .form-container .form-field input {
          font-size: 13px;
          font-weight: 100;
          letter-spacing: 0.045em;
          padding: 10px 8px 8px 8px;
          display: inline-block;
          border: none; }
        .login-container .form-container .form-field input.text, .login-container .form-container .form-field input.password {
          width: 85%;
          padding-left: 32px; }
        .login-container .form-container .form-field input#username {
          background: url("../svg/user.svg") 8px center no-repeat #E0E3E2;
          background-size: 16px 16px; }
        .login-container .form-container .form-field input#password {
          background: url("../svg/password.svg") 8px center no-repeat #E0E3E2;
          background-size: 16px 16px; }
        .login-container .form-container .form-field.submit {
          width: 15%; }
        .login-container .form-container .form-field .submit-button {
          width: 50%;
          background-color: #DF6260;
          border: none;
          color: #FFF;
          transition: all 0.25s;
          -webkit-transition: all 0.25s; }
          .login-container .form-container .form-field .submit-button:hover {
            background-color: #F46A68; }

  .front-canvas {
    padding-top: 64px; }

  span.tooltip {
    color: #000;
    background-color: #EAF3EE;
    padding-left: 1px;
    padding-right: 1px;
    border-radius: 2px; }

  .plaza-canvas .nav-column {
    /*overflow: hidden;*/
    transition: width 0.5s, opacity 0.5s; }
  .plaza-canvas .reading-column {
    transition: width 0.5s, opacity 0.5s; }
  .plaza-canvas .note-column {
    overflow: hidden;
    transition: width 0.5s, opacity 0.5s; }
  .plaza-canvas .reading-column {
    position: relative; } }

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