@font-face {
    font-family: 'woodford';
    src: url("../fonts/woodfordbourne-regular-webfont.woff2") format("woff2"), url("../fonts/woodfordbourne-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'woodford';
    src: url("../fonts/woodfordbourne-bold-webfont.woff2") format("woff2"), url("../fonts/woodfordbourne-bold-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

.template:after,
.template:before {
    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
}

@media (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%
    }
}

.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%
}

.accordion__title {
    padding: .5em 3em .5em 1em;
    border: 1px solid #0065b3;
    transition: background .4s, color .4s;
    margin-bottom: 0.25em;
    font-size: 1.125em;
    position: relative;
    color: #0065b3!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: #0065b3;
    color: #FFF!important
}

.accordion__container {
    overflow: hidden;
    display: none;
    padding: 1em
}

.mason--admin .accordion__container {
    height: auto;
    display: block
}

.mason--admin {}

.mason--admin .accordion__container,
.mason--admin .accordion__title {
    position: relative;
    border: 3px solid #EF5B25
}

.mason--admin .accordion__container:after,
.mason--admin .accordion__title: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: #004880;
    border: 2px solid #0065b3;
    font-size: 1.1em
}

.button__link {
    display: inline-block;
        margin-bottom: 5px;
}

.button__link a {
    display: block;
    padding: 10px;
    border: 2px solid #0065b3;
    background: #0065b3;
    color: #FFF;
    text-decoration: none!important;
    transition: background .3s ease, color .3s ease
}

.button__link a:hover {
    background: #FFF;
    color: #0065b3
}

.table__container {
    display: block;
    max-width: 100%;
    overflow: auto
}

.table__container table thead tr {
    border: 1px solid #0065b3
}

.table__container table thead th {
    background: #cce0f0;
    border-left: 1px solid #0065b3
}

.table__container table tbody {
    border: 1px solid #0065b3
}

.table__container table tbody td {
    border: 1px solid #0065b3
}

blockquote {
    margin: 1em 0;
    font-style: italic;
    padding: 10px 20px;
    border-left: 5px solid #0065b3;
    background: #f2f7fb
}
