@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300|Montserrat:400,700|Poppins:400,500,600,700,300);
.template:before, .template:after {
  content: "";
  display: table; }

.template:after {
  clear: both; }

.lte-ie7 .template {
  zoom: 1; }

.template__columns {
  margin: 0 -1em; }

.template__columns__span {
  width: 100%;
  float: left;
  padding: 0 1em; }

.mason--admin .template__columns__span {
  cursor: text;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  position: relative;
  border: 3px solid #281838;
  border-top-width: 0px; }
  .mason--admin .template__columns__span:before {
    content: 'Column';
    position: absolute;
    top: 0;
    right: 0;
    background: #281838;
    text-transform: none;
    font-size: 12px;
    color: #FFF;
    padding: 6px 10px;
    line-height: 1.5em;
    z-index: 2; }
  .mason--admin .template__columns__span:first-child {
    border-top-width: 3px; }
  .mason--admin .template__columns__span:nth-child(1):before {
    content: 'Column 1'; }
  .mason--admin .template__columns__span:nth-child(2):before {
    content: 'Column 2'; }
  .mason--admin .template__columns__span:nth-child(3):before {
    content: 'Column 3'; }

@media all and (min-width: 769px) {
  .template__columns__span--1 {
    width: 8.33333%; }
  .template__columns__span--2 {
    width: 16.66667%; }
  .template__columns__span--3 {
    width: 25%; }
  .template__columns__span--4 {
    width: 33.33333%; }
  .template__columns__span--5 {
    width: 41.66667%; }
  .template__columns__span--6 {
    width: 50%; }
  .template__columns__span--7 {
    width: 58.33333%; }
  .template__columns__span--8 {
    width: 66.66667%; }
  .template__columns__span--9 {
    width: 75%; }
  .template__columns__span--10 {
    width: 83.33333%; }
  .template__columns__span--11 {
    width: 91.66667%; }
  .template__columns__span--12 {
    width: 100%; }
  .mason--admin .template__columns__span {
    border-top-width: 3px;
    border-left-width: 0px; }
    .mason--admin .template__columns__span:first-child {
      border-left-width: 3px; } }

.lte-ie8 .template__columns__span--1 {
  width: 8.33333%; }

.lte-ie8 .template__columns__span--2 {
  width: 16.66667%; }

.lte-ie8 .template__columns__span--3 {
  width: 25%; }

.lte-ie8 .template__columns__span--4 {
  width: 33.33333%; }

.lte-ie8 .template__columns__span--5 {
  width: 41.66667%; }

.lte-ie8 .template__columns__span--6 {
  width: 50%; }

.lte-ie8 .template__columns__span--7 {
  width: 58.33333%; }

.lte-ie8 .template__columns__span--8 {
  width: 66.66667%; }

.lte-ie8 .template__columns__span--9 {
  width: 75%; }

.lte-ie8 .template__columns__span--10 {
  width: 83.33333%; }

.lte-ie8 .template__columns__span--11 {
  width: 91.66667%; }

.lte-ie8 .template__columns__span--12 {
  width: 100%; }

.lte-ie8 .mason--admin .template__columns__span {
  border-top-width: 3px;
  border-left-width: 0px; }
  .lte-ie8 .mason--admin .template__columns__span:first-child {
    border-left-width: 3px; }

.template--accordion h2.template--accordion__title {
  padding: .5em 4rem .5em 1.5rem;
  border: 1px solid #235ebb;
  margin-bottom: 0.25em;
  font-size: 1.125em;
  position: relative;
  background: #235ebb;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #FFFFFF;
  -webkit-transition: background 350ms, color 350ms;
  -o-transition: background 350ms, color 350ms;
  transition: background 350ms, color 350ms; }
  .template--accordion h2.template--accordion__title:after {
    content: '';
    position: absolute;
    right: 1.5rem;
    top: 50%;
    margin-top: -3px;
    border-top: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 350ms;
    transition: -webkit-transform 350ms;
    -o-transition: transform 350ms;
    transition: transform 350ms;
    transition: transform 350ms, -webkit-transform 350ms; }

.template--accordion div.template--accordion__container {
  display: none;
  padding: 1px 1.5rem;
  line-height: 1.5em;
  background-color: #f2f2f2; }

.template--accordion.active > h2.template--accordion__title {
  background: #1f53a6;
  color: #f2f2f2; }
  .template--accordion.active > h2.template--accordion__title:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.no-js .template--accordion h2.template--accordion__title:after {
  display: none; }

.no-js .template--accordion div.template--accordion__container {
  display: block; }

.mason--admin .template--accordion h2.template--accordion__title,
.mason--admin .template--accordion div.template--accordion__container {
  cursor: text;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  position: relative;
  border: 3px solid #281838; }
  .mason--admin .template--accordion h2.template--accordion__title:before,
  .mason--admin .template--accordion div.template--accordion__container:before {
    position: absolute;
    top: 0;
    right: 0;
    background: #281838;
    text-transform: none;
    font-size: 12px;
    color: #FFF;
    padding: 6px 10px;
    line-height: 1.5em;
    z-index: 2; }

.mason--admin .template--accordion h2.template--accordion__title:before {
  content: 'Accordion Title'; }

.mason--admin .template--accordion div.template--accordion__container {
  display: block; }
  .mason--admin .template--accordion div.template--accordion__container:before {
    content: 'Accordion Content'; }

.accordion__title {
  padding: .5em 3em .5em 1em;
  border: 1px solid #235ebb;
  -webkit-transition: background .4s, color .4s;
  -o-transition: background .4s, color .4s;
  transition: background .4s, color .4s;
  margin-bottom: 0.25em;
  font-size: 1.125em;
  position: relative;
  color: #235ebb !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .accordion__title em {
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1em;
    line-height: 1; }
  .accordion__title.open {
    background: #235ebb;
    color: #FFF !important; }

.accordion__container {
  overflow: hidden;
  display: none;
  padding: 1em; }
  .mason--admin .accordion__container {
    height: auto;
    display: block; }

.mason--admin {
  /* highlights accordion structure when logged in */ }
  .mason--admin .accordion__title,
  .mason--admin .accordion__container {
    position: relative;
    border: 3px solid #EF5B25; }
    .mason--admin .accordion__title:after,
    .mason--admin .accordion__container:after {
      position: absolute;
      top: 0;
      right: 0;
      background: #EF5B25;
      text-transform: none;
      font-size: 12px;
      color: #FFF; }
  .mason--admin .accordion__title {
    cursor: default;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; }
    .mason--admin .accordion__title:after {
      padding: 0 8px 0 10px;
      content: 'Accordion Title'; }
  .mason--admin .accordion__container {
    margin-bottom: 6px; }
    .mason--admin .accordion__container:after {
      padding: 0 8px 2px 10px;
      content: 'Accordion Container'; }

.attention {
  display: block;
  width: 100%;
  padding: 20px;
  color: #FFF;
  background: #1b4890;
  border: 2px solid #235ebb;
  font-size: 1.1em; }

.button__link {
  display: inline-block; }
  .button__link a {
    display: block;
    padding: 10px;
    border: 2px solid #235ebb;
    background: #235ebb;
    color: #FFF;
    text-decoration: none !important;
    -webkit-transition: background .3s ease, color .3s ease;
    -o-transition: background .3s ease, color .3s ease;
    transition: background .3s ease, color .3s ease; }
    .button__link a:hover {
      background: #FFF;
      color: #235ebb; }

.table__container {
  display: block;
  max-width: 100%;
  overflow: auto; }
  .table__container table thead tr {
    border: 1px solid #235ebb; }
  .table__container table thead th {
    background: #d3dff1;
    border-left: 1px solid #235ebb; }
  .table__container table tbody {
    border: 1px solid #235ebb; }
    .table__container table tbody td {
      border: 1px solid #235ebb; }

blockquote {
  margin: 1em 0;
  font-style: italic;
  padding: 10px 20px;
  border-left: 5px solid #235ebb;
  background: #f4f7fc; }