.full-width {
   width: 100%;
}

.quiet {
   font-size: smaller;
}

.scrollable-x {
   overflow-x: auto;
}

.hidden {
   display: none;
}

.errorlist {
   background: #fbe3e4;
   color: map-get($foundation-palette, alert);
   border: 2px solid #ddd;
}

.size-12 { font-size: rem-calc(12); }
.size-14 { font-size: rem-calc(14); }
.size-16 { font-size: rem-calc(16); }
.size-18 { font-size: rem-calc(18); }
.size-21 { font-size: rem-calc(21); }
.size-24 { font-size: rem-calc(24); }
.size-36 { font-size: rem-calc(36); }
.size-48 { font-size: rem-calc(48); }
.size-60 { font-size: rem-calc(60); }
.size-72 { font-size: rem-calc(72); }

#logo-row {
   margin-top: rem-calc(8);
   margin-bottom: rem-calc(8);
}

#base-header {
   margin-bottom: rem-calc(16);
}

.side-block-v3 {
   margin: 0 0 1rem 0;
   padding: 1rem;
   border-radius: 2.5rem;
   background-color: $sg101-green4;

   h1 {
      font-size: 1.25rem;
   }

   a {
      color: $sg101-green;
      &:hover,
      &:focus {
         color: $sg101-red;
      }
   }
}

.map-div {
   width: 100%;
   height: rem-calc(540);
   border: 1px solid black;
   margin: 0 auto;
}

.markItUpEditor {
   position: relative;
   width: rem-calc(590);
   height: rem-calc(200);
   top: rem-calc(8);
}