@charset "UTF-8";
    /*! normalize.css v3.0.2 | MIT License | git.io/normalize */.footer li, .grid, .prayer-grid li, .search-tools li {
    list-style: none;
}
.banner, .search-tools .filters {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
}
img, legend {
    border: 0;
}
pre, textarea {
    overflow: auto;
}
a.button, body, button, h1, h2, h3, h4, h5, h6, input[type=button], input[type=reset], input[type=submit] {
    font-size: 1em;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
    margin: 0;
    background-color: #f0f0f0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background-color: transparent;
}
a:active, a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, optgroup, strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
body .c-button, td, th, tr {
    vertical-align: middle;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
svg:not(:root) {
    overflow: hidden;
}
body .c-button, button {
    overflow: visible;
}
figure {
    margin: 1em 40px;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button, select {
    text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}
input[type=search] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
legend {
    padding: 0;
}
textarea {
    resize: vertical;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, :after, :before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
.center {
    text-align: center;
}
a.button, button, input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    background-color: #7C74A3;
    border-radius: 3px;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    padding: 25px 80px;
    outline: 0;
    transition: all .3s;
}
.flash-alert, .flash-error, .flash-notice, .flash-success {
    margin-bottom: .75em;
    padding: .75em;
    text-align: center;
}
.flash-alert a, .flash-error a, .flash-notice a, .flash-success a {
    text-decoration: underline;
}
a.button:focus, a.button:hover, button:focus, button:hover, input[type=button]:focus, input[type=button]:hover, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:focus, input[type=submit]:hover {
    background-color: #58517a;
    color: #fff;
}
a.button:disabled, button:disabled, input[type=button]:disabled, input[type=reset]:disabled, input[type=submit]:disabled {
    cursor: not-allowed;
    opacity: .5;
}
a.button:after, button:after, input[type=button]:after, input[type=reset]:after, input[type=submit]:after {
    content: '';
    position: absolute;
    z-index: -1;
    transition: all .3s;
}
.flash-alert {
    background-color: #fff6bf;
    color: #8c7800;
    display: block;
}
.flash-alert a {
    color: #594c00;
}
.flash-alert a:focus, .flash-alert a:hover {
    color: #000;
}
.flash-error {
    background-color: #fbe3e4;
    color: #96151b;
    display: block;
}
.flash-error a {
    color: #6a0f13;
}
.flash-error a:focus, .flash-error a:hover {
    color: #110203;
}
.flash-notice {
    background-color: #e5edf8;
    color: #244e87;
    display: block;
}
.flash-notice a {
    color: #19375f;
}
.flash-notice a:focus, .flash-notice a:hover {
    color: #04080e;
}
.flash-success {
    background-color: #e6efc2;
    color: #56651a;
    display: block;
}
body, body .type, th {
    text-align: left;
}
.flash-success a {
    color: #333c10;
}
.breadcrumb a, .footer a, .grid-items a, .pagination ul li a, .pagination ul li.current, a, body .c-button:focus, body .c-button:hover, body a, body a.fancy, header.navigation ul li.nav-link a {
    text-decoration: none;
}
.flash-success a:focus, .flash-success a:hover {
    color: #000;
}
fieldset {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    margin: 0 0 .75em;
    padding: 1.5em;
}
input, label, select {
    display: block;
    font-family: Roboto "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
}
label {
    font-weight: 400;
    margin-bottom: .375em;
}
label.required::after {
    content: "*"}
body .body-wrapper::after, body article::after, body::after {
    clear: both;
    content: ""}
label abbr {
    display: none;
}
div.selectwrap, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select[multiple=multiple], textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
    box-sizing: border-box;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    margin-bottom: .75em;
    padding: .5em;
    transition: border-color;
    width: 100%}
body hr, hr {
    border-left: none;
    border-right: none;
    border-top: none;
}
input[type=color]:hover, input[type=date]:hover, input[type=datetime-local]:hover, input[type=datetime]:hover, input[type=email]:hover, input[type=month]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, select[multiple=multiple]:hover textarea:hover, textarea:hover {
    border-color: #c4c4c4;
}
div.selectwrap:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select[multiple=multiple]:focus, textarea:focus {
    border-color: #7C74A3;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(110, 101, 153, .7);
    outline: 0;
}
input[type=color].error, input[type=date].error, input[type=datetime-local].error, input[type=datetime].error, input[type=email].error, input[type=month].error, input[type=number].error, input[type=password].error, input[type=search].error, input[type=tel].error, input[type=text].error, input[type=time].error, input[type=url].error, input[type=week].error, select[multiple=multiple].error, textarea.error {
    border-color: #96151b;
}
input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
input[type=checkbox], input[type=radio] {
    display: inline;
    margin-right: .375em;
}
input[type=file] {
    padding-bottom: .75em;
    width: 100%}
div.selectwrap {
    padding: .5em .5em .5em 0;
}
select {
    max-width: 100%;
    width: 100%;
    border: none;
    background-color: #fff;
}
select:active, select:focus, select:hover {
    outline: 0;
    border: none;
    box-shadow: none;
}
ol.plain, ul.plain {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
td, th {
    padding: .75em 0;
}
dl, ul {
    margin-bottom: .75em;
}
ul {
    list-style-type: disc;
    padding-left: 1.5em;
}
dl dt {
    font-weight: 700;
    margin-top: .75em;
}
body h1, body h2, body h3, body p, dl dd {
    margin: 0;
}
table {
    border-spacing: 0;
    -webkit-font-feature-settings: "kern", "liga", "tnum";
    -moz-font-feature-settings: "kern", "liga", "tnum";
    -ms-font-feature-settings: "kern", "liga", "tnum";
    font-feature-settings: "kern", "liga", "tnum";
    border-collapse: collapse;
    margin: .75em 0;
    table-layout: fixed;
    width: 100%}
th {
    border-bottom: 1px solid #b7b7b7;
    font-weight: 600;
}
body hr, hr, td {
    border-bottom: 1px solid #ddd;
}
body {
    -webkit-font-feature-settings: "kern", "liga", "pnum";
    -moz-font-feature-settings: "kern", "liga", "pnum";
    -ms-font-feature-settings: "kern", "liga", "pnum";
    font-feature-settings: "kern", "liga", "pnum";
    -webkit-font-smoothing: antialiased;
    color: #333;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    margin: 0 0 .75em;
}
body .type, body a {
    font-family: Roboto, sans-serif;
}
p {
    margin: 0 0 .75em;
}
a {
    color: #7C74A3;
    transition: color .1s linear;
}
a:active, a:focus, a:hover {
    color: #58517a;
}
a:active, a:focus {
    outline: 0;
}
hr {
    margin: 1.5em 0;
}
img, picture {
    margin: 0;
    max-width: 100%}
body::after {
    display: table;
}
body hr {
    margin: 1.5em 0;
    width: 3em;
}
body p {
    color: #333;
}
body a {
    color: #7C74A3;
}
body .type {
    border-bottom: 1px solid;
    display: inline-block;
    font-size: .7em;
    font-weight: 800;
    margin-bottom: 2em;
    padding: .3em 0;
    text-transform: uppercase;
}
body .c-button, body .section-title, body a.fancy {
    text-align: center;
}
body h2, body h3, body p {
    font-weight: 400;
}
body h1, body h2 {
    font-family: Muli, sans-serif;
}
body h1 {
    font-size: 1.8em;
    margin-bottom: .5em;
}
@media screen and (min-width:40em) {
    body h1 {
    font-size: 2.4em;
}
}body h2 {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-bottom: .9em;
}
@media screen and (min-width:40em) {
    body h2 {
    font-size: 1.4em;
}
}body code {
    background: #F7F7F7;
    border-radius: 4.5px;
    border: 1px solid #E0E0E0;
    font-family: monaco;
    font-size: .7em;
    font-style: normal;
    padding: .1em .4em;
    white-space: nowrap;
}
body h3 {
    font-family: Muli, sans-serif;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: .4em;
}
body p, body p.date {
    font-family: Roboto, sans-serif;
}
body p.date {
    color: rgba(51, 51, 51, .4);
    font-size: .9em;
    margin-bottom: .3em;
}
body p {
    font-size: 1.05em;
    margin-bottom: 1.5em;
}
body a.read-more, body p span {
    text-transform: uppercase;
    font-family: Muli, sans-serif;
    font-size: .8em;
}
body a.read-more {
    display: inline-block;
    font-weight: 700;
    position: relative;
}
body a.read-more span {
    font-size: 1.5em;
    position: absolute;
    right: -12px;
    top: -7px;
}
body p.author {
    font-family: Roboto, sans-serif;
}
body article {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
}
body article::after {
    display: table;
}
body .c-button {
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    margin: 0;
    color: #fff;
    font: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    background: 0 0;
    border: 0;
    user-select: none;
    transition: all .2s ease;
}
body .c-button--jasper, body .c-button--orange, body .c-button--purple {
    color: #fff!important;
    border-radius: 3px;
}
body .c-button:focus, body .c-button:hover {
    outline: 0;
}
body .c-button:not(:disabled) {
    cursor: pointer;
}
body .body-wrapper {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
}
body .body-wrapper.only-sides {
    padding-top: 0;
    padding-bottom: 0;
}
body .body-wrapper::after {
    display: table;
}
body .c-button--purple {
    background: #7C74A3;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
}
body .c-button--purple:hover {
    background: #8981ac;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .23), 0 3px 12px rgba(0, 0, 0, .16);
}
body .c-button--jasper, body .c-button--purple:active {
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
}
body .c-button--jasper {
    background: #44BDBD;
}
body .c-button--jasper:hover {
    background: #56c3c3;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .23), 0 3px 12px rgba(0, 0, 0, .16);
}
body .c-button--jasper:active, body .c-button--orange {
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
}
body .c-button--orange {
    background: #F79520;
}
body .c-button--orange:hover {
    background: #f79f36;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .23), 0 3px 12px rgba(0, 0, 0, .16);
}
body .c-button--orange:active {
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
}
body .c-ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: 0 0;
}
body .c-ripple__circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .25);
}
body a.fancy, body a.fancy span {
    position: relative;
    display: inline-block;
}
body .c-ripple.is-active .c-ripple__circle {
    -webkit-animation: anim-ripple .4s ease-in;
    animation: anim-ripple .4s ease-in;
}
@-webkit-keyframes anim-ripple {
    0% {
    opacity: 0;
}
25% {
    opacity: 1;
}
100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
}
}@keyframes anim-ripple {
    0% {
    opacity: 0;
}
25% {
    opacity: 1;
}
100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
}
}body a.fancy {
    outline: 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255, 255, 255, .3);
    font-size: 1.35em;
    line-height: 2em;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
}
body a.fancy span {
    padding: 3px 15px 0;
    background: #7C74A3;
    box-shadow: inset 0 3px #4d466b;
    -webkit-transition: background .6s;
    -moz-transition: background .6s;
    transition: background .6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-origin: 0 50%}
body a.fancy span::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #4d466b;
    content: attr(data-hover);
    -webkit-transform: rotateX(270deg);
    -moz-transform: rotateX(270deg);
    transform: rotateX(270deg);
    -webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    transition: transform .6s;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
}
body a.fancy:focus span, body a.fancy:hover span {
    background: #4d466b;
}
body a.fancy:focus span::before, body a.fancy:hover span::before {
    -webkit-transform: rotateX(10deg);
    -moz-transform: rotateX(10deg);
    transform: rotateX(10deg);
}
body .section-title::after {
    clear: both;
    content: "";
    display: table;
}
body .section-title .section-heading {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%}
body .section-title .section-heading:last-child {
    margin-right: 0;
}
@media screen and (min-width:53.75em) {
    body .section-title {
    text-align: left;
}
body .section-title .section-heading {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%}
body .section-title .section-heading:last-child {
    margin-right: 0;
}
}body .section-title .view-all {
    text-align: center;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%}
body .section-title .view-all:last-child {
    margin-right: 0;
}
@media screen and (min-width:53.75em) {
    body .section-title .view-all {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
    text-align: right;
}
body .section-title .view-all:last-child {
    margin-right: 0;
}
}body .section-title .view-all a {
    color: #4d466b;
    font-size: 18px;
    line-height: 22px;
    font-style: italic;
    display: inline-block;
}
body .section-title .view-all a span {
    border: 1px solid #4d466b;
    border-radius: 50%;
    color: #4d466b;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 18px;
    text-align: center;
    padding-top: 1px;
    font-style: normal;
    font-size: 25px;
    font-weight: 300;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin-left: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
body .section-title .view-all a:hover span {
    background: #4d466b;
    color: #fff;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
body .full-width--purple {
    background: #e4e3ec;
}
body .full-width--jasper {
    background: #d9f1f1;
}
body .full-width--orange {
    background: #fde9d2;
}
body .full-width--light-gray {
    background: #f8f8f8;
}
header.navigation {
    background-color: transparent;
    min-height: 60px;
    width: 100%;
    z-index: 999;
}
header.navigation .navigation-wrapper {
    background-color: transparent;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 9999;
}
header.navigation .navigation-wrapper::after {
    clear: both;
    content: "";
    display: table;
}
header.navigation .logo {
    float: left;
    max-height: 60px;
    padding-left: 1em;
    padding-right: 2em;
}
header.navigation .logo img {
    max-height: 60px;
    padding: .5em 0;
}
header.navigation .navigation-menu-button {
    color: rgba(90, 65, 122, .7);
    display: block;
    float: right;
    line-height: 60px;
    margin: 0;
    padding-right: 1em;
    text-decoration: none;
    text-transform: uppercase;
}
header.navigation .navigation-menu-button:focus, header.navigation .navigation-menu-button:hover {
    color: #5a417a;
}
header.navigation nav {
    float: none;
    min-height: 60px;
    z-index: 9999999;
}
@media screen and (min-width:960px) {
    header.navigation .navigation-menu-button {
    display: none;
}
header.navigation nav {
    float: left;
}
}header.navigation ul.navigation-menu {
    -webkit-transform-style: preserve-3d;
    clear: both;
    display: none;
    margin: 0 auto;
    overflow: visible;
    padding: 0;
    width: 100%;
    z-index: 9999;
}
header.navigation ul.navigation-menu.show {
    display: block;
}
@media screen and (min-width:960px) {
    header.navigation ul.navigation-menu {
    display: inline;
    margin: 0;
    padding: 0;
    position: relative;
}
}header.navigation ul li.nav-link {
    background: #fff;
    display: block;
    line-height: 60px;
    overflow: hidden;
    padding-right: .8em;
    text-align: right;
    width: 100%;
    z-index: 9999;
}
header.navigation ul li.nav-link.give a {
    background-color: #7b6fa2;
    padding: 0 0.5em;
    color: white;
}
header.navigation ul li.nav-link.give:hover a {
    background-color: #5a3e7a;
    color: white;
}

@media screen and (min-width:960px) {
    header.navigation ul li.nav-link {
    background: 0 0;
    display: inline;
    line-height: 60px;
    text-decoration: none;
    width: auto;
}
}header.navigation ul li.nav-link a {
    color: rgba(90, 65, 122, .7);
    display: inline-block;
}
@media screen and (min-width:960px) {
    header.navigation ul li.nav-link a {
    padding-right: 1em;
}
}header.navigation ul li.nav-link a:focus, header.navigation ul li.nav-link a:hover {
    color: #5a417a;
}
header.navigation .active-nav-item a {
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    padding-bottom: 3px;
}
header.navigation li.more.nav-link {
    padding-right: 0;
}
@media screen and (min-width:960px) {
    header.navigation li.more.nav-link {
    padding-right: 1em;
}
}header.navigation li.more.nav-link>ul>li:first-child a {
    padding-top: 1em;
}
header.navigation li.more.nav-link a {
    margin-right: 1em;
}
header.navigation li.more.nav-link>a {
    padding-right: .6em;
}
header.navigation li.more.nav-link>a:after {
    position: absolute;
    top: auto;
    right: -.4em;
    bottom: auto;
    left: auto;
    content: '\25BE';
    color: rgba(90, 65, 122, .7);
}
header.navigation li.more {
    overflow: visible;
    padding-right: 0;
}
header.navigation li.more a {
    padding-right: .8em;
}
header.navigation li.more>a {
    padding-right: 1.6em;
    position: relative;
}
header.navigation li.more>a:after {
    content: '›';
    font-size: 1.2em;
    position: absolute;
    right: .5em;
}
.cards::after, .grid-items::after, .subscribe-form form::after {
    content: ""}
header.navigation li.more:focus>.submenu, header.navigation li.more:hover>.submenu {
    display: block;
}
header.navigation ul.submenu {
    display: none;
    padding-left: 0;
}
@media screen and (min-width:960px) {
    header.navigation li.more>a {
    margin-right: 1em;
}
header.navigation li.more {
    padding-right: .8em;
    position: relative;
}
header.navigation ul.submenu {
    left: -1em;
    position: absolute;
    top: 1.5em;
}
header.navigation ul.submenu .submenu {
    left: 11.8em;
    top: 0;
}
}header.navigation ul.submenu li {
    display: block;
    padding-right: 0;
}
header.navigation ul.submenu li a {
    background-color: #f7f7f7;
    display: inline-block;
    text-align: right;
    width: 100%}
@media screen and (min-width:960px) {
    header.navigation ul.submenu li {
    line-height: 46.15px;
}
header.navigation ul.submenu li:first-child>a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
header.navigation ul.submenu li:last-child>a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-bottom: .7em;
}
header.navigation ul.submenu li a {
    background-color: #fff;
    padding-left: 1em;
    text-align: left;
    width: 12em;
}
}header.navigation .navigation-tools {
    background: #fcfcfc;
    clear: both;
    display: block;
    height: 60px;
}
@media screen and (min-width:960px) {
    header.navigation .navigation-tools {
    background: 0 0;
    clear: none;
    float: right;
}
}header.navigation .search-bar {
    float: left;
    padding: .85em .85em .7em .6em;
    width: 100%}
header.navigation .search-bar form {
    position: relative;
    margin-bottom: 0;
    width: 100%}
header.navigation .search-bar form input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f2f2f2;
    border-radius: 6px;
    border: 1px solid #e6e6e6;
    color: rgba(90, 65, 122, .7);
    font-size: .9em;
    font-style: italic;
    margin: 0;
    padding: .5em .8em;
    width: 100%}
header.navigation .search-bar form button[type=submit] {
    background: #f2f2f2;
    border: none;
    bottom: .3em;
    left: auto;
    outline: 0;
    padding: 0 9px;
    position: absolute;
    right: .3em;
    top: .3em;
}
header.navigation .search-bar form button[type=submit] img {
    height: 12px;
    opacity: .7;
    padding: 1px;
}
@media screen and (min-width:960px) {
    header.navigation .search-bar form input[type=search] {
    width: 100%}
header.navigation .search-bar {
    display: inline-block;
    position: relative;
    width: 16em;
}
header.navigation .search-bar input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
}.hero .hero-inner::after, .sub-hero .sub-hero-inner::after {
    clear: both;
    content: "";
    display: table;
}
.hero {
    background: -webkit-linear-gradient(0deg, RGBA(255, 255, 255, .2), RGBA(0, 0, 0, .5)), url(../images/header.jpg), RGBA(0, 0, 0, .5)no-repeat;
    background: linear-gradient(0deg, RGBA(255, 255, 255, .2), RGBA(0, 0, 0, .5)), url(../images/header.jpg), RGBA(0, 0, 0, .5)no-repeat;
    background-color: RGBA(0, 0, 0, .5);
    background-position: center 30%;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero.homepage {
    padding: 3em 0;
}
.hero .hero-inner {
    max-width: 960px;
    color: #fff;
    margin: auto;
    padding: 5em 1em 3.5em;
    text-align: left;
}
.hero .hero-inner .hero-copy {
    text-align: left;
}
.hero .hero-inner .hero-copy h1 {
    font-size: 2em;
    margin-bottom: .5em;
}
.hero .hero-inner .hero-copy h2 {
    font-weight: 200;
    line-height: 1.4em;
    color: #fff;
}
@media screen and (min-width:53.75em) {
    .hero .hero-inner .hero-copy h1 {
    font-size: 3em;
    max-width: 50%}
.hero .hero-inner .hero-copy h2 {
    max-width: 40%}
}.sub-hero {
    margin-bottom: 1em;
}
.sub-hero .sub-hero-inner {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.sub-hero .sub-hero-inner article {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    color: #fff;
}
.sub-hero .sub-hero-inner article:last-child {
    margin-right: 0;
}
.sub-hero .sub-hero-inner article p {
    color: #fff;
}
.sub-hero .sub-hero-inner article img {
    float: left;
    height: 100px;
    width: 100px;
    margin: 0 20px 20px 0;
}
.sub-hero .sub-hero-inner .focus a, .sub-hero .sub-hero-inner .potd a {
    margin-top: 1em;
    color: #fff;
}
.sub-hero .sub-hero-inner .focus a:hover, .sub-hero .sub-hero-inner .potd a:hover {
    color: #ddd;
}
@media screen and (max-width:40em) {
    .sub-hero .sub-hero-inner article {
    float: left;
    display: block;
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.sub-hero .sub-hero-inner article:last-child {
    margin-right: 0;
}
.sub-hero .sub-hero-inner article::after {
    clear: both;
    content: "";
    display: table;
}
.sub-hero .sub-hero-inner .focus {
    background-color: #44BDBD;
}
.sub-hero .sub-hero-inner .potd {
    background-color: #7C74A3;
}
}.cards, .grid-items {
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width:40em) {
    .sub-hero {
    background-color: #44bdbd;
    background-image: -webkit-linear-gradient(left, #44bdbd 0, #44bdbd 50%, #7c74a3 50%, #7c74a3 100%);
    background-image: linear-gradient(to right, #44bdbd 0, #44bdbd 50%, #7c74a3 50%, #7c74a3 100%);
}
}*, ::after, ::before {
    box-sizing: inherit;
}
.grid-items {
    padding: 0 1em;
    max-width: 960px;
    margin: 1em auto .5em;
    font-family: Roboto;
}
.grid-items::after {
    clear: both;
    display: table;
}
.grid-items .grid-item {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-left: 4.5px solid #f0f0f0;
    border-right: 4.5px solid #f0f0f0;
    border-bottom: .5em solid #f0f0f0;
    border-top: 0;
    float: left;
    height: 14em;
    overflow: hidden;
    outline: 0;
    padding: 2em;
    text-align: center;
    text-decoration: none;
    width: 100%}
.grid-items .grid-item.colour-purple {
    background-color: #5a4c68;
}
.grid-items .grid-item.colour-purple:focus, .grid-items .grid-item.colour-purple:hover {
    background-color: #41364b;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.grid-items .grid-item.colour-orange {
    background-color: #d6923e;
}
.grid-items .grid-item.colour-orange:focus, .grid-items .grid-item.colour-orange:hover {
    background-color: #b97928;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.grid-items .grid-item.colour-turquoise {
    background-color: #54908e;
}
.grid-items .grid-item.colour-turquoise:focus, .grid-items .grid-item.colour-turquoise:hover {
    background-color: #41706e;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.grid-items .grid-item img {
    display: block;
    height: 3em;
    margin: 0 auto 1em;
}
.grid-items .grid-item h1 {
    color: #fff;
    font-size: 3em;
    margin: .4em auto;
}
.grid-items .grid-item p {
    color: rgba(255, 255, 255, .7);
    line-height: 1.5em;
    margin: auto;
}
@media screen and (min-width:53.75em) {
    .grid-items .grid-item {
    width: 33.33333%}
.grid-items .grid-item-big {
    width: 50%}
}@media screen and (min-width:40em) {
    .grid-items .grid-item p, .grid-items .grid-item-big p {
    max-width: 70%}
}.grid-items .grid-item-image {
    background: url(https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png)top no-repeat;
    background-size: cover;
}
.cards {
    max-width: 960px;
}
.cards::after {
    clear: both;
    display: table;
}
.card {
    float: left;
    display: block;
    width: 100%;
    min-height: 380px;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    margin-bottom: 1.5em;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.card .card-image, .card .card-image img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.card.no-photo {
    min-height: 220px;
}
.card.tall {
    min-height: 440px;
}
.card:last-child {
    margin-right: 0;
}
.card:hover {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgba(0, 0, 0, .15);
}
@media screen and (min-width:540px)and (max-width:53.75em) {
    .card {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-left: 0;
}
.card:last-child, .card:nth-child(2n+0) {
    margin-right: 0;
}
}@media screen and (min-width:53.75em) {
    .card {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-left: 0;
    position: relative;
}
.card:last-child, .card:nth-child(3n+0) {
    margin-right: 0;
}
}.card .card-image {
    overflow: hidden;
    height: 150px;
    max-height: 200px;
    background-color: #7C74A3;
}
.card .card-image img {
    width: 100%;
    opacity: 1;
}
.card .card-header {
    color: #777;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.2857143rem;
    line-height: 1.2222222;
    margin-top: 1rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 3px 3px 0 0;
}
@media (min-width:800px) {
    .card .card-header {
    font-size: 22px;
    font-size: 1.5714286rem;
    line-height: 1;
    margin-top: 1rem;
    margin-bottom: .7857143rem;
}
}@media (min-width:1200px) {
    .card .card-header {
    font-size: 24px;
    font-size: 1.7142857rem;
    margin-top: 1rem;
    margin-bottom: .8333333rem;
}
}.card .card-copy p, .card .card-link {
    line-height: 1.8333333;
}
.card .card-copy, .card .card-header, .card .card-link {
    padding: 0 20px;
}
.card .card-link {
    font-size: .8571429rem;
    position: absolute;
    bottom: 10px;
}
.grid, .grid figure {
    position: relative;
    text-align: center;
}
.card .card-copy p {
    color: #83969f;
    font-size: .8571429rem;
    min-height: 4.7142857rem;
    margin-top: .7857143rem;
    margin-bottom: .7857143rem;
}
@media (min-width:800px) {
    .card .card-copy p {
    margin-top: 0;
}
}@media (min-width:1200px) {
    .card .card-copy p {
    margin-top: .7857143rem;
}
}.card .card-copy p {
    margin: 0 0 .75em;
}
.card, .card .card-header {
    background-color: #fff;
}
.card .card-header small {
    font-weight: 300;
}
.side-image {
    background: #F9F9F9;
    margin: 1em 0;
}
.side-image.purple {
    background-color: #7c74a3;
}
.side-image.orange {
    background-color: #F79520;
}
.side-image.turquoise {
    background-color: #44BDBD;
}
.side-image.colour .side-image-content h3, .side-image.colour .side-image-content p {
    color: #fff;
}
@media screen and (min-width:53.75em) {
    .side-image {
    display: table;
    width: 100%;
    table-layout: fixed;
}
}.side-image .images-wrapper {
    background: url(https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png)center center, center center no-repeat #C2BED2;
    background-size: cover;
    display: block;
    min-height: 4em;
    padding: 3em;
}
@media screen and (min-width:53.75em) {
    .side-image .images-wrapper {
    display: table-cell;
    width: 33.33333%;
    background-position: bottom;
    background-size: cover;
}
}.side-image .side-image-content {
    display: table-cell;
    width: 100%;
    padding: 1em 1em 4em;
}
@media screen and (min-width:53.75em) {
    .side-image .side-image-content {
    display: table-cell;
    width: 66.66667%;
    padding: 4em;
}
}.side-image .side-image-content h1 {
    margin-bottom: .9em;
    color: #444;
    font-weight: 400;
}
.side-image .side-image-content h1 a {
    color: #333;
}
.side-image .side-image-content h4 {
    background: #BBB;
    color: #fff;
    display: inline-block;
    font-size: .75em;
    font-weight: 800;
    margin-bottom: 1.3em;
    padding: 3px 8px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.side-image .side-image-content h4:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.side-image .side-image-content h4 a, .side-image .side-image-content h4 a:hover {
    color: #fff;
}
.side-image .side-image-content p {
    color: #333;
    line-height: 1.5;
}
.side-image.colour .side-image-content {
    padding: 1em;
}
.grid {
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}
.grid figure {
    -webkit-flex-basis: 390px;
    -moz-flex-basis: 390px;
    flex-basis: 390px;
    -ms-flex-preferred-size: 390px;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    float: left;
    overflow: hidden;
    margin: 1.5em 0;
    cursor: pointer;
}
@media screen and (min-width:53.75em) {
    .side-image.colour .side-image-content {
    padding: 2em;
}
.grid figure {
    margin: 1.5em;
}
.grid figure:nth-child(odd) {
    margin-left: 0;
}
.grid figure:nth-child(even) {
    margin-right: 0;
}
}.grid figure .grid-image {
    overflow: hidden;
    max-height: 320px;
}
.grid figure img {
    width: 100%;
    min-height: 100%}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.grid figure figcaption::after, .grid figure figcaption::before {
    pointer-events: none;
}
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.grid figure h2 {
    word-spacing: -.15em;
    font-weight: 300;
    margin: 0;
}
.grid figure h2 span {
    font-weight: 800;
}
.grid figure p {
    margin: 0;
    letter-spacing: 1px;
    font-size: 68.5%}
figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 1em;
    height: 3.75em;
    background: #fff;
    color: #3c4a50;
}
figure.effect-zoe h2 {
    float: left;
    display: inline-block;
}
@media screen and (min-width:53.75em) {
    figure.effect-zoe figcaption {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
figure.effect-zoe h2 {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
}
}figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
figure.effect-zoe:hover h2 {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}
.subscribe-form {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #eee;
    background-color: #6ccbcc;
}
.subscribe-form form {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
}
.subscribe-form form::after {
    clear: both;
    display: table;
}
.subscribe-form button {
    margin: 0;
}
.subscribe-form .mc-field-group {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%}
.subscribe-form .mc-field-group:last-child {
    margin-right: 0;
}
@media screen and (min-width:53.75em) {
    .subscribe-form .mc-field-group {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%}
.subscribe-form .mc-field-group:last-child {
    margin-right: 0;
}
}.subscribe-form .button-group {
    text-align: right;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%}
.subscribe-form .button-group:last-child {
    margin-right: 0;
}
@media screen and (min-width:53.75em) {
    .subscribe-form .button-group {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%}
.subscribe-form .button-group:last-child {
    margin-right: 0;
}
}.subscribe-form input[type=email] {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    line-height: 48px;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    letter-spacing: -1px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.footer li h3, .modal .modal-inner .modal-intro {
    font-weight: 800;
}
.subscribe-form input[type=email]::-webkit-input-placeholder {
    color: #fff;
}
.subscribe-form input[type=email]::-moz-placeholder {
    color: #fff;
}
.subscribe-form input[type=email]:-moz-placeholder {
    color: #fff;
}
.subscribe-form input[type=email]:-ms-input-placeholder {
    color: #fff;
}
@media screen and (min-width:53.75em) {
    .subscribe-form input[type=email] {
    font-size: 36px;
}
}.subscribe-form .placeholder {
    color: #fff;
}
.tooltip-item {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
    display: inline-block;
    padding: .5em 1em;
    position: relative;
    text-align: center;
}
.tooltip-item:focus, .tooltip-item:hover .tooltip {
    opacity: 1;
    visibility: visible;
}
.tooltip-item .tooltip {
    position: absolute;
    right: 0;
    bottom: 3em;
    left: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 2px silver;
    color: #333;
    font-size: .9em;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 16em;
    opacity: 0;
    padding: 1em;
    text-align: center;
    visibility: hidden;
    z-index: 10;
}
.tooltip-item .tooltip p {
    color: #333;
    line-height: 1.5;
    margin: 0;
}
.tooltip-item .tooltip:after {
    position: absolute;
    right: 0;
    left: 0;
    border: 8px solid transparent;
    bottom: -1.3em;
    color: #fff;
    content: '▼';
    font-size: 1.4em;
    margin-left: -8px;
    text-align: center;
    text-shadow: 0 2px 2px silver;
}
.modal label {
    cursor: pointer;
    margin-bottom: 0;
    display: inline-block;
}
.modal label img {
    border-radius: 150px;
    display: block;
    max-width: 300px;
}
.modal .modal-state {
    display: none;
}
.modal .modal-trigger {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    border-radius: 1.2em;
    color: #fff;
    font-size: .8em;
    background: #44BDBD;
    text-align: center;
}
.modal .modal-fade-screen {
    transition: opacity .25s ease;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .85);
    opacity: 0;
    padding-top: .6em;
    text-align: left;
    visibility: hidden;
    z-index: 99999999999;
}
.modal .modal-fade-screen, .modal .modal-inner {
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
}
@media screen and (min-width:53.75em) {
    .modal .modal-fade-screen {
    padding-top: 10em;
}
}.modal .modal-fade-screen .modal-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}
.modal .modal-close {
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    height: 1.5em;
    width: 1.5em;
    background: #fff;
    cursor: pointer;
}
.modal .modal-close:after, .modal .modal-close:before {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 0;
    left: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1.5em;
    width: .15em;
    background: #ddd;
    content: '';
    display: block;
    margin: -3px 0 0 -1px;
}
.modal .modal-close:hover:after, .modal .modal-close:hover:before {
    background: #c4c4c4;
}
.modal .modal-close:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.modal .modal-inner {
    transition: opacity .25s ease;
    background: #fff;
    border-radius: 3px;
    margin: auto;
    max-height: 95%;
    overflow: auto;
    padding: 1.5em;
    position: relative;
    width: 95%}
@media screen and (min-width:40em) {
    .modal .modal-inner {
    max-height: 75%;
    padding: 3em;
    width: 70%}
}@media screen and (min-width:53.75em) {
    .modal .modal-inner {
    width: 60%}
}.modal .modal-inner h1 {
    color: #333;
    margin-bottom: 0 0 .6em 0;
    text-align: left;
    text-transform: capitalize;
}
.modal .modal-inner p {
    color: #333;
    line-height: 1.5;
}
.modal .modal-inner .modal-content {
    color: #333;
}
.modal .modal-inner a.cta {
    color: #fff;
    display: inline-block;
    margin-right: .5em;
    margin-top: 1em;
}
.modal .modal-inner a.cta:last-child {
    padding: 0 2em;
}
.modal .modal-state:checked+.modal-fade-screen {
    opacity: 1;
    visibility: visible;
}
.modal .modal-state:checked+.modal-fade-screen .modal-inner {
    top: .5em;
}
.modal-open {
    overflow: hidden;
}
.footer {
    background: #5d5863;
    padding: 3em 1.618em;
    width: 100%}
.footer li {
    line-height: 1.5em;
    text-align: center;
}
.footer .footer-logo {
    margin-bottom: 2em;
    text-align: center;
}
.footer .footer-logo img {
    height: 3em;
}
.footer .footer-links {
    margin-bottom: 1.5em;
}
.footer .footer-links::after {
    clear: both;
    content: "";
    display: table;
}
.footer ul {
    padding: 0;
    margin-bottom: 3em;
}
@media screen and (min-width:40em) {
    .modal .modal-inner .modal-content {
    -webkit-columns: 2 8em;
    -moz-columns: 2 8em;
    columns: 2 8em;
}
.footer .footer-links {
    margin-left: 25.58941%}
.footer ul {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%}
.footer ul:last-child, .footer ul:nth-child(3n) {
    margin-right: 0;
}
.footer ul:nth-child(3n+1) {
    clear: left;
}
.footer ul::after {
    clear: both;
    content: "";
    display: table;
}
.footer li {
    text-align: left;
}
}.footer li a {
    color: rgba(255, 255, 255, .4);
}
.footer li a:focus, .footer li a:hover {
    color: #fff;
}
.footer li h3 {
    color: #fff;
    font-size: 1em;
    margin-bottom: .4em;
}
.footer hr {
    border: 1px solid rgba(255, 255, 255, .1);
    margin: 0 auto 1.5em;
    width: 12em;
}
.search-tools, .search-tools .filter>div {
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}
.footer address, .footer aside, .footer p {
    color: rgba(176, 176, 176, .46);
    font-size: .9em;
    line-height: 1.5em;
    margin: auto;
    text-align: center;
}
.footer address p {
    text-align: left;
}
@media screen and (min-width:40em) {
    .footer address {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    text-align: left;
}
.footer address:last-child {
    margin-right: 0;
}
}@media screen and (min-width:53.75em) {
    .footer address {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    text-align: left;
}
.footer address:last-child {
    margin-right: 0;
}
}@media screen and (min-width:87.5em) {
    .footer address {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
    text-align: left;
}
.footer address:last-child {
    margin-right: 0;
}
}@media screen and (min-width:40em) {
    .footer aside {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    text-align: left;
}
.footer aside:last-child {
    margin-right: 0;
}
}@media screen and (min-width:53.75em) {
    .footer aside {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
    text-align: left;
}
.footer aside:last-child {
    margin-right: 0;
}
}@media screen and (min-width:87.5em) {
    .footer aside {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    text-align: left;
}
.footer aside:last-child {
    margin-right: 0;
}
}.donate-form {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0;
    margin-top: -3em;
}
.donate-form:last-child {
    margin-right: 0;
}
@media screen and (min-width:800px) {
    .donate-form {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-left: 0;
}
.donate-form:last-child {
    margin-right: 0;
}
}.loading {
    display: block;
    width: 92px;
    margin: 3em auto;
    height: 20px;
}
.loading div {
    height: 20px;
    width: 20px;
    position: absolute;
    border-radius: 50%;
    background: #000;
    display: inline-block;
}
.loading div:first-child {
    animation: move 1s ease-in-out infinite alternate;
    background: #7c74ac;
    margin-left: 0;
}
.loading div:nth-child(2) {
    animation: move 1s ease-in-out -.25s infinite alternate;
    margin-left: 35px;
    background: #ed9527;
}
.loading div:nth-child(3) {
    animation: move 1s ease-in-out -.5s infinite alternate;
    margin-left: 70px;
    background: #3da7a3;
}
@-moz-keyframes move {
    0% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(5px);
}
}@-webkit-keyframes move {
    0% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(5px);
}
}@-o-keyframes move {
    0% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(5px);
}
}@keyframes move {
    0% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(5px);
}
}.donate-form .form-body {
    float: left;
    display: block;
    width: 100%}
.donate-form button {
    width: 100%}
.donate-form .form-body .form-field {
    width: 100%;
    display: inline;
    float: left;
    margin-right: .7142857143em;
}
.donate-form .form-body .form-field .cashbox-container {
    position: relative;
    text-align: left;
}
.donate-form .form-body .form-field .cashbox-container:before {
    content: '£';
    position: absolute;
    padding-top: 1.55em;
    padding-left: .7em;
    top: 0;
    left: 0;
    color: #999;
    font-size: 1.4em;
}
.contactwrap::after, .donate-form .form-row::after, .thanks-block::after {
    clear: both;
    content: ""}
.donate-form .form-body .form-field .cashbox-container .cashbox {
    padding: 1em 1em 1em 2.5em;
}
label.cards {
    position: relative;
}
.donate-form img.cc {
    margin-right: 0;
    margin-left: 10px;
    position: absolute;
    height: 1.4em;
    opacity: .3;
}
.article-image, .image {
    position: relative;
}
.donate-form img.cc.cc-mastercard {
    left: 150px;
}
.donate-form .form-row::after {
    display: table;
}
.donate-form span.giftaidhelp {
    cursor: help;
    border-bottom: 1px #333 dashed;
}
.donate-form .fw-input {
    width: 100%}
.donate-form .input-col input {
    display: inline-block;
    width: 100%}
@media screen and (min-width:800px) {
    .donate-form .form-body .form-field.one-half {
    width: 49%;
    margin-left: 0;
    margin-right: 0;
}
.donate-form .form-body .form-field.one-half.first {
    margin-right: 1%}
.donate-form .form-body .form-field.one-half.last {
    margin-left: 1%}
}.donate-form.success {
    background-color: rgba(124, 116, 163, .8);
}
.donate-form.success h2, .donate-form.success h3 {
    color: #fff;
}
.thanks-block {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 3em 0 2em;
    text-align: center;
}
.thanks-block::after {
    display: table;
}
.thanks-block p.thanks {
    font-weight: 300;
    color: #7C74A3;
    font-size: 1.5em;
    margin-top: 30px;
    line-height: 50px;
    padding: 0 1em;
}
@media screen and (min-width:40em) {
    .thanks-block p.thanks {
    font-size: 2em;
    padding: 0 2em;
}
}@media screen and (min-width:53.75em) {
    .thanks-block p.thanks {
    font-size: 2em;
    padding: 0 70px;
}
}.thanks-block span {
    font-size: 1em;
    color: #968fb5;
    display: block;
}
@media screen and (min-width:40em) {
    .thanks-block span {
    font-size: 2em;
}
}#map_canvas {
    height: 400px;
    width: 100%;
    margin: 2em auto;
}
#map_canvas img {
    max-width: none;
}
#map_canvas .content {
    padding: 0 .5em 1em;
}
#map_canvas .firstHeading {
    font-size: 1em;
    line-height: 1em;
    font-weight: 700;
    margin: 0;
}
#map_canvas #bodyContent p {
    font-size: 1em;
    margin: 0;
}
.contactwrap {
    max-width: 960px;
    margin: 2em 0;
}
.contactwrap::after {
    display: table;
}
.contactwrap div.address {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%}
.contactwrap div.address:last-child {
    margin-right: 0;
}
@media screen and (min-width:40em) {
    .contactwrap div.address {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%}
.contactwrap div.address:last-child {
    margin-right: 0;
}
}.contactwrap .contact {
    float: left;
    display: block;
    margin-right: 0;
    width: 100%}
.contactwrap .contact form textarea {
    margin-top: 0;
    margin-bottom: 12px;
    height: 133px;
}
.contactwrap .contact form .c-button {
    width: 100%}
.contactwrap .contact form:last-child {
    margin-right: 0;
}
@media screen and (min-width:40em) {
    .contactwrap .contact {
    float: left;
    display: block;
    margin-right: 0;
    width: 65.88078%}
.contactwrap .contact form:last-child {
    margin-right: 0;
}
}.contactwrap .contact form .one_half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%}
.contactwrap .contact form .one_half:last-child {
    margin-right: 0;
}
@media screen and (min-width:40em) {
    .contactwrap .contact form .one_half {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%}
.contactwrap .contact form .one_half:last-child {
    margin-right: 0;
}
}.pdf {
    border-top: 1px solid rgba(51, 51, 51, .1);
    display: table;
    margin-top: 1.5em;
    padding-top: 1em;
    width: 100%}
.pdf .pdf-content, .pdf .pdf-image {
    display: table-cell;
    vertical-align: top;
}
.pdf .pdf-image {
    padding-right: 1.4em;
}
.pdf .pdf-image>img {
    background: #58517A;
    border-radius: 3px;
    display: block;
    height: auto;
    max-width: none;
    padding: .7em;
    width: 90px;
}
.pdf-reverse-order .pdf .pdf-image {
    padding-right: 0;
    padding-left: 10px;
}
.pdf .pdf-content {
    width: 100%}
.pdf .pdf-content h1 {
    font-size: 1em;
    margin: 0 0 .5em;
}
.pdf .pdf-content p {
    line-height: 1.5em;
    margin-bottom: .5em;
}
.pdf .pdf-content p.pdf-detail {
    color: rgba(51, 51, 51, .5);
    font-size: .9em;
    font-style: italic;
}
.article-image {
    margin-right: -1em;
    margin-left: -1em;
    overflow: visible;
    margin-top: 0;
}
@media only screen and (min-width:993px) {
    .article-image {
    margin-right: 0;
    margin-left: 0;
}
}.article-image figure {
    overflow: hidden;
    width: 100%;
    margin: 0;
}
.image.crop-1x1>div {
    padding-bottom: 100%}
.image.crop-4x3>div {
    padding-bottom: 75%}
.image.crop-16x9>div {
    padding-bottom: 56.25%}
.image.crop-3x4>div {
    padding-bottom: 133.33%}
.image.crop-3x1>div {
    padding-bottom: 33%}
.image.crop-9x1>div {
    padding-bottom: 11%}
.image div>img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
input#cheeky {
    display: none;
}
.banner {
    background: url(../images/header.jpg), RGBA(0, 0, 0, .5)no-repeat;
    background-color: RGBA(0, 0, 0, .5);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 350px;
    position: relative;
}
.banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}
@media screen and (min-width:960px) {
    .banner {
    height: 450px;
}
}.banner.small {
    height: 200px;
    background-position: center 40%}
.banner .banner-logo img {
    height: 450px;
    margin-bottom: 1em;
}
.banner .banner-inner {
    z-index: 10;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 100%}
.banner .banner-inner::after {
    clear: both;
    content: "";
    display: table;
}
.banner .banner-inner .banner-copy {
    text-align: left;
}
.banner .banner-inner .banner-copy h1 {
    color: #fff;
    font-size: 3em;
    margin-bottom: 0;
}
.banner .banner-inner .banner-copy p.team {
    position: relative;
}
.banner .banner-inner .banner-copy p.team img {
    width: 100px;
    display: inline-block;
    position: absolute;
    top: -7px;
}
.banner .banner-inner .banner-copy p.team span {
    position: absolute;
    left: 120px;
}
@media screen and (min-width:960px) {
    .banner .banner-inner .banner-copy h1 {
    font-size: 4em;
    line-height: 1em;
}
}.banner .banner-inner .banner-copy p {
    color: #fff;
    line-height: 1.4em;
    margin: .5em 0 0;
}
@media screen and (min-width:960px) {
    .banner .banner-inner .banner-copy p {
    font-size: 1.5em;
    max-width: 60%}
}.search-results {
    margin: 25px 0;
}
.search-results .section {
    position: relative;
    padding-left: 125px;
}
.search-results .section h3 {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 100px;
    color: #717e8d;
    font-weight: 400;
    font-size: 13px;
    line-height: 21px;
    text-align: right;
}
.pagination, .pagination ul {
    text-align: center;
}
.search-results .section ul {
    margin: 0!important;
    list-style-type: none!important;
    padding-left: 25px;
    border-left: 1px solid hsla(212, 8%, 50%, .1);
}
.search-results .section ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #aab1ba;
}
.search-results .section ul li h4 {
    display: inline;
    margin: 0;
    font-size: 1em;
    font-weight: 700;
}
.search-results .section ul li .summary, .search-results .section ul li .summary p {
    display: inline;
}
.search-results .section ul li .summary:before {
    content: " – "}
.search-results .section:not(:last-child ) ul {
    padding-bottom: 15px;
}
.search-results .section:not(:first-child) {
    border-top: 1px solid hsla(212, 8%, 50%, .1);
}
.search-results .section:not(:first-child) ul {
    padding-top: 15px;
}
.search-results .section:not(:first-child) h3 {
    top: 15px;
}
.search-tools {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    background: #f6f6f6;
    padding: 1.618em .809em;
    width: 100%;
    margin-bottom: 1em;
}
.search-tools::after {
    clear: both;
    content: "";
    display: table;
}
.search-tools ol {
    margin: 0;
    padding: 0;
}
.search-tools li {
    font-size: .8em;
    line-height: 1.5em;
}
.search-tools label {
    display: block;
    font-weight: 400;
    margin-bottom: .375em;
}
.search-tools .filters {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 100%}
@media screen and (min-width:53.75em) {
    .search-tools .filters {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
}
}.search-tools .filter {
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    -ms-flex-negative: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    margin: 0 .2em 1em;
}
@media screen and (min-width:53.75em) {
    .search-tools .filter {
    margin-bottom: 0;
}
}.search-tools .filter>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color;
    -moz-transition: border-color;
    transition: border-color;
    background-color: #fff;
    font-size: 1em;
    margin-bottom: .75em;
    padding: .5em;
    position: relative;
    width: 100%}
.search-tools .filter>div:focus, .search-tools .filter>div:hover {
    border-color: #c3c3c3;
}
.search-tools .filter>div label {
    cursor: pointer;
    margin-bottom: 0;
}
.search-tools .filter ol {
    margin-top: 1em;
}
.search-tools .filter ol label {
    display: inline;
}
.search-tools .filter button.clear {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: auto;
    left: auto;
    font-size: .7em;
    padding: 5px;
}
.search-tools .filter .hide-options {
    margin-bottom: 0;
}
.search-tools .filter .hide-options button, .search-tools .filter .hide-options ol {
    display: none;
}
.search-tools .trigger {
    margin-top: 1.5em;
}
.search-tools .trigger button {
    display: block;
    width: 100%;
    padding: .8em 0;
    margin-top: 5px;
    text-align: center;
}
.pagination ul {
    display: inline;
    margin: 0;
    padding: 0;
}
.pagination ul li {
    display: inline;
    list-style: none;
}
.pagination ul ul li {
    display: none;
}
.pagination ul ul li:nth-child(1), .pagination ul ul li:nth-child(2), .pagination ul ul li:nth-child(3) {
    display: inline;
}
@media screen and (min-width:53.75em) {
    .pagination ul ul li {
    display: inline;
}
}.pagination ul li a, .pagination ul li.current {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #f6f6f6;
    border-radius: 50px;
    border: 1px solid #7c74a3;
    color: #333;
    outline: 0;
    padding: .375em .809em;
}
.pagination ul li.current {
    background: #7C74A3;
    color: #fff;
    border: none;
}
.pagination ul li a:focus, .pagination ul li a:hover {
    background: #fff;
    color: #7C74A3;
}
.pagination ul li a:active {
    background: #f6f6f6;
}
blockquote {
    color: #5a417a;
    margin-left: 1.5em;
    padding-left: 1em;
    border-left: 3px solid #5a417a;
    position: relative;
}
blockquote:before {
    content: '\201C';
    position: absolute;
    left: -.25em;
    font-size: 2em;
    padding-top: .5em;
    background-color: #F0F0F0;
    line-height: .1em;
}
cite:before {
    content: "-";
    padding-right: 5px;
}
.breadcrumb {
    display: inline-block;
    margin-bottom: 1.5em;
    text-align: left;
}
.breadcrumb a {
    background-color: #fff;
    border-left: 0;
    color: #999;
    display: inline-block;
    font-size: .8em;
    line-height: 2.25em;
    margin-bottom: 2px;
    margin-right: -5px;
    padding: 0 .5625em 0 1.125em;
    position: relative;
}
.breadcrumb a:first-child {
    border-bottom-left-radius: 3px;
    border-left: 1px solid #dcdcdc;
    border-top-left-radius: 3px;
    padding-left: 1.125em;
}
.breadcrumb a:last-child {
    background-color: #fff;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #444;
    font-weight: 500;
    padding-right: 1.125em;
}
.breadcrumb a:focus, .breadcrumb a:hover {
    background-color: #fff;
    color: #7C74A3;
}
.breadcrumb a:after, .breadcrumb a:before {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%;
    border-bottom: 1.125em solid transparent;
    border-left: .5625em solid transparent;
    border-top: 1.125em solid transparent;
    content: '';
    display: block;
    margin: auto;
    z-index: 2;
}
.breadcrumb a:last-child:after, .breadcrumb a:last-child:before {
    border: none;
}
.breadcrumb a:before {
    border-left-color: #dcdcdc;
    margin-left: 1px;
    z-index: 1;
}
.breadcrumb a:after {
    border-left-color: #fff;
}
.breadcrumb a.current {
    pointer-events: none;
    cursor: default;
}
@media screen and (min-width:40em) {
    .breadcrumb a {
    font-size: 1em;
    padding: 0 1.125em 0 1.5em;
}
}div.addthis_sharing_toolbox {
    margin-top: 1em;
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #00b0b3;
    fill: none;
    animation: stroke .6s cubic-bezier(.65, 0, .45, 1)forwards;
}
.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 20px auto;
    box-shadow: inset 0 0 0 #00b0b3;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(.65, 0, .45, 1).8s forwards;
}
@keyframes stroke {
    100% {
    stroke-dashoffset: 0;
}
}@keyframes scale {
    0%, 100% {
    transform: none;
}
50% {
    transform: scale3d(1.1, 1.1, 1);
}
}@keyframes fill {
    100% {
    box-shadow: inset 0 0 0 30px #00b0b3;
}
}.prayer-grid {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    overflow: auto;
    padding: 0;
}
.prayer-grid .prayer {
    -webkit-flex-basis: 15em;
    -moz-flex-basis: 15em;
    flex-basis: 15em;
    -ms-flex-preferred-size: 15em;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
}
.prayer-grid .prayer-content {
    margin: 0 2em 2em 0;
}
.prayer-grid h3 {
    border-bottom: 1px solid rgba(51, 51, 51, .2);
    margin: 0;
}
.prayer-grid p {
    color: #666;
    line-height: 1.5em;
}
.prayer-grid img {
    max-width: 100%}
.longform {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

.longform:after {
  clear: both;
  content: "";
  display: table;
}

.longform .full {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.longform .full:last-child {
  margin-right: 0;
}

.longform .full img {
  width: 100%;
}

.longform .center-text {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  text-align: left;
}
.longform .center-text h1 {
    font-size:1.8em;
}

.longform .center-text:last-child {
  margin-right: 0;
}

@media screen and (min-width: 960px) {
  .longform .center-text-text {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin-left: 17.05961%;
	text-align: left;
  }
  .longform .center-text:last-child {
    margin-right: 0;
  }
}

.longform .center-image {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.longform .center-image:last-child {
  margin-right: 0;
}

@media screen and (min-width: 960px) {
  .longform .center-image {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-left: 25.58941%;
  }
  .longform .center-image:last-child {
    margin-right: 0;
  }
}

.longform .push-left {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.longform .push-left:last-child {
  margin-right: 0;
}

@media screen and (min-width: 40em) {
  .longform .push-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 17.05961%;
  }
  .longform .push-left:last-child {
    margin-right: 0;
  }
}

.longform .push-left .breakout {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.longform .push-left .breakout:last-child {
  margin-right: 0;
}

@media screen and (min-width: 40em) {
  .longform .push-left .breakout {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
    margin-left: -20.5%;
    margin-bottom: 2.35765%;
  }
  .longform .push-left .breakout p,
  .longform .push-right .breakout p{
    margin-bottom: 0;
  }
}

.longform .push-right {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.longform .push-right:last-child {
  margin-right: 0;
}

@media screen and (min-width: 40em) {
  .longform .push-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
  }
  .longform .push-right:last-child {
    margin-right: 0;
  }
}

.longform .push-right .breakout {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}
@media screen and (max-width: 40em){
	.longform .push-right .breakout img,.longform .push-left .breakout img{
		width: 100%
	}
}
.longform .push-right .breakout:last-child {
  margin-right: 0;
}

@media screen and (min-width: 40em) {
  .longform .push-right .breakout {
    float: right;
    display: block;
    margin-left: 2.35765%;
    width: 65.88078%;
    margin-right: -20.5%;
    margin-bottom: 2.35765%;
  }
}

.longform .pullquote p, .longform blockquote {
  font-size: 1.5em;
  font-weight: 300;
  color: #5a417a;
  background: -webkit-linear-gradient(#5a417a, #a690c1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1em;
}

.longform blockquote {
  margin: 0 0 1em 0;
  border-left: none;
  padding: 0;
}

.longform blockquote:before {
  content: '';
}
hr.horz-rule {
    border: 0;
    height: 0;
    border-top: none;
    border-bottom: 3px solid #222222;
    margin: 60px 0;
    position: relative;
    margin-left: 10%;
    width: 80%;
    text-align: center;
}
.slide-container{
  max-width:500px;
  min-height:315px;
  margin:0 auto;
  position:relative;
  padding-bottom:30px;
  overflow:hidden;
}
.slide h2{
  color:#999; 
  margin:15px 0 5px;
  text-shadow:0 1px rgba(255,255,255,0.5);
}
.slide h6{
  color:#999; 
  margin:0;
}
.slide-container input[type="radio"] {
position: absolute;
width: 1px; /* Setting this to 0 make it invisible for VoiceOver */
height: 1px; /* Setting this to 0 make it invisible for VoiceOver */
padding: 0;
margin: -1px;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
}
.slide-container label{
  display:block;
  width:32%;
  border: 4px solid white;
  position:absolute;
  bottom:5px;
  cursor: pointer;
  transition: border-color 0.3s linear;
}

.slide-container label.second{
  left:34%;
}
.slide-container label.third{
  left:68%;
}

.slide blockquote{
  margin:0;
  padding:30px;
  width:100%;
  background-color: #44BDBD;
  color:white;
  box-shadow: 0 5px 2px rgba(0,0,0,0.1);
  position:relative;
  transition: background-color 0.6s linear;
  border:none;
}
.slide blockquote:before{
    content:"";
}
.slide blockquote:after { 
  content: " "; 
  height: 0; 
  width: 0; 
  position: absolute; 
  top: 100%; 
  border: solid transparent; 
  border-top-color: #44BDBD;
  border-left-color:#44BDBD;
  border-width: 10px; 
  left: 10%; 
} 
#second:checked ~ .two blockquote {
  background-color:#7c74a3;
}
.two blockquote:after{
  border: solid transparent; 
  border-top-color: #7c74a3;
  border-left-color:#7c74a3;
  border-width: 10px;
}
#third:checked ~ .three blockquote{
  background-color:#F79520;
}
.three blockquote:after{
  border: solid transparent; 
  border-top-color: #F79520;
  border-left-color: #F79520;
  border-width: 10px;
}
.slide .quotes{
  position:absolute;
  color:rgba(255,255,255,0.5);
  font-size:5em;
}
.leftq{
  top:-25px;
  left:5px;
}
.rightq{
  bottom:-10px;
  right:5px;
}
.slide img{
  float:left;
  margin-right: 20px;
}
.slide{
  position:absolute;
  width: 100%;
  left:-100%;
  opacity:0;
  transition: all 0.6s ease-in;
}

#first:checked ~ label.first {
  border-width:6px;
  border-color:#44BDBD;
}
#second:checked ~ label.second {
  border-width:6px; border-color:#7c74a3;
}
#third:checked ~ label.third {
  border:6px solid #F79520;
}

input#first:checked ~ div.one {
  left:0;
  opacity:1;
}
input#second:checked ~ div.two {
  left:0;
  opacity:1;
}
input#third:checked ~ div.three {
  left:0;
  opacity:1;
}
.video-container {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.video-container embed,
.video-container object,
.video-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}