.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; }

.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 #EF5B25;
  border-top-width: 0px; }
  .mason--admin .template__columns__span:before {
    content: 'Column';
    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__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; } }

.template--accordion h2.template--accordion__title {
  padding: .5em 4rem .5em 1.5rem;
  border: 1px solid #1661ac;
  margin-bottom: 0.25em;
  font-size: 1.125em;
  position: relative;
  background: #1661ac;
  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: #135495;
  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 #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/*/
/*%f_display {
	font: 700 1em/1.2 $mason-font-display;
}*/
blockquote p:last-child:not(:first-child) {
  font-size: 0.88889em; }

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

blockquote p:first-child {
  font-weight: 600; }

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

.content__template {
  width: 100%;
  position: relative;
  margin-bottom: 1.5em; }
  .content__template:before, .content__template:after {
    content: "";
    display: table; }
  .content__template:after {
    clear: both; }

.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 #1661ac; }
  .table__container table thead th {
    border-left: #1661ac; }
  .table__container table tbody {
    border: 1px solid #cbcbcb; }
    .table__container table tbody td {
      border: 1px solid #cbcbcb; }

blockquote {
  position: relative;
  margin: 3em auto;
  padding: .5em .5em .5em 2.5em;
  color: #3971a3; }
  blockquote:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    border-radius: 4px;
    background: currentColor; }
  blockquote p {
    margin: 0; }
    blockquote p:first-child {
      line-height: 1.66667; }
    blockquote p:last-child:not(:first-child) {
      margin-top: .65em;
      position: relative; }
      blockquote p:last-child:not(:first-child):before {
        content: '-';
        margin-right: .25em; }

@media all and (min-width: 600px) {
  blockquote {
    width: 90%;
    max-width: 690px; } }

.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'; }