.template:before, .template:after {
  content: "";
  display: table; }

.template:after {
  clear: both; }

.template__columns {
  margin: 0 -1em; }

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

@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%; } }

.template--accordion h2.template--accordion__title {
  padding: .5em 4rem .5em 1.5rem;
  border: 1px solid #D4CCC2;
  margin-bottom: 0.25em;
  font-size: 1.125em;
  position: relative;
  background: #D4CCC2;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #232323;
  -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 #232323;
    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: #f3ece0; }

.template--accordion.active > h2.template--accordion__title {
  background: #c9bfb3;
  color: #161616; }
  .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 #EF5B25; }
  .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: #EF5B25;
    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'; }

/*https://www.sitepoint.com/building-linear-gradient-mixin-sass/*/
blockquote p:last-child:not(:first-child) {
  font-size: 0.875em; }

blockquote p:first-child {
  font-size: 1.5em; }

blockquote p:last-child:not(:first-child) {
  text-transform: uppercase; }

.table__container table thead th, .content__attention {
  background: #D4CCC2;
  color: #FFF;
  fill: #FFF; }

blockquote {
  color: #D4CCC2; }

.content__template {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 1.5em; }

.template--accordion h2.template--accordion__title {
  padding-top: .85em;
  padding-bottom: .85em; }

.table__container {
  display: block;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto; }
  .table__container table thead tr {
    border: 1px solid #D4CCC2; }
  .table__container table thead th {
    background: #62765C;
    border-left: #D4CCC2; }
  .table__container table tbody {
    border: 1px solid #cbcbcb; }
    .table__container table tbody td {
      border: 1px solid #cbcbcb; }

blockquote {
  color: #62765C;
  position: relative;
  padding: .5em;
  margin: 3em 0;
  text-align: center; }
  blockquote p {
    margin: 0; }
    blockquote p:first-child:before, blockquote p:first-child:after {
      position: relative;
      content: "\201C"; }
    blockquote p:first-child:after {
      content: "\201D"; }
    blockquote p:last-child:not(:first-child) {
      color: #bfb3a4;
      font-family: "Arial", sans-serif;
      margin-top: .85em; }

.content__attention {
  position: relative;
  padding: .5em 1.5em .5em 4.5em; }
  .content__attention:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0.75em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f06a';
    font-size: 2em;
    font-family: fontAwesome; }
  .content__attention a {
    color: rgba(255, 255, 255, 0.5) !important; }

.mason--admin .template__module {
  position: relative;
  border: 3px solid #EF5B25; }
  .mason--admin .template__module:after {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 22px;
    content: 'Template';
    padding: 0 8px 2px 10px; }

.mason--admin .accordion__title {
  cursor: default; }
  .mason--admin .accordion__title:after {
    padding: 0 8px 0 10px;
    content: 'Accordion Title'; }

.mason--admin .accordion__container:after {
  padding: 0 8px 2px 10px;
  content: 'Accordion Container'; }