@charset "UTF-8";
/*
  Based on the Eric Meyer CSS Reset v2.0 (http://meyerweb.com/eric/tools/css/reset/)
*/
@import url(../../../../../plugins/thechurchco/inc/icons/fontawesome/css/all.min.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

:root {
  --body-font: "Open Sans", sans-serif;
  --body-font-weight: 400;
  --heading-font: "Open Sans", sans-serif;
  --heading-font-weight: 400;
  --light-color: #FFF;
  --light-color-darkened: #b3b3b3;
  --light-color-lightened: white;
  --light-text-color: #000000;
  --light-text-color-darkened: black;
  --light-text-color-lightened: #4d4d4d;
  --dark-color: #f6f6f6;
  --dark-text-color: #000000;
  --dark-color-darkened: #aaaaaa;
  --dark-color-lightened: white;
  --dark-text-color-darkened: black;
  --dark-text-color-lightened: #4d4d4d;
  --brand-color: #e74d41;
  --brand-text-color: #FFF;
  --brand-color-darkened: #7f1810;
  --brand-color-lightened: #f8ccc9;
  --brand-text-color-darkened: #b3b3b3;
  --brand-text-color-lightened: white;
  --secondary-color: #f8940a;
  --secondary-text-color: #FFF;
  --secondary-color-darkened: #663c03;
  --secondary-color-lightened: #fcd59f;
  --secondary-text-color-darkened: #b3b3b3;
  --secondary-text-color-lightened: white;
  --tertiary-color: #0b6472;
  --tertiary-text-color: #FFF;
  --tertiary-color-darkened: black;
  --tertiary-color-lightened: #2bd1eb;
  --tertiary-text-color-darkened: #b3b3b3;
  --tertiary-text-color-lightened: white;
  --footer-color: #000;
  --footer-color-darkened: black;
  --footer-color-lightened: #4d4d4d;
  --footer-text-color: #FFF;
  --footer-text-color-darkened: #b3b3b3;
  --footer-text-color-lightened: white;
  --navbar-color: #FFF;
  --navbar-color-darkened: #b3b3b3;
  --navbar-color-lightened: white;
  --navbar-link-color: #000;
  --navbar-link-color-darkened: black;
  --navbar-link-color-lightened: #4d4d4d; }

body {
  font-family: var(--body-font);
  -webkit-font-smoothing: antialiased;
  font-size: 100%;
  line-height: 150%;
  font-weight: var(--body-font-weight);
  background-color: var(--light-color);
  color: var(--light-text-color); }

h1 {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 64px;
  font-size: 4rem; }
  @media (max-width: 736px) {
    h1 {
      font-size: 48px;
      font-size: 3rem; } }

.h1, .h1 p, .h1 div {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 64px;
  font-size: 4rem; }
  @media (max-width: 736px) {
    .h1, .h1 p, .h1 div {
      font-size: 48px;
      font-size: 3rem; } }

h2 {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 55px;
  font-size: 3.4375rem; }
  @media (max-width: 736px) {
    h2 {
      font-size: 43px;
      font-size: 2.6875rem; } }

.h2, .h2 p, .h2 div {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 55px;
  font-size: 3.4375rem; }
  @media (max-width: 736px) {
    .h2, .h2 p, .h2 div {
      font-size: 43px;
      font-size: 2.6875rem; } }

h3 {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 50px;
  font-size: 3.125rem; }
  @media (max-width: 736px) {
    h3 {
      font-size: 38px;
      font-size: 2.375rem; } }

.h3, .h3 p, .h3 div {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 50px;
  font-size: 3.125rem; }
  @media (max-width: 736px) {
    .h3, .h3 p, .h3 div {
      font-size: 38px;
      font-size: 2.375rem; } }

h4 {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 32px;
  font-size: 2rem; }
  @media (max-width: 736px) {
    h4 {
      font-size: 16px;
      font-size: 1rem; } }

.h4, .h4 p, .h4 div {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 32px;
  font-size: 2rem; }
  @media (max-width: 736px) {
    .h4, .h4 p, .h4 div {
      font-size: 16px;
      font-size: 1rem; } }

h5 {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 30px;
  font-size: 1.875rem; }

.h5, .h5 p, .h5 div {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 30px;
  font-size: 1.875rem; }

h6 {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 26px;
  font-size: 1.625rem; }
  @media (max-width: 736px) {
    h6 {
      font-size: 24px;
      font-size: 1.5rem; } }

.h6, .h6 p, .h6 div {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: 120%;
  font-size: 26px;
  font-size: 1.625rem; }
  @media (max-width: 736px) {
    .h6, .h6 p, .h6 div {
      font-size: 24px;
      font-size: 1.5rem; } }

p {
  line-height: 150%;
  font-weight: var(--body-font-weight);
  font-family: var(--body-font);
  font-size: 20px;
  font-size: 1.25rem;
  margin: 1em 0; }
  @media (max-width: 1024px) {
    p {
      font-size: 18px;
      font-size: 1.125rem; } }

.p, .p p, .p div {
  line-height: 150%;
  font-weight: var(--body-font-weight);
  font-family: var(--body-font);
  font-size: 20px;
  font-size: 1.25rem; }
  @media (max-width: 1024px) {
    .p, .p p, .p div {
      font-size: 18px;
      font-size: 1.125rem; } }

.wysiwyg div,
.wysiwyg li {
  line-height: 150%;
  font-weight: var(--body-font-weight);
  font-family: var(--body-font);
  font-size: 20px;
  font-size: 1.25rem; }
  @media (max-width: 1024px) {
    .wysiwyg div,
    .wysiwyg li {
      font-size: 18px;
      font-size: 1.125rem; } }

a {
  color: var(--brand-color);
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

abbr,
acronym {
  border-bottom: 1px dotted;
  cursor: help; }

address {
  font-size: 1rem;
  font-style: italic; }

blockquote {
  padding-top: 1em;
  padding-bottom: 1em; }

cite {
  font-style: italic; }

code {
  font-size: 0.96rem;
  font-family: monospace;
  background: #f6f6f6;
  border: 1px solid #e9e9e9;
  padding: 0.125em 0.25em;
  line-height: 150%; }

em,
i {
  font-style: italic; }

strong,
b {
  font-weight: bold; }

hr {
  outline: none;
  border: none;
  margin: 1em 0;
  padding: 0;
  border-top: 1px solid #f6f6f6; }

ol,
ul {
  margin: 1em 0;
  padding: 0 0 0 2em; }
  ol li,
  ul li {
    list-style-position: outside; }

ul li {
  list-style: disc; }

ol li {
  list-style: decimal; }

sup {
  font-size: .65em;
  margin-top: 0.3em;
  display: inline-block; }

form {
  margin: 1em 0; }

dl {
  margin: 1em 0; }
  dl dt {
    font-weight: bold; }
  dl dd {
    margin: 0 0 0.5em; }

table {
  width: 100%;
  margin: 1em 0; }
  table th {
    padding: 0.5em;
    border: 1px solid currentColor;
    text-align: left;
    font-weight: bold; }
  table td {
    padding: 0.5em;
    border: 1px solid currentColor; }

@font-face {
  font-family: 'entypo';
  src: url("../fonts/entypo.eot?59575301");
  src: url("../fonts/entypo.eot?59575301#iefix") format("embedded-opentype"), url("../fonts/entypo.woff?59575301") format("woff"), url("../fonts/entypo.ttf?59575301") format("truetype"), url("../fonts/entypo.svg?59575301#entypo") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'entypo';
    src: url('../font/entypo.svg?59575301#entypo') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before,
.tweet:before,
.read-more:after {
  font-family: "entypo";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

span.icon-facebook:before {
  padding-right: 0.2em; }

span.icon-twitter:before {
  padding-right: 0.3em; }

.icon-note:before {
  content: '\e800'; }

/* '' */
.icon-cancel-circled:before {
  content: '\e801'; }

/* '' */
.icon-cancel-squared:before {
  content: '\e802'; }

/* '' */
.icon-note-beamed:before {
  content: '\e803'; }

/* '' */
.icon-upload-cloud:before {
  content: '\e804'; }

/* '' */
.icon-music:before {
  content: '\e805'; }

/* '' */
.icon-plus:before {
  content: '\e806'; }

/* '' */
.icon-bookmark:before {
  content: '\e807'; }

/* '' */
.icon-chat:before {
  content: '\e808'; }

/* '' */
.icon-bell:before {
  content: '\e809'; }

/* '' */
.icon-light-down:before {
  content: '\e80a'; }

/* '' */
.icon-basket:before {
  content: '\e80b'; }

/* '' */
.icon-down:before {
  content: '\e80c'; }

/* '' */
.icon-left-dir:before {
  content: '\e80d'; }

/* '' */
.icon-left-circled:before {
  content: '\e80e'; }

/* '' */
.icon-search:before {
  content: '\e80f'; }

/* '' */
.icon-mail:before {
  content: '\e810'; }

/* '' */
.icon-heart:before {
  content: '\e811'; }

/* '' */
.icon-flashlight:before {
  content: '\e812'; }

/* '' */
.icon-heart-empty:before {
  content: '\e813'; }

/* '' */
.icon-star:before {
  content: '\e814'; }

/* '' */
.icon-star-empty:before {
  content: '\e815'; }

/* '' */
.icon-user:before {
  content: '\e816'; }

/* '' */
.icon-users:before {
  content: '\e817'; }

/* '' */
.icon-user-add:before {
  content: '\e818'; }

/* '' */
.icon-video:before {
  content: '\e819'; }

/* '' */
.icon-camera:before {
  content: '\e81a'; }

/* '' */
.icon-picture:before {
  content: '\e81b'; }

/* '' */
.icon-layout:before {
  content: '\e81c'; }

/* '' */
.icon-check:before {
  content: '\e81d'; }

/* '' */
.icon-tag:before {
  content: '\e81e'; }

/* '' */
.icon-cancel:before {
  content: '\e81f'; }

/* '' */
.icon-eye:before {
  content: '\e820'; }

/* '' */
.icon-lock-open:before {
  content: '\e821'; }

/* '' */
.icon-menu:before {
  content: '\e822'; }

/* '' */
.icon-lock:before {
  content: '\e823'; }

/* '' */
.icon-attach:before {
  content: '\e824'; }

/* '' */
.icon-link:before {
  content: '\e825'; }

/* '' */
.icon-home:before {
  content: '\e826'; }

/* '' */
.icon-back:before {
  content: '\e827'; }

/* '' */
.icon-info-circled:before {
  content: '\e828'; }

/* '' */
.icon-info:before {
  content: '\e829'; }

/* '' */
.icon-help-circled:before {
  content: '\e82a'; }

/* '' */
.icon-help:before {
  content: '\e82b'; }

/* '' */
.icon-minus-circled:before {
  content: '\e82c'; }

/* '' */
.icon-minus:before {
  content: '\e82d'; }

/* '' */
.icon-plus-squared:before {
  content: '\e82e'; }

/* '' */
.icon-plus-circled:before {
  content: '\e82f'; }

/* '' */
.icon-minus-squared:before {
  content: '\e830'; }

/* '' */
.icon-bookmarks:before {
  content: '\e831'; }

/* '' */
.icon-flag:before {
  content: '\e832'; }

/* '' */
.icon-thumbs-up:before {
  content: '\e833'; }

/* '' */
.icon-upload:before {
  content: '\e834'; }

/* '' */
.icon-thumbs-down:before {
  content: '\e835'; }

/* '' */
.icon-download:before {
  content: '\e836'; }

/* '' */
.icon-reply:before {
  content: '\e837'; }

/* '' */
.icon-reply-all:before {
  content: '\e838'; }

/* '' */
.icon-forward:before {
  content: '\e839'; }

/* '' */
.icon-quote:before {
  content: '\e83a'; }

/* '' */
.icon-code:before {
  content: '\e83b'; }

/* '' */
.icon-export:before {
  content: '\e83c'; }

/* '' */
.icon-pencil:before {
  content: '\e83d'; }

/* '' */
.icon-feather:before {
  content: '\e83e'; }

/* '' */
.icon-print:before {
  content: '\e83f'; }

/* '' */
.icon-retweet:before {
  content: '\e840'; }

/* '' */
.icon-keyboard:before {
  content: '\e841'; }

/* '' */
.icon-comment:before {
  content: '\e842'; }

/* '' */
.icon-book:before {
  content: '\e843'; }

/* '' */
.icon-book-open:before {
  content: '\e844'; }

/* '' */
.icon-newspaper:before {
  content: '\e845'; }

/* '' */
.icon-doc-text-inv:before {
  content: '\e846'; }

/* '' */
.icon-doc-text:before {
  content: '\e847'; }

/* '' */
.icon-doc-landscape:before {
  content: '\e848'; }

/* '' */
.icon-doc:before {
  content: '\e849'; }

/* '' */
.icon-trash:before {
  content: '\e84a'; }

/* '' */
.icon-cup:before {
  content: '\e84b'; }

/* '' */
.icon-compass:before {
  content: '\e84c'; }

/* '' */
.icon-direction:before {
  content: '\e84d'; }

/* '' */
.icon-map:before {
  content: '\e84e'; }

/* '' */
.icon-location:before {
  content: '\e84f'; }

/* '' */
.icon-address:before {
  content: '\e850'; }

/* '' */
.icon-vcard:before {
  content: '\e851'; }

/* '' */
.icon-alert:before {
  content: '\e852'; }

/* '' */
.icon-attention:before {
  content: '\e853'; }

/* '' */
.icon-folder:before {
  content: '\e854'; }

/* '' */
.icon-archive:before {
  content: '\e855'; }

/* '' */
.icon-box:before {
  content: '\e856'; }

/* '' */
.icon-rss:before {
  content: '\e857'; }

/* '' */
.icon-phone:before {
  content: '\e858'; }

/* '' */
.icon-cog:before {
  content: '\e859'; }

/* '' */
.icon-tools:before {
  content: '\e85a'; }

/* '' */
.icon-share:before {
  content: '\e85b'; }

/* '' */
.icon-shareable:before {
  content: '\e85c'; }

/* '' */
.icon-bag:before {
  content: '\e85d'; }

/* '' */
.icon-calendar:before {
  content: '\e85e'; }

/* '' */
.icon-login:before {
  content: '\e85f'; }

/* '' */
.icon-logout:before {
  content: '\e860'; }

/* '' */
.icon-mic:before {
  content: '\e861'; }

/* '' */
.icon-mute:before {
  content: '\e862'; }

/* '' */
.icon-docs:before {
  content: '\e863'; }

/* '' */
.icon-sound:before {
  content: '\e864'; }

/* '' */
.icon-volume:before {
  content: '\e865'; }

/* '' */
.icon-clock:before {
  content: '\e866'; }

/* '' */
.icon-hourglass:before {
  content: '\e867'; }

/* '' */
.icon-down-open-mini:before {
  content: '\e868'; }

/* '' */
.icon-up-open:before {
  content: '\e869'; }

/* '' */
.icon-right-open:before {
  content: '\e86a'; }

/* '' */
.icon-left-open:before {
  content: '\e86b'; }

/* '' */
.icon-down-open:before {
  content: '\e86c'; }

/* '' */
.icon-right-circled:before {
  content: '\e86d'; }

/* '' */
.icon-down-circled:before {
  content: '\e86e'; }

/* '' */
.icon-up-circled:before {
  content: '\e86f'; }

/* '' */
.icon-arrow-combo:before {
  content: '\e870'; }

/* '' */
.icon-window:before {
  content: '\e871'; }

/* '' */
.icon-publish:before {
  content: '\e872'; }

/* '' */
.icon-popup:before {
  content: '\e873'; }

/* '' */
.icon-resize-small:before {
  content: '\e874'; }

/* '' */
.icon-resize-full:before {
  content: '\e875'; }

/* '' */
.icon-block:before {
  content: '\e876'; }

/* '' */
.icon-adjust:before {
  content: '\e877'; }

/* '' */
.icon-light-up:before {
  content: '\e878'; }

/* '' */
.icon-lamp:before {
  content: '\e879'; }

/* '' */
.icon-left-open-mini:before {
  content: '\e87a'; }

/* '' */
.icon-right-open-mini:before {
  content: '\e87b'; }

/* '' */
.icon-up-open-mini:before {
  content: '\e87c'; }

/* '' */
.icon-down-open-big:before {
  content: '\e87d'; }

/* '' */
.icon-left-open-big:before {
  content: '\e87e'; }

/* '' */
.icon-right-open-big:before {
  content: '\e87f'; }

/* '' */
.icon-arrows-ccw:before {
  content: '\e880'; }

/* '' */
.icon-cw:before {
  content: '\e881'; }

/* '' */
.icon-ccw:before {
  content: '\e882'; }

/* '' */
.icon-up-open-big:before {
  content: '\e883'; }

/* '' */
.icon-level-down:before {
  content: '\e884'; }

/* '' */
.icon-up-thin:before {
  content: '\e885'; }

/* '' */
.icon-left-thin:before {
  content: '\e886'; }

/* '' */
.icon-progress-1:before {
  content: '\e887'; }

/* '' */
.icon-progress-2:before {
  content: '\e888'; }

/* '' */
.icon-right-thin:before {
  content: '\e889'; }

/* '' */
.icon-progress-3:before {
  content: '\e88a'; }

/* '' */
.icon-target:before {
  content: '\e88b'; }

/* '' */
.icon-palette:before {
  content: '\e88c'; }

/* '' */
.icon-list:before {
  content: '\e88d'; }

/* '' */
.icon-list-add:before {
  content: '\e88e'; }

/* '' */
.icon-signal:before {
  content: '\e88f'; }

/* '' */
.icon-level-up:before {
  content: '\e890'; }

/* '' */
.icon-left:before {
  content: '\e891'; }

/* '' */
.icon-shuffle:before {
  content: '\e892'; }

/* '' */
.icon-trophy:before {
  content: '\e893'; }

/* '' */
.icon-loop:before {
  content: '\e894'; }

/* '' */
.icon-right:before {
  content: '\e895'; }

/* '' */
.icon-battery:before {
  content: '\e896'; }

/* '' */
.icon-back-in-time:before {
  content: '\e897'; }

/* '' */
.icon-switch:before {
  content: '\e898'; }

/* '' */
.icon-up:before {
  content: '\e899'; }

/* '' */
.icon-down-dir:before {
  content: '\e89a'; }

/* '' */
.icon-play:before {
  content: '\e89b'; }

/* '' */
.icon-monitor:before {
  content: '\e89c'; }

/* '' */
.icon-mobile:before {
  content: '\e89d'; }

/* '' */
.icon-stop:before {
  content: '\e89e'; }

/* '' */
.icon-right-dir:before {
  content: '\e89f'; }

/* '' */
.icon-pause:before {
  content: '\e8a0'; }

/* '' */
.icon-network:before {
  content: '\e8a1'; }

/* '' */
.icon-cd:before {
  content: '\e8a2'; }

/* '' */
.icon-record:before {
  content: '\e8a3'; }

/* '' */
.icon-up-dir:before {
  content: '\e8a4'; }

/* '' */
.icon-down-bold:before {
  content: '\e8a5'; }

/* '' */
.icon-to-end:before {
  content: '\e8a6'; }

/* '' */
.icon-inbox:before {
  content: '\e8a7'; }

/* '' */
.icon-install:before {
  content: '\e8a8'; }

/* '' */
.icon-to-start:before {
  content: '\e8a9'; }

/* '' */
.icon-left-bold:before {
  content: '\e8aa'; }

/* '' */
.icon-right-bold:before {
  content: '\e8ab'; }

/* '' */
.icon-fast-forward:before {
  content: '\e8ac'; }

/* '' */
.icon-globe:before {
  content: '\e8ad'; }

/* '' */
.icon-cloud:before {
  content: '\e8ae'; }

/* '' */
.icon-fast-backward:before {
  content: '\e8af'; }

/* '' */
.icon-down-thin:before {
  content: '\e8b0'; }

/* '' */
.icon-progress-0:before {
  content: '\e8b1'; }

/* '' */
.icon-up-bold:before {
  content: '\e8b2'; }

/* '' */
.icon-cloud-thunder:before {
  content: '\e8b3'; }

/* '' */
.icon-chart-area:before {
  content: '\e8b4'; }

/* '' */
.icon-chart-bar:before {
  content: '\e8b5'; }

/* '' */
.icon-flow-tree:before {
  content: '\e8b6'; }

/* '' */
.icon-flow-line:before {
  content: '\e8b7'; }

/* '' */
.icon-vimeo:before {
  content: '\e8b8'; }

/* '' */
.icon-flickr-circled:before {
  content: '\e8b9'; }

/* '' */
.icon-lastfm:before {
  content: '\e8ba'; }

/* '' */
.icon-lastfm-circled:before {
  content: '\e8bb'; }

/* '' */
.icon-vkontakte:before {
  content: '\e8bc'; }

/* '' */
.icon-behance:before {
  content: '\e8bd'; }

/* '' */
.icon-mixi:before {
  content: '\e8be'; }

/* '' */
.icon-stumbleupon:before {
  content: '\e8bf'; }

/* '' */
.icon-stumbleupon-circled:before {
  content: '\e8c0'; }

/* '' */
.icon-flickr:before {
  content: '\e8c1'; }

/* '' */
.icon-github-circled:before {
  content: '\e8c2'; }

/* '' */
.icon-flow-cascade:before {
  content: '\e8c3'; }

/* '' */
.icon-flow-branch:before {
  content: '\e8c4'; }

/* '' */
.icon-chart-line:before {
  content: '\e8c5'; }

/* '' */
.icon-chart-pie:before {
  content: '\e8c6'; }

/* '' */
.icon-erase:before {
  content: '\e8c7'; }

/* '' */
.icon-key:before {
  content: '\e8c8'; }

/* '' */
.icon-github:before {
  content: '\e8c9'; }

/* '' */
.icon-dribbble-circled:before {
  content: '\e8ca'; }

/* '' */
.icon-picasa:before {
  content: '\e8cb'; }

/* '' */
.icon-dribbble:before {
  content: '\e8cc'; }

/* '' */
.icon-infinity:before {
  content: '\e8cd'; }

/* '' */
.icon-magnet:before {
  content: '\e8ce'; }

/* '' */
.icon-bucket:before {
  content: '\e8cf'; }

/* '' */
.icon-linkedin-circled:before {
  content: '\e8d0'; }

/* '' */
.icon-paypal:before {
  content: '\e8d1'; }

/* '' */
.icon-sina-weibo:before {
  content: '\e8d2'; }

/* '' */
.icon-linkedin:before {
  content: '\e8d3'; }

/* '' */
.icon-cc-zero:before {
  content: '\e8d4'; }

/* '' */
.icon-drive:before {
  content: '\e8d5'; }

/* '' */
.icon-brush:before {
  content: '\e8d6'; }

/* '' */
.icon-dot-3:before {
  content: '\e8d7'; }

/* '' */
.icon-database:before {
  content: '\e8d8'; }

/* '' */
.icon-cc-pd:before {
  content: '\e8d9'; }

/* '' */
.icon-tumblr-circled:before {
  content: '\e8da'; }

/* '' */
.icon-renren:before {
  content: '\e8db'; }

/* '' */
.icon-skype-circled:before {
  content: '\e8dc'; }

/* '' */
.icon-tumblr:before {
  content: '\e8dd'; }

/* '' */
.icon-cc-nd:before {
  content: '\e8de'; }

/* '' */
.icon-megaphone:before {
  content: '\e8df'; }

/* '' */
.icon-dot-2:before {
  content: '\e8e0'; }

/* '' */
.icon-dot:before {
  content: '\e8e1'; }

/* '' */
.icon-clipboard:before {
  content: '\e8e2'; }

/* '' */
.icon-cc-sa:before {
  content: '\e8e3'; }

/* '' */
.icon-pinterest-circled:before {
  content: '\e8e4'; }

/* '' */
.icon-cc-remix:before {
  content: '\e8e5'; }

/* '' */
.icon-thermometer:before {
  content: '\e8e6'; }

/* '' */
.icon-soundcloud:before {
  content: '\e8e7'; }

/* '' */
.icon-cc-share:before {
  content: '\e8e8'; }

/* '' */
.icon-google-circles:before {
  content: '\e8e9'; }

/* '' */
.icon-skype:before {
  content: '\e8ea'; }

/* '' */
.icon-flattr:before {
  content: '\e8eb'; }

/* '' */
.icon-cc-nc-jp:before {
  content: '\e8ec'; }

/* '' */
.icon-cc-nc-eu:before {
  content: '\e8ed'; }

/* '' */
.icon-cc-nc:before {
  content: '\e8ee'; }

/* '' */
.icon-cc-by:before {
  content: '\e8ef'; }

/* '' */
.icon-cc:before {
  content: '\e8f0'; }

/* '' */
.icon-traffic-cone:before {
  content: '\e8f1'; }

/* '' */
.icon-gauge:before {
  content: '\e8f2'; }

/* '' */
.icon-rocket:before {
  content: '\e8f3'; }

/* '' */
.icon-flow-parallel:before {
  content: '\e8f4'; }

/* '' */
.icon-vimeo-circled:before {
  content: '\e8f5'; }

/* '' */
.icon-twitter:before {
  content: '\e8f6'; }

/* '' */
.icon-twitter-circled:before {
  content: '\e8f7'; }

/* '' */
.icon-facebook:before {
  content: '\e8f8'; }

/* '' */
.icon-facebook-circled:before {
  content: '\e8f9'; }

/* '' */
.icon-facebook-squared:before {
  content: '\e8fa'; }

/* '' */
.icon-gplus:before {
  content: '\e8fb'; }

/* '' */
.icon-gplus-circled:before {
  content: '\e8fc'; }

/* '' */
.icon-pinterest:before {
  content: '\e8fd'; }

/* '' */
.icon-evernote:before {
  content: '\e8fe'; }

/* '' */
.icon-dropbox:before {
  content: '\e8ff'; }

/* '' */
.icon-instagram:before {
  content: '\e900'; }

/* '' */
.icon-qq:before {
  content: '\e901'; }

/* '' */
.icon-spotify-circled:before {
  content: '\e902'; }

/* '' */
.icon-spotify:before {
  content: '\e903'; }

/* '' */
.icon-rdio-circled:before {
  content: '\e904'; }

/* '' */
.icon-rdio:before {
  content: '\e905'; }

/* '' */
.icon-smashing:before {
  content: '\e906'; }

/* '' */
.icon-sweden:before {
  content: '\e907'; }

/* '' */
.icon-db-shape:before {
  content: '\e908'; }

/* '' */
.icon-logo-db:before {
  content: '\e909'; }

/* '' */
.icon-tape:before {
  content: '\e90a'; }

/* '' */
.icon-flash:before {
  content: '\e90b'; }

/* '' */
.icon-graduation-cap:before {
  content: '\e90c'; }

/* '' */
.icon-language:before {
  content: '\e90d'; }

/* '' */
.icon-flight:before {
  content: '\e90e'; }

/* '' */
.icon-moon:before {
  content: '\e90f'; }

/* '' */
.icon-paper-plane:before {
  content: '\e910'; }

/* '' */
.icon-ticket:before {
  content: '\e911'; }

/* '' */
.icon-leaf:before {
  content: '\e912'; }

/* '' */
.icon-lifebuoy:before {
  content: '\e913'; }

/* '' */
.icon-droplet:before {
  content: '\e914'; }

/* '' */
.icon-water:before {
  content: '\e915'; }

/* '' */
.icon-air:before {
  content: '\e916'; }

/* '' */
.icon-mouse:before {
  content: '\e917'; }

/* '' */
.icon-briefcase:before {
  content: '\e918'; }

/* '' */
.icon-credit-card:before {
  content: '\e919'; }

/* '' */
.icon-floppy:before {
  content: '\e91a'; }

/* '' */
.icon-suitcase:before {
  content: '\e91b'; }

/* '' */
* {
  box-sizing: border-box; }

.tcc-main-content {
  position: relative;
  z-index: 5000;
  float: left;
  width: 100%; }

.container {
  max-width: 1145px;
  margin-left: auto;
  margin-right: auto; }
  .container:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1200px) {
    .container {
      max-width: 1145px; } }
  @media (max-width: 1024px) {
    .container {
      max-width: 100%; } }
  @media (max-width: 736px) {
    .container {
      max-width: 100%; } }

.container-wrap {
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 2%;
  width: 96%; }

.error {
  color: #AA0000; }

.success {
  color: #00AA00; }

.column-one {
  display: block;
  width: 4.33333%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-one {
      display: block;
      width: 4.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-one {
      display: block;
      width: 4.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-one {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-two {
  display: block;
  width: 12.66667%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-two {
      display: block;
      width: 12.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-two {
      display: block;
      width: 12.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-two {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-three {
  display: block;
  width: 21%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-three {
      display: block;
      width: 21%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-three {
      display: block;
      width: 21%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-three {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-four {
  display: block;
  width: 29.33333%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-four {
      display: block;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-four {
      display: block;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-four {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-five {
  display: block;
  width: 37.66667%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-five {
      display: block;
      width: 37.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-five {
      display: block;
      width: 37.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-five {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-six {
  display: block;
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-six {
      display: block;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-six {
      display: block;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-six {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-seven {
  display: block;
  width: 54.33333%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-seven {
      display: block;
      width: 54.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-seven {
      display: block;
      width: 54.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-seven {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-eight {
  display: block;
  width: 62.66667%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-eight {
      display: block;
      width: 62.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-eight {
      display: block;
      width: 62.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-eight {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-nine {
  display: block;
  width: 71%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-nine {
      display: block;
      width: 71%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-nine {
      display: block;
      width: 71%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-nine {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-ten {
  display: block;
  width: 79.33333%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-ten {
      display: block;
      width: 79.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-ten {
      display: block;
      width: 79.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-ten {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-eleven {
  display: block;
  width: 87.66667%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-eleven {
      display: block;
      width: 87.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-eleven {
      display: block;
      width: 87.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-eleven {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-twelve {
  display: block;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-twelve {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-twelve {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-twelve {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.row.mega-button {
  position: relative;
  padding-top: 0;
  padding-bottom: 0; }
  .row.mega-button .container {
    max-width: inherit; }
  .row.mega-button .row-defaults {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .row.mega-button .row-buttons {
    margin: 0; }
  .row.mega-button .row-buttons a {
    font-size: 6em;
    display: block;
    margin: 0;
    width: 100%; }
    @media (max-width: 736px) {
      .row.mega-button .row-buttons a {
        font-size: 3em; } }

/*
// ---------------
// CHECKBOXES
// ---------------
*/
.list-checkbox-wrap ul li {
  float: left;
  width: auto; }

.list-checkbox-wrap ul li input {
  display: inline;
  margin-top: 4px; }

/*
// ----------------
// Theme CSS: TODO: Move to each component.
// ----------------
*/
.force-left .row-column p {
  text-align: left; }

.force-square .row-column.image-type-circle .image {
  max-width: none; }

.force-square .row-column.image-type-circle .image img {
  border-radius: 0; }

.-no-flex {
  display: block; }

.flex {
  display: -ms-flexbox;
  display: flex; }

/** AUdio Player Fix **/
.audio-container button:after,
.audio-container button:before {
  display: none; }

.squiggle {
  width: 50px;
  opacity: 0.15; }

.squiggly-line {
  fill: none;
  stroke: currentColor;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke-dasharray: 100; }

@keyframes squiggle {
  to {
    stroke-dashoffset: -1000; } }

.-outlined-text,
.fx-outlined {
  -webkit-text-stroke: 1px currentColor;
  -webkit-text-fill-color: transparent !important; }
  @supports (-webkit-background-clip: text) {
    .-outlined-text,
    .fx-outlined {
      background: none !important;
      background-clip: none !important;
      text-fill-color: none !important;
      -webkit-background-clip: none !important;
      -webkit-text-fill-color: white; } }

.fx-italics {
  font-style: italic; }

.wysiwyg img.alignleft,
.post-content img.alignleft {
  float: left;
  width: auto;
  max-width: 40%;
  margin-right: 4%;
  margin-top: 2%;
  margin-bottom: 2%; }

.wysiwyg img.alignright,
.post-content img.alignright {
  float: right;
  width: auto;
  max-width: 40%;
  margin-left: 4%;
  margin-top: 2%;
  margin-bottom: 2%; }

.tcc-main-content > .feature-image {
  width: 100%; }

[data-accordion-toggle] .title {
  color: currentColor; }

[data-accordion-toggle] .body {
  display: none; }
  [data-accordion-toggle] .body img {
    width: 100%;
    height: auto; }
  [data-accordion-toggle] .body .body-wrap {
    opacity: 0;
    transition: 500ms all; }
  [data-accordion-toggle] .body.-active {
    display: block; }
    [data-accordion-toggle] .body.-active .body-wrap.-active {
      opacity: 1; }

.accordion-tabs .title {
  margin-right: 1em;
  display: inline-block;
  position: relative;
  font-size: 1.1em; }
  .accordion-tabs .title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: currentColor;
    display: none; }
  .accordion-tabs .title.-active {
    font-weight: bold; }
    .accordion-tabs .title.-active:after {
      display: block; }

.row-single-element.accordion-layout-selection .row-content {
  display: block;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .row-single-element.accordion-layout-selection .row-content {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .row-single-element.accordion-layout-selection .row-content {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .row-single-element.accordion-layout-selection .row-content {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.accordion-selection {
  display: -ms-flexbox;
  display: flex; }
  .accordion-selection .accordion-selection-tabs {
    -ms-flex: 1;
    flex: 1; }
    .accordion-selection .accordion-selection-tabs .title {
      display: block;
      padding: 1em 1.5em;
      position: relative;
      transition: all 300ms;
      font-weight: bold; }
      .accordion-selection .accordion-selection-tabs .title:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        pointer-events: none;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: all 500ms;
        border: 2px solid currentColor; }
      .accordion-selection .accordion-selection-tabs .title.-active {
        padding: 1.5em; }
        .accordion-selection .accordion-selection-tabs .title.-active:after {
          opacity: 1; }
  .accordion-selection .accordion-selection-content {
    -ms-flex: 3;
    flex: 3; }
    .accordion-selection .accordion-selection-content .body {
      position: relative;
      transition: all 300ms; }
      .accordion-selection .accordion-selection-content .body .body-wrap > * {
        padding-left: 1rem; }
      .accordion-selection .accordion-selection-content .body .body-wrap > img:first-child {
        padding-left: 0em; }
      .accordion-selection .accordion-selection-content .body .body-wrap > p:first-child {
        margin-top: 0; }
  @media (max-width: 736px) {
    .accordion-selection {
      display: block; }
      .accordion-selection .accordion-selection-tabs .title {
        padding: 1em; }
        .accordion-selection .accordion-selection-tabs .title.-active {
          padding: 1.5em 1em; }
      .accordion-selection .accordion-selection-content .body .body-wrap {
        margin-top: 1rem; }
        .accordion-selection .accordion-selection-content .body .body-wrap > * {
          padding-left: 1rem;
          padding-right: 1rem; }
        .accordion-selection .accordion-selection-content .body .body-wrap > img:first-child {
          padding-left: 1em; } }

.accordion-wrap {
  float: left;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 1em;
  transform: scale3d(1, 1, 1);
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .accordion-wrap:last-child {
    margin-bottom: 0; }
  .accordion-wrap .body {
    display: none;
    float: left;
    width: 100%;
    padding: 0em 2em;
    font-size: 1em; }
    .accordion-wrap .body p {
      font-size: 1em; }
  .accordion-wrap .title {
    float: left;
    width: 100%;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 1.5em;
    transform: scale3d(1, 1, 1);
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    border: 2px solid currentColor; }
  .accordion-wrap .text {
    float: left; }
  .accordion-wrap .switch {
    position: relative;
    display: block;
    float: right;
    width: 1.5em;
    height: 1em;
    cursor: pointer;
    transform: scale3d(0.9, 0.9, 0.9) translateY(7px);
    transition: all 200ms; }
    .accordion-wrap .switch:after, .accordion-wrap .switch:before {
      display: block;
      content: " ";
      position: absolute;
      height: 0.1em;
      width: 1em;
      background: currentColor;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      transition: all 200ms; }
    .accordion-wrap .switch:before {
      -ms-transform: translateY(-50%) translateX(-18%) rotate(-45deg);
      transform: translateY(-50%) translateX(-18%) rotate(-45deg); }
    .accordion-wrap .switch:after {
      -ms-transform: translateY(-50%) translateX(-82%) rotate(45deg);
      transform: translateY(-50%) translateX(-82%) rotate(45deg); }
  .accordion-wrap.-open .switch {
    transform: scale3d(0.9, 0.9, 0.9) translateY(4px); }
    .accordion-wrap.-open .switch:before {
      transform: translateY(-50%) translateX(-50%) rotate(-45deg) scale3d(1.45, 1, 1); }
    .accordion-wrap.-open .switch:after {
      transform: translateY(-50%) translateX(-50%) rotate(45deg) scale3d(1.45, 1, 1); }

[data-component-type="TCCAnnouncements"] {
  position: fixed !important;
  z-index: 5000;
  bottom: 1.5em;
  left: 2%;
  width: 1000px;
  max-width: 30em; }
  @media (max-width: 736px) {
    [data-component-type="TCCAnnouncements"] {
      left: 0em;
      bottom: 1em;
      max-width: 100%; } }

.announcement {
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  background-color: #FFF;
  background-color: var(--light-color);
  color: var(--light-text-color);
  border: 2px solid currentColor;
  float: left;
  width: 100%;
  position: relative;
  max-width: 30em;
  position: absolute;
  z-index: 901;
  bottom: 0;
  left: 0;
  overflow: hidden; }
  @media (max-width: 736px) {
    .announcement {
      left: 0em;
      bottom: 0em;
      max-width: 100%;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  .announcement a {
    color: var(--light-text-color); }
  .announcement .announcement-container .announcement-image {
    float: left;
    width: 25%;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    background-size: cover;
    background-position: center center;
    height: 100%;
    position: absolute; }
    .announcement .announcement-container .announcement-image img {
      width: 100%;
      height: auto; }
  .announcement .announcement-container .announcement-content {
    float: left;
    width: 100%;
    padding: 1.5em;
    text-align: left; }
    .announcement .announcement-container .announcement-content .announcement-content-wrap h6 {
      font-size: 1em;
      margin-bottom: 0.5em; }
    .announcement .announcement-container .announcement-content .announcement-content-wrap p {
      margin: 0;
      font-size: 0.9em; }
    @media (max-width: 736px) {
      .announcement .announcement-container .announcement-content .announcement-content-wrap h6, .announcement .announcement-container .announcement-content .announcement-content-wrap p {
        font-size: 0.75em; } }
  .announcement .announcement-container .announcement-image + .announcement-content {
    width: 75%;
    margin-left: 25%; }
  .announcement .announcement-controls {
    position: absolute;
    right: 0.35em;
    top: 0.35em;
    font-size: 1.25em;
    opacity: 1;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    color: currentColor;
    border: 2px solid currentColor;
    cursor: pointer; }
    .announcement .announcement-controls:hover {
      opacity: 1; }
  .announcement:hover {
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }

.announcementclosetransition-enter {
  opacity: 0.0;
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  z-index: 2; }

.announcementclosetransition-enter-active {
  opacity: 1;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 2;
  transition: all 1000ms cubic-bezier(0.33, 0, 0.19, 1); }

.announcementclosetransition-exit {
  opacity: 1;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 1; }

.announcementclosetransition-exit-active {
  opacity: 0.0;
  transition: all 1000ms cubic-bezier(0.33, 0, 0.19, 1);
  transition-delay: 0ms;
  z-index: 1;
  -ms-transform: translateY(10px);
  transform: translateY(10px); }

.announcementitemtransition-enter {
  opacity: 0.0;
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  z-index: 2; }

.announcementitemtransition-enter-active {
  opacity: 1;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 2;
  transition: all 1000ms cubic-bezier(0.33, 0, 0.19, 1); }

.announcementitemtransition-exit {
  opacity: 1;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 1; }

.announcementitemtransition-exit-active {
  opacity: 0.0;
  transition: all 1000ms cubic-bezier(0.33, 0, 0.19, 1);
  transition-delay: 0ms;
  z-index: 1;
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

.announcement-topbanner {
  position: relative;
  z-index: 5000;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--brand-color);
  color: #FFF;
  text-align: center;
  padding: 1em;
  transition: all 300ms cubic-bezier(0.33, 0, 0.19, 1);
  margin-top: 0;
  border: 2px solid currentColor; }
  .announcement-topbanner a {
    color: currentColor; }
  .announcement-topbanner p {
    margin: 0; }
  .announcement-topbanner img {
    width: 100%;
    max-width: 50px;
    display: none; }
  .announcement-topbanner .announcement-controls {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    cursor: pointer;
    font-size: 1.35em;
    margin-top: 0.5em;
    margin-right: 0.5em;
    border: 2px solid currentColor; }

.announcementtopbaritemtransition-enter .announcement-topbanner,
.announcementtopbannerclosetransition-enter .announcement-topbanner {
  display: none; }

.announcementtopbaritemtransition-enter-active .announcement-topbanner {
  display: block; }

.announcementtopbaritemtransition-exit .announcement-topbanner {
  display: none; }

.announcementtopbaritemtransition-exit-active .announcement-topbanner {
  display: block; }

.announcementtopbaritemtransition-enter .announcement-topbanner {
  display: none; }

.announcementtopbaritemtransition-enter-active .announcement-topbanner {
  display: block; }

.announcementtopbaritemtransition-exit .announcement-topbanner {
  display: block; }

.announcementtopbaritemtransition-exit-active .announcement-topbanner {
  display: none; }

.thechurchco-mobileapp-view .thechurchco-mobileapp-navigation {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  padding: 0.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid var(--dark-color);
  background-color: var(--light-color); }
  .thechurchco-mobileapp-view .thechurchco-mobileapp-navigation .thechurchco-mobileapp-navitem {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: var(--light-text-color); }
    .thechurchco-mobileapp-view .thechurchco-mobileapp-navigation .thechurchco-mobileapp-navitem span {
      display: block; }
      .thechurchco-mobileapp-view .thechurchco-mobileapp-navigation .thechurchco-mobileapp-navitem span.text {
        font-size: 0.75rem; }
    .thechurchco-mobileapp-view .thechurchco-mobileapp-navigation .thechurchco-mobileapp-navitem.selected {
      color: var(--brand-color); }

.thechurchco-mobileapp-view .thechurchco-mobile-app-screens {
  background-color: black; }
  .thechurchco-mobileapp-view .thechurchco-mobile-app-screens iframe {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 60px);
    transition: 500ms all;
    pointer-events: none;
    z-index: 1; }
    .thechurchco-mobileapp-view .thechurchco-mobile-app-screens iframe.selected {
      opacity: 1;
      pointer-events: all;
      z-index: 5; }

.thechurchco-mobileapp-view .thechurchco-mobile-app-loader {
  background-color: var(--navbar-color);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  transition: 500ms all;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .thechurchco-mobileapp-view .thechurchco-mobile-app-loader.loaded {
    opacity: 0;
    pointer-events: none; }
  .thechurchco-mobileapp-view .thechurchco-mobile-app-loader .loader-container {
    position: relative;
    height: 50px; }
  .thechurchco-mobileapp-view .thechurchco-mobile-app-loader .tccloader {
    transform: scale3d(0.7, 0.7, 0.7); }
  .thechurchco-mobileapp-view .thechurchco-mobile-app-loader .logo {
    max-width: 200px; }
    .thechurchco-mobileapp-view .thechurchco-mobile-app-loader .logo img {
      width: 100%;
      height: auto; }

.inappview .top-bar {
  display: none; }

.inappview footer {
  display: none; }

.inappview .row .row-defaults, .inappview .row .row-content {
  opacity: 1; }

.inappview .cookie-policy-banner {
  display: none; }

.inappview .announcement {
  display: none; }

.inappview .messenger {
  display: none; }

.inappview.thechurchco-shortcut .-last-row {
  margin-bottom: 6em !important; }

button,
.button,
[class^="button"],
input[type="button"],
input[type="reset"] {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--light-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  button:after,
  .button:after,
  [class^="button"]:after,
  input[type="button"]:after,
  input[type="reset"]:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--light-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  button:before,
  .button:before,
  [class^="button"]:before,
  input[type="button"]:before,
  input[type="reset"]:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--light-text-color); }
  button span,
  .button span,
  [class^="button"] span,
  input[type="button"] span,
  input[type="reset"] span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  button:hover,
  .button:hover,
  [class^="button"]:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--light-color); }
    button:hover:before,
    .button:hover:before,
    [class^="button"]:hover:before,
    input[type="button"]:hover:before,
    input[type="reset"]:hover:before {
      transform: scale3d(1, 1, 1); }
  button:active,
  .button:active,
  [class^="button"]:active,
  input[type="button"]:active,
  input[type="reset"]:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  button.disabled,
  .button.disabled,
  [class^="button"].disabled,
  input[type="button"].disabled,
  input[type="reset"].disabled {
    color: var(--light-color);
    opacity: 0.75;
    cursor: default; }

button.primary,
.button-primary,
input.button-primary,
input[type="submit"] {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--brand-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  button.primary:after,
  .button-primary:after,
  input.button-primary:after,
  input[type="submit"]:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--brand-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  button.primary:before,
  .button-primary:before,
  input.button-primary:before,
  input[type="submit"]:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--brand-text-color); }
  button.primary span,
  .button-primary span,
  input.button-primary span,
  input[type="submit"] span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  button.primary:hover,
  .button-primary:hover,
  input.button-primary:hover,
  input[type="submit"]:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--brand-color); }
    button.primary:hover:before,
    .button-primary:hover:before,
    input.button-primary:hover:before,
    input[type="submit"]:hover:before {
      transform: scale3d(1, 1, 1); }
  button.primary:active,
  .button-primary:active,
  input.button-primary:active,
  input[type="submit"]:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  button.primary.disabled,
  .button-primary.disabled,
  input.button-primary.disabled,
  input[type="submit"].disabled {
    color: var(--brand-color);
    opacity: 0.75;
    cursor: default; }
  button.primary:after,
  .button-primary:after,
  input.button-primary:after,
  input[type="submit"]:after {
    transform: scale3d(1, 1, 1) !important; }

input[type="submit"] {
  background-color: var(--brand-color);
  box-shadow: inset 0 0 0 2px var(--brand-color); }

.lightbg button.primary,
.lightbg .button-primary,
.lightbg input.button-primary,
.lightbg button {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--brand-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .lightbg button.primary:after,
  .lightbg .button-primary:after,
  .lightbg input.button-primary:after,
  .lightbg button:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--brand-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .lightbg button.primary:before,
  .lightbg .button-primary:before,
  .lightbg input.button-primary:before,
  .lightbg button:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--brand-text-color); }
  .lightbg button.primary span,
  .lightbg .button-primary span,
  .lightbg input.button-primary span,
  .lightbg button span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .lightbg button.primary:hover,
  .lightbg .button-primary:hover,
  .lightbg input.button-primary:hover,
  .lightbg button:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--brand-color); }
    .lightbg button.primary:hover:before,
    .lightbg .button-primary:hover:before,
    .lightbg input.button-primary:hover:before,
    .lightbg button:hover:before {
      transform: scale3d(1, 1, 1); }
  .lightbg button.primary:active,
  .lightbg .button-primary:active,
  .lightbg input.button-primary:active,
  .lightbg button:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .lightbg button.primary.disabled,
  .lightbg .button-primary.disabled,
  .lightbg input.button-primary.disabled,
  .lightbg button.disabled {
    color: var(--brand-color);
    opacity: 0.75;
    cursor: default; }

.lightbg .button-outlined {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--light-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .lightbg .button-outlined:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--light-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .lightbg .button-outlined:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--light-text-color); }
  .lightbg .button-outlined span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .lightbg .button-outlined:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--light-color); }
    .lightbg .button-outlined:hover:before {
      transform: scale3d(1, 1, 1); }
  .lightbg .button-outlined:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .lightbg .button-outlined.disabled {
    color: var(--light-color);
    opacity: 0.75;
    cursor: default; }

.lightbg input[type="submit"] {
  color: var(--brand-text-color) !important; }
  .lightbg input[type="submit"]:before {
    display: none; }

.lightbg button {
  color: var(--brand-text-color) !important; }
  .lightbg button:before {
    display: none; }
  .lightbg button:after {
    transform: scale3d(1, 1, 1);
    background-color: var(--brand-color) !important; }

.darkbg button.primary,
.darkbg .button-primary,
.darkbg input.button-primary,
.darkbg button {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--brand-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .darkbg button.primary:after,
  .darkbg .button-primary:after,
  .darkbg input.button-primary:after,
  .darkbg button:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--brand-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .darkbg button.primary:before,
  .darkbg .button-primary:before,
  .darkbg input.button-primary:before,
  .darkbg button:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--brand-text-color); }
  .darkbg button.primary span,
  .darkbg .button-primary span,
  .darkbg input.button-primary span,
  .darkbg button span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .darkbg button.primary:hover,
  .darkbg .button-primary:hover,
  .darkbg input.button-primary:hover,
  .darkbg button:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--brand-color); }
    .darkbg button.primary:hover:before,
    .darkbg .button-primary:hover:before,
    .darkbg input.button-primary:hover:before,
    .darkbg button:hover:before {
      transform: scale3d(1, 1, 1); }
  .darkbg button.primary:active,
  .darkbg .button-primary:active,
  .darkbg input.button-primary:active,
  .darkbg button:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .darkbg button.primary.disabled,
  .darkbg .button-primary.disabled,
  .darkbg input.button-primary.disabled,
  .darkbg button.disabled {
    color: var(--brand-color);
    opacity: 0.75;
    cursor: default; }

.darkbg .button-outlined {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--dark-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .darkbg .button-outlined:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--dark-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .darkbg .button-outlined:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--dark-text-color); }
  .darkbg .button-outlined span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .darkbg .button-outlined:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--dark-color); }
    .darkbg .button-outlined:hover:before {
      transform: scale3d(1, 1, 1); }
  .darkbg .button-outlined:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .darkbg .button-outlined.disabled {
    color: var(--dark-color);
    opacity: 0.75;
    cursor: default; }

.darkbg input[type="submit"],
.darkbg button {
  color: var(--brand-text-color) !important; }
  .darkbg input[type="submit"]:before,
  .darkbg button:before {
    display: none; }

.imagebg button.primary,
.imagebg .button-primary,
.imagebg input.button-primary,
.imagebg button {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--brand-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .imagebg button.primary:after,
  .imagebg .button-primary:after,
  .imagebg input.button-primary:after,
  .imagebg button:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--brand-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .imagebg button.primary:before,
  .imagebg .button-primary:before,
  .imagebg input.button-primary:before,
  .imagebg button:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--brand-text-color); }
  .imagebg button.primary span,
  .imagebg .button-primary span,
  .imagebg input.button-primary span,
  .imagebg button span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .imagebg button.primary:hover,
  .imagebg .button-primary:hover,
  .imagebg input.button-primary:hover,
  .imagebg button:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--brand-color); }
    .imagebg button.primary:hover:before,
    .imagebg .button-primary:hover:before,
    .imagebg input.button-primary:hover:before,
    .imagebg button:hover:before {
      transform: scale3d(1, 1, 1); }
  .imagebg button.primary:active,
  .imagebg .button-primary:active,
  .imagebg input.button-primary:active,
  .imagebg button:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .imagebg button.primary.disabled,
  .imagebg .button-primary.disabled,
  .imagebg input.button-primary.disabled,
  .imagebg button.disabled {
    color: var(--brand-color);
    opacity: 0.75;
    cursor: default; }

.imagebg .button-outlined {
  color: currentColor; }

.imagebg input[type="submit"]:hover,
.imagebg button:hover {
  color: var(--brand-text-color); }

.brandbg button.primary,
.brandbg .button-primary,
.brandbg input.button-primary,
.brandbg button {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--brand-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .brandbg button.primary:after,
  .brandbg .button-primary:after,
  .brandbg input.button-primary:after,
  .brandbg button:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--brand-text-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .brandbg button.primary:before,
  .brandbg .button-primary:before,
  .brandbg input.button-primary:before,
  .brandbg button:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--brand-color); }
  .brandbg button.primary span,
  .brandbg .button-primary span,
  .brandbg input.button-primary span,
  .brandbg button span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .brandbg button.primary:hover,
  .brandbg .button-primary:hover,
  .brandbg input.button-primary:hover,
  .brandbg button:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--brand-text-color); }
    .brandbg button.primary:hover:before,
    .brandbg .button-primary:hover:before,
    .brandbg input.button-primary:hover:before,
    .brandbg button:hover:before {
      transform: scale3d(1, 1, 1); }
  .brandbg button.primary:active,
  .brandbg .button-primary:active,
  .brandbg input.button-primary:active,
  .brandbg button:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .brandbg button.primary.disabled,
  .brandbg .button-primary.disabled,
  .brandbg input.button-primary.disabled,
  .brandbg button.disabled {
    color: var(--brand-text-color);
    opacity: 0.75;
    cursor: default; }

.brandbg .button-outlined {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--brand-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .brandbg .button-outlined:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--brand-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .brandbg .button-outlined:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--brand-text-color); }
  .brandbg .button-outlined span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .brandbg .button-outlined:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--brand-color); }
    .brandbg .button-outlined:hover:before {
      transform: scale3d(1, 1, 1); }
  .brandbg .button-outlined:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .brandbg .button-outlined.disabled {
    color: var(--brand-color);
    opacity: 0.75;
    cursor: default; }

.brandbg input[type="submit"],
.brandbg button {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--brand-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .brandbg input[type="submit"]:after,
  .brandbg button:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--brand-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .brandbg input[type="submit"]:before,
  .brandbg button:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--brand-text-color); }
  .brandbg input[type="submit"] span,
  .brandbg button span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .brandbg input[type="submit"]:hover,
  .brandbg button:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--brand-color); }
    .brandbg input[type="submit"]:hover:before,
    .brandbg button:hover:before {
      transform: scale3d(1, 1, 1); }
  .brandbg input[type="submit"]:active,
  .brandbg button:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .brandbg input[type="submit"].disabled,
  .brandbg button.disabled {
    color: var(--brand-color);
    opacity: 0.75;
    cursor: default; }
  .brandbg input[type="submit"]:before,
  .brandbg button:before {
    display: none; }
  .brandbg input[type="submit"]:hover,
  .brandbg button:hover {
    color: var(--brand-text-color); }

.secondbg button.primary,
.secondbg .button-primary,
.secondbg input.button-primary,
.secondbg button {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--secondary-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .secondbg button.primary:after,
  .secondbg .button-primary:after,
  .secondbg input.button-primary:after,
  .secondbg button:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--secondary-text-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .secondbg button.primary:before,
  .secondbg .button-primary:before,
  .secondbg input.button-primary:before,
  .secondbg button:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--secondary-color); }
  .secondbg button.primary span,
  .secondbg .button-primary span,
  .secondbg input.button-primary span,
  .secondbg button span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .secondbg button.primary:hover,
  .secondbg .button-primary:hover,
  .secondbg input.button-primary:hover,
  .secondbg button:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--secondary-text-color); }
    .secondbg button.primary:hover:before,
    .secondbg .button-primary:hover:before,
    .secondbg input.button-primary:hover:before,
    .secondbg button:hover:before {
      transform: scale3d(1, 1, 1); }
  .secondbg button.primary:active,
  .secondbg .button-primary:active,
  .secondbg input.button-primary:active,
  .secondbg button:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .secondbg button.primary.disabled,
  .secondbg .button-primary.disabled,
  .secondbg input.button-primary.disabled,
  .secondbg button.disabled {
    color: var(--secondary-text-color);
    opacity: 0.75;
    cursor: default; }

.secondbg .button-outlined {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--secondary-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .secondbg .button-outlined:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--secondary-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .secondbg .button-outlined:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--secondary-text-color); }
  .secondbg .button-outlined span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .secondbg .button-outlined:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--secondary-color); }
    .secondbg .button-outlined:hover:before {
      transform: scale3d(1, 1, 1); }
  .secondbg .button-outlined:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .secondbg .button-outlined.disabled {
    color: var(--secondary-color);
    opacity: 0.75;
    cursor: default; }

.secondbg input[type="submit"],
.secondbg button {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--secondary-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .secondbg input[type="submit"]:after,
  .secondbg button:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--secondary-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .secondbg input[type="submit"]:before,
  .secondbg button:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--secondary-text-color); }
  .secondbg input[type="submit"] span,
  .secondbg button span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .secondbg input[type="submit"]:hover,
  .secondbg button:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--secondary-color); }
    .secondbg input[type="submit"]:hover:before,
    .secondbg button:hover:before {
      transform: scale3d(1, 1, 1); }
  .secondbg input[type="submit"]:active,
  .secondbg button:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .secondbg input[type="submit"].disabled,
  .secondbg button.disabled {
    color: var(--secondary-color);
    opacity: 0.75;
    cursor: default; }
  .secondbg input[type="submit"]:before,
  .secondbg button:before {
    display: none; }
  .secondbg input[type="submit"]:hover,
  .secondbg button:hover {
    color: var(--secondary-text-color); }

.thirdbg button.primary,
.thirdbg .button-primary,
.thirdbg input.button-primary,
.thirdbg button {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--tertiary-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .thirdbg button.primary:after,
  .thirdbg .button-primary:after,
  .thirdbg input.button-primary:after,
  .thirdbg button:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--tertiary-text-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .thirdbg button.primary:before,
  .thirdbg .button-primary:before,
  .thirdbg input.button-primary:before,
  .thirdbg button:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--tertiary-color); }
  .thirdbg button.primary span,
  .thirdbg .button-primary span,
  .thirdbg input.button-primary span,
  .thirdbg button span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .thirdbg button.primary:hover,
  .thirdbg .button-primary:hover,
  .thirdbg input.button-primary:hover,
  .thirdbg button:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--tertiary-text-color); }
    .thirdbg button.primary:hover:before,
    .thirdbg .button-primary:hover:before,
    .thirdbg input.button-primary:hover:before,
    .thirdbg button:hover:before {
      transform: scale3d(1, 1, 1); }
  .thirdbg button.primary:active,
  .thirdbg .button-primary:active,
  .thirdbg input.button-primary:active,
  .thirdbg button:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .thirdbg button.primary.disabled,
  .thirdbg .button-primary.disabled,
  .thirdbg input.button-primary.disabled,
  .thirdbg button.disabled {
    color: var(--tertiary-text-color);
    opacity: 0.75;
    cursor: default; }

.thirdbg .button-outlined {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--tertiary-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .thirdbg .button-outlined:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--tertiary-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .thirdbg .button-outlined:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--tertiary-text-color); }
  .thirdbg .button-outlined span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .thirdbg .button-outlined:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--tertiary-color); }
    .thirdbg .button-outlined:hover:before {
      transform: scale3d(1, 1, 1); }
  .thirdbg .button-outlined:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .thirdbg .button-outlined.disabled {
    color: var(--tertiary-color);
    opacity: 0.75;
    cursor: default; }

.thirdbg input[type="submit"],
.thirdbg button {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--tertiary-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  .thirdbg input[type="submit"]:after,
  .thirdbg button:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--tertiary-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  .thirdbg input[type="submit"]:before,
  .thirdbg button:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--tertiary-text-color); }
  .thirdbg input[type="submit"] span,
  .thirdbg button span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .thirdbg input[type="submit"]:hover,
  .thirdbg button:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--tertiary-color); }
    .thirdbg input[type="submit"]:hover:before,
    .thirdbg button:hover:before {
      transform: scale3d(1, 1, 1); }
  .thirdbg input[type="submit"]:active,
  .thirdbg button:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  .thirdbg input[type="submit"].disabled,
  .thirdbg button.disabled {
    color: var(--tertiary-color);
    opacity: 0.75;
    cursor: default; }
  .thirdbg input[type="submit"]:before,
  .thirdbg button:before {
    display: none; }
  .thirdbg input[type="submit"]:hover,
  .thirdbg button:hover {
    color: var(--tertiary-text-color); }

button.secondary,
.button-secondary,
input.button-secondary {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: var(--light-text-color);
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  button.secondary:after,
  .button-secondary:after,
  input.button-secondary:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: var(--secondary-color);
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  button.secondary:before,
  .button-secondary:before,
  input.button-secondary:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: var(--light-text-color); }
  button.secondary span,
  .button-secondary span,
  input.button-secondary span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  button.secondary:hover,
  .button-secondary:hover,
  input.button-secondary:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: var(--secondary-color); }
    button.secondary:hover:before,
    .button-secondary:hover:before,
    input.button-secondary:hover:before {
      transform: scale3d(1, 1, 1); }
  button.secondary:active,
  .button-secondary:active,
  input.button-secondary:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  button.secondary.disabled,
  .button-secondary.disabled,
  input.button-secondary.disabled {
    color: var(--secondary-color);
    opacity: 0.75;
    cursor: default; }

button.facebook,
.button-facebook,
input.button-facebook {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: #3B5998;
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  button.facebook:after,
  .button-facebook:after,
  input.button-facebook:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: #3B5998;
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  button.facebook:before,
  .button-facebook:before,
  input.button-facebook:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: #3B5998; }
  button.facebook span,
  .button-facebook span,
  input.button-facebook span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  button.facebook:hover,
  .button-facebook:hover,
  input.button-facebook:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: #3B5998; }
    button.facebook:hover:before,
    .button-facebook:hover:before,
    input.button-facebook:hover:before {
      transform: scale3d(1, 1, 1); }
  button.facebook:active,
  .button-facebook:active,
  input.button-facebook:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  button.facebook.disabled,
  .button-facebook.disabled,
  input.button-facebook.disabled {
    color: #3B5998;
    opacity: 0.75;
    cursor: default; }
  button.facebook.disabled,
  .button-facebook.disabled,
  input.button-facebook.disabled {
    background: #9099ae;
    color: white;
    cursor: default; }

button.twitter,
.button-twitter,
input.button-twitter {
  position: relative;
  display: inline-block;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  color: #00ACED;
  padding: 1em 1.75em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--heading-font-weight);
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  transform: scale3d(1, 1, 1); }
  button.twitter:after,
  .button-twitter:after,
  input.button-twitter:after {
    content: " ";
    position: absolute;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
    background-color: #00ACED;
    transform: scale3d(0, 0, 0);
    z-index: -1; }
  button.twitter:before,
  .button-twitter:before,
  input.button-twitter:before {
    content: " ";
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 1px;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 0, 1);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: #00ACED; }
  button.twitter span,
  .button-twitter span,
  input.button-twitter span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  button.twitter:hover,
  .button-twitter:hover,
  input.button-twitter:hover {
    text-decoration: none;
    opacity: 1 !important;
    padding: 1em 1.75em;
    color: #00ACED; }
    button.twitter:hover:before,
    .button-twitter:hover:before,
    input.button-twitter:hover:before {
      transform: scale3d(1, 1, 1); }
  button.twitter:active,
  .button-twitter:active,
  input.button-twitter:active {
    transform: scale3d(0.95, 0.95, 0.95); }
  button.twitter.disabled,
  .button-twitter.disabled,
  input.button-twitter.disabled {
    color: #00ACED;
    opacity: 0.75;
    cursor: default; }
  button.twitter.disabled,
  .button-twitter.disabled,
  input.button-twitter.disabled {
    background-color: #aebcc7;
    color: white;
    cursor: default; }

[data-component-type="TCCCalendar"] {
  width: 100%;
  position: relative; }
  [data-component-type="TCCCalendar"] .rbc-toolbar-label {
    text-align: right !important;
    padding-right: 0 !important; }
  [data-component-type="TCCCalendar"] .rbc-btn-group button:after {
    display: none; }
  [data-component-type="TCCCalendar"] .rbc-event {
    background-color: var(--brand-color);
    color: white;
    border-radius: 0px;
    padding-left: 0.5em; }
  [data-component-type="TCCCalendar"] .rbc-today {
    background-color: transparent;
    position: relative; }
    [data-component-type="TCCCalendar"] .rbc-today:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: var(--brand-color);
      opacity: 0.1; }
  [data-component-type="TCCCalendar"] .rbc-month-view {
    border-radius: 0px; }
  [data-component-type="TCCCalendar"] .calendar-list {
    display: none; }
    @media (max-width: 736px) {
      [data-component-type="TCCCalendar"] .calendar-list {
        display: block; } }
    [data-component-type="TCCCalendar"] .calendar-list .list-event {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%;
      padding: 1em;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
      box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15);
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
      -ms-transform: translateY(0);
      transform: translateY(0);
      border-radius: 0px;
      margin-bottom: 1em;
      cursor: pointer; }
      @media (min-width: 1200px) {
        [data-component-type="TCCCalendar"] .calendar-list .list-event {
          display: block;
          width: 96%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        [data-component-type="TCCCalendar"] .calendar-list .list-event {
          display: block;
          width: 96%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        [data-component-type="TCCCalendar"] .calendar-list .list-event {
          display: block;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
      [data-component-type="TCCCalendar"] .calendar-list .list-event:hover {
        box-shadow: 0px 25px 20px -10px rgba(0, 0, 0, 0.15);
        -ms-transform: translateY(-0.25em);
        transform: translateY(-0.25em); }
      [data-component-type="TCCCalendar"] .calendar-list .list-event:last-child {
        margin-bottom: 0; }
      [data-component-type="TCCCalendar"] .calendar-list .list-event .list-event-title {
        display: block; }
      [data-component-type="TCCCalendar"] .calendar-list .list-event .list-event-date {
        display: inline-block; }
  [data-component-type="TCCCalendar"] .calendar {
    display: block;
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      [data-component-type="TCCCalendar"] .calendar {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      [data-component-type="TCCCalendar"] .calendar {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      [data-component-type="TCCCalendar"] .calendar {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 736px) {
      [data-component-type="TCCCalendar"] .calendar {
        display: none; } }

[data-component-type="ChatRoom"] {
  position: relative;
  width: 100%;
  overflow: auto; }
  [data-component-type="ChatRoom"] .groupchat-chat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 500px;
    max-height: 80vh;
    position: relative; }
    [data-component-type="ChatRoom"] .groupchat-chat .chats {
      text-align: left;
      overflow: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text {
        margin-bottom: 1em;
        max-width: 70%; }
        [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text .details .username {
          font-weight: bold;
          display: inline-block;
          margin-right: 0.5em; }
        [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text .details .when {
          font-size: 0.75em;
          opacity: 0.75; }
        [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text .bubble {
          font-size: 1em;
          font-weight: normal;
          font-family: Arial, Helvetica, sans-serif; }
        [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text .controls {
          opacity: 0.75;
          font-size: 0.65em; }
          [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text .controls a:first-child .icon:before {
            margin-left: 0; }
        [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text.-deleted {
          opacity: 0.25; }
          [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text.-deleted .bubble {
            font-style: italic; }
  [data-component-type="ChatRoom"] .chat-control {
    width: 100%; }
    [data-component-type="ChatRoom"] .chat-control textarea {
      min-height: 100px;
      width: 100%; }
    [data-component-type="ChatRoom"] .chat-control label {
      display: none; }
    [data-component-type="ChatRoom"] .chat-control .chat-control-bar {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: center;
      align-self: center;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      [data-component-type="ChatRoom"] .chat-control .chat-control-bar .icon {
        font-size: 1.5em; }
  [data-component-type="ChatRoom"] .groupchat-signin input {
    width: 100%; }

.churchonline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  position: relative; }
  .churchonline .embed-container {
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15);
    border-radius: 0px; }
  .churchonline .churchonline-video-player {
    -ms-flex: 1;
    flex: 1; }
    .churchonline .churchonline-video-player .button, .churchonline .churchonline-video-player button {
      background: transparent !important; }
      .churchonline .churchonline-video-player .button:after, .churchonline .churchonline-video-player .button:before, .churchonline .churchonline-video-player button:after, .churchonline .churchonline-video-player button:before {
        display: none; }
      .churchonline .churchonline-video-player .button:hover, .churchonline .churchonline-video-player button:hover {
        box-shadow: none; }
  .churchonline .churchonline-stack {
    width: 30%;
    height: 100%;
    margin-left: 2em; }
  .churchonline .churchonline-stack-bar {
    border-bottom: 2px solid currentColor;
    padding: 1em 0em;
    padding-top: 0;
    overflow: hidden; }
    .churchonline .churchonline-stack-bar .churchonline-stack-bar-wrap {
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
      -ms-transform: translateX(-2em);
      transform: translateX(-2em); }
    .churchonline .churchonline-stack-bar .icon {
      font-size: 1.25em;
      display: inline-block;
      -ms-transform: translateX(-0.5em);
      transform: translateX(-0.5em);
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
    .churchonline .churchonline-stack-bar.-screen-open .churchonline-stack-bar-wrap {
      -ms-transform: translateX(0em);
      transform: translateX(0em); }
  .churchonline .churchonline-stack-screens {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 0.5em;
    padding-bottom: 0em; }
  .churchonline .churchonline-stack-item-link {
    display: block;
    padding: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    color: currentColor;
    border-radius: 0px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    border: 2px solid currentColor;
    margin-bottom: 1em; }
    .churchonline .churchonline-stack-item-link:first-child {
      margin-top: 2em; }
    .churchonline .churchonline-stack-item-link:hover {
      text-decoration: none; }
      .churchonline .churchonline-stack-item-link:hover .icon {
        -ms-transform: translateX(5px);
        transform: translateX(5px); }
    .churchonline .churchonline-stack-item-link span {
      display: inline-block;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
    .churchonline .churchonline-stack-item-link .icon {
      -ms-transform: translateX(0);
      transform: translateX(0); }
  .churchonline .churchonline-stack-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: currentColor;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    z-index: 10;
    overflow: auto;
    padding-top: 2em; }
    .churchonline .churchonline-stack-item.-active {
      -ms-transform: translateX(0);
      transform: translateX(0);
      box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15); }
    .churchonline .churchonline-stack-item .churchonline-stack-item-content {
      height: 100%; }
  .churchonline .prayer-request-app {
    width: 100%;
    margin: 0; }
  @media (max-width: 1024px) {
    .churchonline {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; }
      .churchonline .churchonline-stack {
        width: 100%;
        margin-left: 0;
        margin-top: 1em;
        height: auto; } }

.embed > * {
  width: 100%; }

.lightbg .churchonline-stack-item {
  background-color: var(--light-color);
  color: var(--light-text-color); }

.darkbg .churchonline-stack-item {
  background-color: var(--dark-color);
  color: var(--dark-text-color); }

.brandbg .churchonline-stack-item {
  background-color: var(--brand-color);
  color: var(--brand-text-color); }

.secondbg .churchonline-stack-item {
  background-color: var(--secondary-color);
  color: var(--secondary-text-color); }

.thirdbg .churchonline-stack-item {
  background-color: var(--tertiary-color);
  color: var(--tertiary-text-color); }

.imagebg .churchonline-stack-item {
  background-color: white;
  color: black; }

.cookie-policy-banner {
  position: fixed;
  bottom: 1em;
  left: 50%;
  -ms-transform: translate(-50%, 200%);
  transform: translate(-50%, 200%);
  width: 100%;
  max-width: 500px;
  background-color: var(--light-color);
  color: var(--light-text-color);
  border: 2px solid currentColor;
  z-index: 9999999999;
  padding: 2em;
  line-height: 140%;
  font-size: 0.85em;
  box-shadow: 0px 25px 20px -10px rgba(0, 0, 0, 0.15);
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-radius: 0px;
  box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15); }
  .cookie-policy-banner:hover {
    box-shadow: 0px 25px 20px -10px rgba(0, 0, 0, 0.15); }
  .cookie-policy-banner .close {
    position: absolute;
    top: 0.25em;
    right: 0.25em;
    font-size: 2em;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
    border: 2px solid currentColor; }
  .cookie-policy-banner .cookie-policy-banner-text {
    padding-right: 3em; }
  .cookie-policy-banner a {
    color: currentColor; }
  .cookie-policy-banner .cookie-policy-page {
    margin-top: 1em; }
  .cookie-policy-banner.-active {
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }

form {
  display: block; }

fieldset {
  display: block;
  margin: 1.25em 0;
  padding: 0; }

legend {
  display: block;
  width: 100%;
  margin: 0 0 1em 0;
  font-weight: bold;
  border-bottom: 1px solid #f6f6f6; }

label {
  display: block;
  margin: 0 0 0.25em;
  font-weight: bold; }

textarea,
input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="image"],
input[type="color"],
select,
.stripe-elements {
  background-color: transparent;
  border: 2px solid currentColor;
  display: block;
  padding: 1em;
  margin: 0 0 0.625em;
  vertical-align: middle;
  outline: none;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: inherit; }

input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  border-radius: none;
  box-shadow: none; }

input[type="radio"] {
  -webkit-appearance: radio !important;
  -moz-appearance: radio !important;
  width: auto !important;
  display: inline;
  border-radius: none;
  box-shadow: none; }

input[type="radio"] + label {
  display: inline;
  margin-right: 1em; }

input[type="file"] {
  padding: 0.125em;
  margin: 0 0 0.625em;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  border-radius: 0;
  line-height: 100%; }

select {
  background-image: url(../img/arrow-down-small.png);
  background-position: right center;
  background-repeat: no-repeat; }

progress,
meter {
  padding: 0.125em;
  margin: 0 0 0.625em;
  font-family: inherit;
  font-size: 1rem; }

.label-left .ninja-forms-field {
  margin-left: 0 !important; }

.-inline-input {
  position: relative; }
  .-inline-input .prepend {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 900;
    padding-left: 0.5em;
    padding-right: 0.5em; }
  .-inline-input input, .-inline-input select {
    float: right;
    width: auto;
    padding-left: 1.5em; }

#mc_embed_signup {
  position: relative; }
  #mc_embed_signup .mc-field-group {
    float: left;
    width: 100%; }
    #mc_embed_signup .mc-field-group input {
      width: 100%; }

.thechurchco-giving-form {
  max-width: 400px;
  margin: 0 auto;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  @media (max-width: 736px) {
    .thechurchco-giving-form {
      max-width: 320px; } }
  .thechurchco-giving-form form {
    margin-top: 0 !important;
    float: left;
    width: 100%;
    transform: scale3d(1, 1, 1);
    opacity: 1;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
    .thechurchco-giving-form form label.error {
      font-size: 0.75em;
      font-style: italic;
      font-weight: normal; }
  .thechurchco-giving-form .form-row {
    float: left;
    width: 100%;
    margin-bottom: 0.75em; }
    .thechurchco-giving-form .form-row input {
      width: 100%;
      margin: 0;
      padding: 0.75em; }
    .thechurchco-giving-form .form-row .-inline-input input {
      padding-left: 1.25em; }
    .thechurchco-giving-form .form-row.-frequency {
      text-align: center; }
      .thechurchco-giving-form .form-row.-frequency input {
        display: inline-block;
        margin-right: 0.5em; }
      .thechurchco-giving-form .form-row.-frequency label {
        font-size: 1em;
        font-weight: normal;
        margin-top: 0.1em;
        display: inline-block; }
  .thechurchco-giving-form .form-row.stripe-elements {
    margin: 0;
    margin-bottom: 0.75em;
    width: 100%;
    padding: 0.85em 0.75em; }
  .thechurchco-giving-form .-inline-input {
    float: left;
    width: 100%; }
  .thechurchco-giving-form .form-submit {
    text-align: center;
    margin-top: 0.75em;
    float: left;
    width: 100%; }
  .thechurchco-giving-form .message {
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    opacity: 1;
    text-align: center;
    font-size: 0.85em;
    font-style: italic;
    margin-bottom: 1em; }
  .thechurchco-giving-form .loader {
    position: absolute;
    left: 50%;
    top: -1000%;
    margin-left: -25px;
    margin-top: -25px;
    opacity: 0;
    width: 50px;
    height: 50px;
    pointer-events: none;
    -ms-transform: scaleX(1.1) scaleY(1.1);
    transform: scaleX(1.1) scaleY(1.1);
    transform: scale3d(1.1, 1.1, 1);
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1), top 0s;
    border-radius: 50%;
    border: 3px solid white; }
    .thechurchco-giving-form .loader:before {
      content: " ";
      position: absolute;
      top: -3px;
      right: -3px;
      bottom: -3px;
      left: -3px;
      display: inline-block;
      border-radius: 100em;
      border: 3px solid transparent; }
    .thechurchco-giving-form .loader:before {
      border-bottom-color: var(--brand-color);
      animation: 1s loader infinite linear; }
    .thechurchco-giving-form .loader span {
      display: block;
      font-size: 1.5em;
      opacity: 0;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
      color: #00AA00;
      transition-delay: 20ms;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .thechurchco-giving-form.payment-processing {
    pointer-events: none; }
    .thechurchco-giving-form.payment-processing form {
      opacity: 0.25;
      transform: scale3d(0.75, 0.75, 0.75); }
    .thechurchco-giving-form.payment-processing .loader {
      opacity: 1;
      top: 50%;
      -ms-transform: scaleX(1) scaleY(1);
      transform: scaleX(1) scaleY(1);
      transform: scale3d(1, 1, 1); }
    .thechurchco-giving-form.payment-processing .message {
      opacity: 0; }
  .thechurchco-giving-form.payment-success {
    pointer-events: none; }
    .thechurchco-giving-form.payment-success form {
      opacity: 0;
      transform: scale3d(0, 0, 0); }
    .thechurchco-giving-form.payment-success .message {
      opacity: 1;
      font-size: 1em;
      font-weight: bold;
      font-style: normal; }
    .thechurchco-giving-form.payment-success .loader {
      opacity: 1;
      top: 50%;
      -ms-transform: scaleX(1) scaleY(1);
      transform: scaleX(1) scaleY(1);
      transform: scale3d(1, 1, 1); }
      .thechurchco-giving-form.payment-success .loader:before {
        animation: none;
        border-color: #00AA00; }
      .thechurchco-giving-form.payment-success .loader span {
        opacity: 1; }
  .thechurchco-giving-form.payment-error .message {
    color: #AA0000;
    font-weight: bold;
    font-size: 1em; }
  .thechurchco-giving-form .subtext {
    font-size: 0.65em;
    text-align: center;
    line-height: 1.5;
    width: 90%;
    margin: 0 auto; }

@keyframes loader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

[data-form-payments] .payment-options .payment-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  [data-form-payments] .payment-options .payment-option label {
    margin-right: 2em;
    width: 50%;
    font-size: 0.85em; }
  [data-form-payments] .payment-options .payment-option input {
    width: 100%; }
  @media (max-width: 1024px) {
    [data-form-payments] .payment-options .payment-option {
      display: block; }
      [data-form-payments] .payment-options .payment-option label {
        width: 100%;
        margin-right: 0; } }

[data-form-payments] .payment-total {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: right; }

.groups-engine {
  float: left;
  width: 100%; }

[data-component-type="TCCGroups"] .NavigationBar {
  display: block;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1em; }
  @media (min-width: 1200px) {
    [data-component-type="TCCGroups"] .NavigationBar {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    [data-component-type="TCCGroups"] .NavigationBar {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    [data-component-type="TCCGroups"] .NavigationBar {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  [data-component-type="TCCGroups"] .NavigationBar .form-field {
    -ms-flex: 1;
    flex: 1; }
    [data-component-type="TCCGroups"] .NavigationBar .form-field input {
      width: 100%;
      margin-bottom: 0; }
  [data-component-type="TCCGroups"] .NavigationBar .SelectMenu {
    -ms-flex: 1;
    flex: 1;
    margin-left: 1em;
    margin-bottom: 0; }
  [data-component-type="TCCGroups"] .NavigationBar button {
    margin-left: 1em;
    max-width: 50px;
    width: 50px;
    padding: 0;
    border: 0;
    margin-bottom: 0;
    display: inline-block;
    background-color: transparent; }
    [data-component-type="TCCGroups"] .NavigationBar button span {
      display: inline-block; }
  @media (max-width: 736px) {
    [data-component-type="TCCGroups"] .NavigationBar {
      -ms-flex-direction: column;
      flex-direction: column; }
      [data-component-type="TCCGroups"] .NavigationBar .SelectMenu, [data-component-type="TCCGroups"] .NavigationBar .form-field input {
        margin-left: 0em;
        margin-bottom: 1em; }
      [data-component-type="TCCGroups"] .NavigationBar button {
        text-align: center;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        padding-bottom: 1em;
        padding-top: 1em; } }

[data-component-type="TCCGroups"] .groups-map {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 1em;
  z-index: 19; }
  [data-component-type="TCCGroups"] .groups-map > div {
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    border: 2px solid currentColor; }
    @media (min-width: 1200px) {
      [data-component-type="TCCGroups"] .groups-map > div {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      [data-component-type="TCCGroups"] .groups-map > div {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      [data-component-type="TCCGroups"] .groups-map > div {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  [data-component-type="TCCGroups"] .groups-map .TCCGroupMarker {
    font-size: 4em;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--light-color);
    height: 100%;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    text-align: center;
    border: 2px solid currentColor;
    display: block;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
        display: block;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
        display: block;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .group-details {
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .image img {
      width: 80px;
      height: auto;
      border-radius: 100em;
      margin-bottom: 1em; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .title {
      margin-bottom: 1em; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .time {
      font-weight: bold;
      margin-bottom: 0.5em; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup.-close {
      opacity: 0; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup.-open {
      -ms-transform: translateX(0%);
      transform: translateX(0%);
      opacity: 1; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .close {
      position: absolute;
      top: 0.25em;
      right: 0.25em;
      font-size: 2em;
      padding: 0.25em 0em;
      color: currentColor; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .button {
      position: absolute;
      bottom: 1em;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      text-align: center;
      margin: 0;
      box-shadow: none;
      font-weight: 500;
      color: currentColor;
      box-shadow: inset 0 0 0 2px currentColor; }
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .button:before, [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .button:after {
        z-index: -1; }

[data-component-type="TCCGroups"] .groups-results {
  position: relative;
  float: left;
  width: 100%; }

[data-component-type="TCCGroups"] .posts-loop > div {
  float: left;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

[data-component-type="TCCGroups"] .listtransition-enter {
  opacity: 0.0; }

[data-component-type="TCCGroups"] .listtransition-enter-active {
  opacity: 1;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }

[data-component-type="TCCGroups"] .listtransition-exit {
  opacity: 1; }

[data-component-type="TCCGroups"] .listtransition-exit-active {
  opacity: 0.0;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }

[data-component-type="TCCGroups"] .map-transition-enter {
  opacity: 0.0; }

[data-component-type="TCCGroups"] .map-transition-enter-active {
  opacity: 1;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }

[data-component-type="TCCGroups"] .map-transition-exit {
  opacity: 1; }

[data-component-type="TCCGroups"] .map-transition-exit-active {
  opacity: 0.0;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }

[data-component-type="TCCGroups"] .map-transition-exit-active {
  opacity: 0.0;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }

.single-group header .header-content {
  display: block;
  width: 62.66667%;
  margin-left: 18.66667%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .single-group header .header-content {
      display: block;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .single-group header .header-content {
      display: block;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .single-group header .header-content {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.single-group header .event-details {
  display: -ms-flexbox;
  display: flex; }
  .single-group header .event-details > * {
    display: inline-block;
    margin-right: 1em; }
  @media (max-width: 736px) {
    .single-group header .event-details {
      display: block; }
      .single-group header .event-details > * {
        display: block; } }

.lightbg [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
  background-color: var(--light-color); }

.darkbg [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
  background-color: var(--dark-color); }

.brandbg [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
  background-color: var(--brand-color); }

.secondbg [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
  background-color: var(--secondary-color); }

.thirdbg [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
  background-color: var(--tertiary-color); }

.imagebg [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
  background-color: white; }

.tcclayouts .item-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.tcclayouts.layout-columns .item-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center; }
  .tcclayouts.layout-columns .item-container .tcclayouts-item {
    display: block;
    width: 29.33333%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .tcclayouts.layout-columns .item-container .tcclayouts-item {
        display: block;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .tcclayouts.layout-columns .item-container .tcclayouts-item {
        display: block;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .tcclayouts.layout-columns .item-container .tcclayouts-item {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }

.tcclayouts.layout-rows .item-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center; }
  .tcclayouts.layout-rows .item-container .tcclayouts-item {
    display: block;
    width: 71%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .tcclayouts.layout-rows .item-container .tcclayouts-item {
        display: block;
        width: 71%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .tcclayouts.layout-rows .item-container .tcclayouts-item {
        display: block;
        width: 71%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .tcclayouts.layout-rows .item-container .tcclayouts-item {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .tcclayouts.layout-rows .item-container .tcclayouts-item .tcclayouts-item-text-container {
      width: 70%;
      margin: 0 auto; }

.tcclayouts.layout-leftright .tcclayouts-item {
  display: block;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 1200px) {
    .tcclayouts.layout-leftright .tcclayouts-item {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .tcclayouts.layout-leftright .tcclayouts-item {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .tcclayouts.layout-leftright .tcclayouts-item {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .tcclayouts.layout-leftright .tcclayouts-item .tcclayouts-item-image-container {
    width: 48%;
    -ms-flex-order: 2;
    order: 2; }
    .tcclayouts.layout-leftright .tcclayouts-item .tcclayouts-item-image-container img {
      width: 100% !important;
      max-width: none; }
  .tcclayouts.layout-leftright .tcclayouts-item .tcclayouts-item-text-container {
    width: 48%;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 3em;
    padding-right: 3em; }
  .tcclayouts.layout-leftright .tcclayouts-item:nth-child(2n) .tcclayouts-item-image-container {
    -ms-flex-order: 1;
    order: 1; }
  .tcclayouts.layout-leftright .tcclayouts-item:nth-child(2n) .tcclayouts-item-text-container {
    -ms-flex-order: 2;
    order: 2; }
  @media (max-width: 736px) {
    .tcclayouts.layout-leftright .tcclayouts-item {
      display: block !important; }
      .tcclayouts.layout-leftright .tcclayouts-item .tcclayouts-item-image-container {
        width: 100%; }
      .tcclayouts.layout-leftright .tcclayouts-item .tcclayouts-item-text-container {
        width: 100%;
        padding-left: 0em;
        padding-right: 0em; } }

.tcclayouts.layout-horizontalscroll .container {
  overflow: auto;
  max-width: 100%; }

.tcclayouts.layout-horizontalscroll .item-container {
  overflow: auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: block;
  padding-left: 2em; }
  .tcclayouts.layout-horizontalscroll .item-container .tcclayouts-item {
    width: 340px !important;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    scroll-snap-align: start; }

.tcclayouts.layout-horizontalscroll .horizontal-scroll-container {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory; }

.scene-transition {
  position: relative;
  overflow: hidden; }

.scene-transition-enter {
  opacity: 0.0;
  -ms-transform: translate(30px, 0);
  transform: translate(30px, 0); }

.scene-transition-enter-active {
  opacity: 1;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }

.scene-transition-exit {
  display: none; }

.scene-transition-exit-active {
  display: none; }

.scenefade-transition {
  position: relative;
  overflow: hidden; }

.scenefade-transition-enter {
  opacity: 0.0; }

.scenefade-transition-enter-active {
  opacity: 1;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }

.scenefade-transition-exit {
  display: none; }

.scenefade-transition-exit-active {
  display: none; }

.tccloader {
  position: absolute;
  left: 50%;
  top: -1000%;
  margin-left: -25px;
  margin-top: -25px;
  opacity: 0;
  width: 50px;
  height: 50px;
  pointer-events: none;
  -ms-transform: scaleX(1.1) scaleY(1.1);
  transform: scaleX(1.1) scaleY(1.1);
  transform: scale3d(1.1, 1.1, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1), top 0s;
  border-radius: 50%;
  border: 3px solid white;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: scaleX(1) scaleY(1);
  transform: scaleX(1) scaleY(1);
  transform: scale3d(1, 1, 1); }
  .tccloader:before {
    content: " ";
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    display: inline-block;
    border-radius: 100em;
    border: 3px solid transparent; }
  .tccloader:before {
    border-bottom-color: var(--brand-color);
    animation: 1s tccloader infinite linear; }
  .tccloader span {
    display: block;
    font-size: 1.5em;
    opacity: 0;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    color: #00AA00;
    transition-delay: 20ms;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

@keyframes tccloader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.marquee {
  overflow: hidden;
  position: relative;
  margin-bottom: 1em; }
  .marquee .marquee-text-wrap {
    display: -ms-flexbox;
    display: flex;
    width: 200%;
    position: relative;
    transition: 500ms all;
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
    .marquee .marquee-text-wrap .text-container {
      display: -ms-flexbox;
      display: flex;
      animation: marquee 16s linear infinite; }
    .marquee .marquee-text-wrap .row-title {
      padding-left: 1em;
      padding-right: 1em;
      text-transform: uppercase;
      font-size: 3em; }
      @media (max-width: 736px) {
        .marquee .marquee-text-wrap .row-title {
          padding-left: 0.25em;
          padding-right: 0.25em; } }

.marquee + .row-inner .container .-tile {
  margin-top: 2em; }

@keyframes marquee {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }

.marqueeblock-row .marquee-item {
  margin: 10px;
  width: 300px; }
  .marqueeblock-row .marquee-item img {
    width: 100%;
    height: auto; }

.marqueeblock-row .shape-circle img {
  border-radius: 100em; }

ul[class*="menu-"] {
  margin: 1em 0;
  padding: 0; }
  ul[class*="menu-"] li {
    position: relative;
    list-style: none; }
    ul[class*="menu-"] li a {
      padding: 0.75em 1.25em;
      line-height: 100%;
      color: var(--light-text-color);
      text-decoration: none; }

ul.menu-primary > li {
  display: inline;
  margin-left: 3em;
  float: left; }
  ul.menu-primary > li > a {
    border: 0px;
    display: block;
    position: relative;
    text-decoration: none;
    font-size: 1em;
    letter-spacing: 0.05em;
    transition: color 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    background-color: transparent;
    padding: 0 0 0.5em 0; }
    ul.menu-primary > li > a:after {
      content: '';
      background: currentColor;
      transform: scale3d(0, 1, 1);
      height: 2px;
      position: absolute;
      left: 35%;
      right: 0;
      width: 30%;
      transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
      border-radius: 100px; }
    ul.menu-primary > li > a:after {
      bottom: -2px; }
    ul.menu-primary > li > a:before {
      top: -12px; }
  ul.menu-primary > li:hover ul, ul.menu-primary > li:focus ul {
    pointer-events: all; }
    ul.menu-primary > li:hover ul li > a, ul.menu-primary > li:focus ul li > a {
      opacity: 1; }
  ul.menu-primary > li:hover > a, ul.menu-primary > li:focus > a {
    text-decoration: none; }
    ul.menu-primary > li:hover > a:after, ul.menu-primary > li:hover > a:before, ul.menu-primary > li:focus > a:after, ul.menu-primary > li:focus > a:before {
      transform: scale3d(1, 1, 1); }
  ul.menu-primary > li.current-menu-item > a:after, ul.menu-primary > li.current-menu-item > a:before {
    transform: scale3d(1, 1, 1); }
  ul.menu-primary > li.action ul {
    margin-top: 2em; }
  ul.menu-primary > li ul {
    padding: 0;
    padding-top: 1.5em;
    margin: 0;
    position: absolute;
    left: 0;
    z-index: 1000;
    float: left;
    width: 100%;
    min-width: 200px;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-1em) scale3d(0.9, 0.9, 0.9); }
    ul.menu-primary > li ul:after {
      content: "";
      position: absolute;
      left: 0;
      top: 1.5em;
      bottom: 0;
      right: 0;
      background-color: var(--navbar-color);
      border-radius: 0px;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
    ul.menu-primary > li ul li {
      display: block;
      float: left;
      width: 100%;
      padding: 0.5em;
      padding-top: 0; }
      ul.menu-primary > li ul li:first-child {
        padding-top: 0.5em; }
      ul.menu-primary > li ul li > a {
        display: block;
        float: left;
        width: 100%;
        line-height: 140%;
        position: relative;
        transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
        letter-spacing: 0;
        font-weight: var(--body-font-weight);
        opacity: 0;
        color: var(--navbar-link-color) !important;
        font-size: 0.9em;
        transition: all 250ms;
        padding: 1em 1.25em;
        text-align: left;
        box-shadow: inset 0 0 0 2px transparent; }
        ul.menu-primary > li ul li > a:hover {
          opacity: 0.75;
          transition-delay: 0;
          background-color: rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 0 0 2px currentColor; }
      ul.menu-primary > li ul li:nth-child(1n) > a {
        transition-delay: 50ms; }
      ul.menu-primary > li ul li:nth-child(2n) > a {
        transition-delay: 100ms; }
      ul.menu-primary > li ul li:nth-child(3n) > a {
        transition-delay: 150ms; }
      ul.menu-primary > li ul li:nth-child(4n) > a {
        transition-delay: 200ms; }
      ul.menu-primary > li ul li:nth-child(5n) > a {
        transition-delay: 250ms; }
      ul.menu-primary > li ul li:nth-child(6n) > a {
        transition-delay: 300ms; }
      ul.menu-primary > li ul li:nth-child(7n) > a {
        transition-delay: 350ms; }
      ul.menu-primary > li ul li:nth-child(8n) > a {
        transition-delay: 350ms; }
      ul.menu-primary > li ul li:nth-child(9n) > a {
        transition-delay: 350ms; }
      ul.menu-primary > li ul li:nth-child(10n) > a {
        transition-delay: 400ms; }
      ul.menu-primary > li ul li:nth-child(11n) > a {
        transition-delay: 450ms; }
      ul.menu-primary > li ul li:nth-child(12n) > a {
        transition-delay: 500ms; }
      ul.menu-primary > li ul li:nth-child(13n) > a {
        transition-delay: 550ms; }
  ul.menu-primary > li:last-child ul {
    left: auto;
    right: 0; }
  ul.menu-primary > li:hover ul,
  ul.menu-primary > li ul:hover {
    display: inline;
    opacity: 1;
    transform: translateY(0) scale3d(1, 1, 1); }
    ul.menu-primary > li:hover ul:after,
    ul.menu-primary > li ul:hover:after {
      box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15); }

.ie ul.menu-primary > li, .ie14 ul.menu-primary > li, .ie15 ul.menu-primary > li {
  display: inline;
  margin-left: 1em;
  float: left; }
  .ie ul.menu-primary > li ul, .ie14 ul.menu-primary > li ul, .ie15 ul.menu-primary > li ul {
    top: 1em; }

nav.mobile {
  display: none;
  position: absolute;
  top: 0em;
  left: 0em;
  width: 100%;
  z-index: 20; }
  nav.mobile .menu-mobile {
    display: none;
    opacity: 0;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    margin: 0em;
    padding: 2em;
    padding-top: 7em;
    padding-bottom: 2em;
    width: 100%;
    top: 0em;
    left: 0;
    right: 0;
    overflow: scroll;
    background-color: var(--navbar-color);
    border: 2px solid currentColor; }
    nav.mobile .menu-mobile .menu-item {
      opacity: 0;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
    nav.mobile .menu-mobile li:hover {
      background-color: transparent; }
      nav.mobile .menu-mobile li:hover a {
        background-color: transparent; }
    nav.mobile .menu-mobile a {
      display: block;
      padding: 1em 2em;
      color: var(--navbar-link-color);
      margin-bottom: 1em;
      font-weight: 900;
      letter-spacing: 0.05em;
      font-size: 1.25em;
      text-transform: uppercase;
      position: relative;
      text-align: left; }
      nav.mobile .menu-mobile a:hover {
        background-color: rgba(0, 0, 0, 0.25); }
    nav.mobile .menu-mobile > li > a {
      border: 2px solid currentColor; }
    nav.mobile .menu-mobile .sub-menu {
      margin: 0;
      padding: 0em 2em;
      font-size: 1em;
      display: none; }
      nav.mobile .menu-mobile .sub-menu li a {
        font-size: 1em; }
  nav.mobile.open {
    position: absolute;
    padding: 2%; }
    nav.mobile.open .menu-mobile {
      opacity: 1; }
      nav.mobile.open .menu-mobile .menu-item {
        opacity: 1; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(1n) {
          transition-delay: 200ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(2n) {
          transition-delay: 300ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(3n) {
          transition-delay: 400ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(4n) {
          transition-delay: 500ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(5n) {
          transition-delay: 600ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(6n) {
          transition-delay: 700ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(7n) {
          transition-delay: 800ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(8n) {
          transition-delay: 900ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(9n) {
          transition-delay: 1000ms; }
    nav.mobile.open .menu-mobile-handle-container {
      top: 2.25em;
      right: 2em; }
      nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-top {
        transform: rotate(45deg) scale3d(1, 1, 1);
        top: 14px;
        width: 32px;
        right: 0px;
        -ms-transform-origin: center;
        transform-origin: center; }
      nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-middle {
        width: 0px; }
      nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-bottom {
        transform: rotate(-45deg) scale3d(1, 1, 1);
        bottom: 14px;
        width: 32px;
        right: 0px;
        -ms-transform-origin: center;
        transform-origin: center; }
      nav.mobile.open .menu-mobile-handle-container:hover .menu-mobile-handle-top {
        transform: rotate(45deg) scale3d(1, 1, 1);
        -ms-transform-origin: center;
        transform-origin: center; }
      nav.mobile.open .menu-mobile-handle-container:hover .menu-mobile-handle-middle {
        right: 0px; }
      nav.mobile.open .menu-mobile-handle-container:hover .menu-mobile-handle-bottom {
        transform: rotate(-45deg) scale3d(1, 1, 1);
        -ms-transform-origin: center;
        transform-origin: center; }
  nav.mobile .menu-mobile-handle-container {
    height: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 1000;
    top: 1.6em;
    right: 1.45em;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    opacity: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--navbar-link-color); }
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-top,
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-middle,
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-bottom {
      background-color: currentColor;
      display: block;
      width: 32px;
      height: 2px;
      border-radius: 12px;
      transition: 250ms all cubic-bezier(0.33, 0, 0.19, 1);
      transition-delay: 200ms;
      position: relative;
      transform: scale3d(1, 1, 1); }
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-top {
      top: 8px;
      -ms-transform-origin: center;
      transform-origin: center;
      transform: scale3d(1, 1, 1); }
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-middle {
      top: 6px;
      opacity: 1;
      display: none; }
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-bottom {
      bottom: 8px;
      -ms-transform-origin: center;
      transform-origin: center;
      transform: scale3d(1, 1, 1); }
    nav.mobile .menu-mobile-handle-container:hover .menu-mobile-handle-top {
      -ms-transform-origin: left;
      transform-origin: left; }
    nav.mobile .menu-mobile-handle-container:hover .menu-mobile-handle-middle {
      right: 0px; }
    nav.mobile .menu-mobile-handle-container:hover .menu-mobile-handle-bottom {
      -ms-transform-origin: right;
      transform-origin: right; }

.open-mobile-menu header, .open-mobile-menu section, .open-mobile-menu footer, .open-mobile-menu .body-hex-wrap, .open-mobile-menu .announcement-topbanners {
  opacity: 0.5;
  pointer-events: none;
  filter: blur(100px); }

.open-mobile-menu .top-bar {
  transition: 0ms;
  background-color: transparent !important; }

.messenger {
  position: fixed;
  bottom: 1em;
  right: 1em;
  text-align: right;
  z-index: 9999; }
  @media (max-width: 736px) {
    .messenger {
      bottom: 0.25em;
      right: auto;
      width: 100%;
      margin-left: 0%;
      margin-right: 0%; } }
  .messenger .trigger {
    position: absolute;
    right: 1em;
    bottom: 0em;
    background-color: var(--brand-color);
    width: 4.5em;
    height: 4.5em;
    text-align: center;
    font-size: 0.8em;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15);
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: translateY(0); }
    .messenger .trigger:hover {
      box-shadow: 0px 25px 20px -10px rgba(0, 0, 0, 0.15);
      -ms-transform: translateY(-0.25em);
      transform: translateY(-0.25em); }
    .messenger .trigger:after {
      display: none; }
    .messenger .trigger span {
      color: #FFF;
      font-size: 2em;
      text-align: center;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .messenger .trigger span:before {
        margin-left: 0;
        margin-right: 0; }
    @media (max-width: 736px) {
      .messenger .trigger {
        right: 1em; } }
  .messenger .body {
    display: none;
    background-color: var(--light-color);
    border: 2px solid var(--dark-color);
    bottom: 6em;
    right: 1em;
    position: absolute;
    width: 400px;
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15);
    border-radius: 0px; }
    @media (max-width: 736px) {
      .messenger .body {
        width: 90%;
        left: 5%;
        right: auto;
        bottom: auto;
        overflow: scroll; } }
    .messenger .body .intro {
      text-align: center;
      background-color: var(--brand-color);
      color: #FFF;
      padding: 1.5em 2em;
      border-radius: 0px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15);
      margin-bottom: 2em; }
      .messenger .body .intro .title {
        font-family: var(--heading-font);
        font-weight: var(--heading-font-weight);
        line-height: 120%;
        font-size: 26px;
        font-size: 1.625rem; }
        @media (max-width: 736px) {
          .messenger .body .intro .title {
            font-size: 24px;
            font-size: 1.5rem; } }
      .messenger .body .intro .text {
        margin-top: 0.5em; }
    .messenger .body .form {
      text-align: left;
      background: var(--light-color);
      padding: 1.5em 2em;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      max-height: calc(60vh - 10em);
      overflow: scroll; }
      .messenger .body .form .ninja-forms-required-items, .messenger .body .form .ninja-forms-error-msg {
        display: none; }
      .messenger .body .form .ninja-forms-success-msg {
        text-align: center; }
      .messenger .body .form textarea {
        height: 8em;
        padding: 0.75em; }
      .messenger .body .form input[type="submit"] {
        width: 100%; }
      @media (max-width: 736px) {
        .messenger .body .form {
          overflow: inherit; } }
  @media (max-width: 736px) {
    .messenger.open {
      position: fixed;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      overflow: scroll;
      background-color: var(--light-color);
      z-index: 1000; } }
  .messenger.open .body {
    display: block; }
    @media (max-width: 736px) {
      .messenger.open .body .form {
        height: auto;
        max-height: 100%; } }
  .messenger.open .trigger span:before {
    content: '\e81f'; }
  @media (max-width: 736px) {
    .messenger.open .trigger {
      right: 35px;
      width: 10px;
      position: relative;
      background-color: transparent !important;
      background: transparent !important;
      box-shadow: none; }
      .messenger.open .trigger:before {
        background: transparent !important; }
      .messenger.open .trigger::after {
        display: none; } }

.note-editor [data-note-editor-toggle] {
  border: 2px solid;
  border-radius: 0px;
  padding: 0.5em 0.75em;
  padding-right: 1.5em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;
  display: inline-block; }
  .note-editor [data-note-editor-toggle] .icon-plus {
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
    font-size: 1.25em; }

.note-editor.-open [data-note-editor-toggle] .icon-plus {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.notes-send {
  margin-top: 4em !important;
  float: left;
  width: 100%;
  text-align: center; }
  .notes-send input {
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
    width: 75%; }
  .notes-send .body {
    opacity: 1;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 1, 1); }
  .notes-send .tccloader {
    opacity: 0;
    pointer-events: none; }
  .notes-send.-processing .tccloader {
    opacity: 1; }
  .notes-send.-processing .body {
    transform: scale3d(0.9, 0.9, 0.9);
    opacity: 0.25; }
  .notes-send.-success .body {
    transform: scale3d(0.9, 0.9, 0.9);
    opacity: 0.25; }
  .notes-send.-success .tccloader {
    opacity: 1;
    border-color: #00AA00; }
    .notes-send.-success .tccloader:before {
      opacity: 0; }
    .notes-send.-success .tccloader span {
      opacity: 1; }

.payments-page {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  float: left;
  width: 100%; }
  .payments-page footer {
    display: none !important; }
  .payments-page .messenger {
    display: none !important; }
  .payments-page #wpadminbar {
    display: none !important; }
  .payments-page #card-element,
  .payments-page select {
    max-width: 350px;
    width: 100%;
    margin-bottom: 1em;
    background-color: #FFF;
    padding: 1em;
    border: 1px solid #ccc; }
  .payments-page #card-element iframe {
    background-color: #FFF; }
  .payments-page .admin-button {
    background: #0600fe;
    border-color: #0600fe;
    color: #ffffff;
    box-shadow: none;
    text-shadow: none;
    padding: 0.5em;
    border-radius: 0;
    text-transform: none;
    font-weight: 900;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box; }
    .payments-page .admin-button:before, .payments-page .admin-button:after {
      display: none; }
  .payments-page .js-payments-message.success {
    color: #00AA00; }
  .payments-page .js-payments-message.error {
    color: #AA0000; }
  .payments-page .payments-options {
    margin-bottom: 1em; }
    .payments-page .payments-options a {
      color: var(--light-text-color);
      margin-right: 1em; }
      .payments-page .payments-options a:active, .payments-page .payments-options a.-active {
        color: #0600fe;
        font-weight: bold; }

.photogallery-row.-no-defaults {
  padding: 0 !important; }
  .photogallery-row.-no-defaults .row-inner {
    padding: 0 !important; }

.photogallery-row img {
  width: 100%;
  height: auto; }

.photogallery-row .layout-grid .photo-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .photogallery-row .layout-grid .photo-wrap .photogallery-item {
    width: 25%;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }
  .photogallery-row .layout-grid .photo-wrap.total-9 .photogallery-item,
  .photogallery-row .layout-grid .photo-wrap.total-6 .photogallery-item,
  .photogallery-row .layout-grid .photo-wrap.total-5 .photogallery-item {
    width: 33.333333%; }
  @media (max-width: 736px) {
    .photogallery-row .layout-grid .photo-wrap .photogallery-item {
      width: 50%; } }

.photogallery-row .layout-masonry .photo-wrap {
  column-gap: 0px;
  column-count: 4; }
  .photogallery-row .layout-masonry .photo-wrap.total-1 {
    column-count: 1 !important; }
  .photogallery-row .layout-masonry .photo-wrap.total-2 {
    column-count: 2; }
  .photogallery-row .layout-masonry .photo-wrap.total-5, .photogallery-row .layout-masonry .photo-wrap.total-4, .photogallery-row .layout-masonry .photo-wrap.total-3 {
    column-count: 3; }
  @media (max-width: 1024px) {
    .photogallery-row .layout-masonry .photo-wrap {
      column-count: 3; } }
  @media (max-width: 736px) {
    .photogallery-row .layout-masonry .photo-wrap {
      column-count: 2 !important; } }
  .photogallery-row .layout-masonry .photo-wrap .photogallery-item {
    padding: 0.25em; }

[data-component-type="PodFlix"] {
  width: 100%; }

.podflix {
  width: 100%; }
  .podflix h6 {
    font-size: 1rem; }
  .podflix .podflix-player {
    padding-left: 2em;
    padding-right: 2em; }
    .podflix .podflix-player iframe {
      background-color: var(--light-color); }
  .podflix .podflix-episode {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1em;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    background-color: transparent;
    cursor: pointer; }
    .podflix .podflix-episode .image {
      -ms-flex: 1;
      flex: 1;
      margin-right: 2em; }
      .podflix .podflix-episode .image img {
        width: 100%;
        height: auto; }
    .podflix .podflix-episode .content {
      -ms-flex: 3;
      flex: 3; }
    .podflix .podflix-episode .details {
      opacity: 0.5;
      margin-top: 0.5em; }
      .podflix .podflix-episode .details .item {
        margin-right: 1em; }
      .podflix .podflix-episode .details .icon {
        margin-right: 0.25em; }
    .podflix .podflix-episode:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    @media (max-width: 736px) {
      .podflix .podflix-episode {
        display: block; }
        .podflix .podflix-episode .image {
          -ms-flex: none;
          flex: none;
          margin-right: 0em;
          margin-bottom: 1em; }
        .podflix .podflix-episode .content {
          -ms-flex: none;
          flex: none; } }
  .podflix .podflix-navbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em; }
    .podflix .podflix-navbar .icon {
      cursor: pointer; }
    .podflix .podflix-navbar a {
      color: currentColor !important; }
  .podflix .podflix-series-route {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.prayer-request-app {
  position: relative; }
  .prayer-request-app .prayer-request-controls {
    text-align: center;
    float: left;
    width: 100%; }
  .prayer-request-app .prayer-results + .prayer-request-controls {
    margin-top: 1em; }
  .prayer-request-app .prayer-request {
    text-align: left;
    padding: 2em;
    margin-top: 2em;
    position: relative;
    padding-bottom: 0;
    border-radius: 0px;
    border: 2px solid currentColor; }
    .prayer-request-app .prayer-request .title {
      margin-top: 0; }
    .prayer-request-app .prayer-request .controls {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
      align-items: flex-end;
      padding: 1em;
      padding-left: 0;
      text-align: left; }
      @media (max-width: 736px) {
        .prayer-request-app .prayer-request .controls {
          display: block;
          padding-bottom: 2em; }
          .prayer-request-app .prayer-request .controls .item {
            margin-top: 1em; } }
      .prayer-request-app .prayer-request .controls .item {
        margin-right: 1em; }
        .prayer-request-app .prayer-request .controls .item .icon {
          margin-right: 0.5em; }
      .prayer-request-app .prayer-request .controls a.item {
        font-weight: bold; }
        @media (max-width: 736px) {
          .prayer-request-app .prayer-request .controls a.item {
            margin-top: 0.5em;
            display: block; } }
  .prayer-request-app .prayer-request-form-wrap {
    margin-top: 2em;
    float: left;
    width: 100%;
    opacity: 1;
    padding: 2em;
    border: 2px solid currentColor; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-enter {
    opacity: 0; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-enter-active {
    opacity: 0; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-enter-done {
    opacity: 1;
    transition: 500ms all; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-exit {
    opacity: 1; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-exit-active {
    opacity: 0;
    transition: 200ms all; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-exit-done {
    opacity: 0; }
  .prayer-request-app .prayer-request-form input, .prayer-request-app .prayer-request-form textarea, .prayer-request-app .prayer-request-form select {
    width: 100%; }
  .prayer-request-app .prayer-request-form textarea {
    min-height: 200px; }
  .prayer-request-app .prayer-request-form .form-field {
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    float: left; }
    @media (min-width: 1200px) {
      .prayer-request-app .prayer-request-form .form-field {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .prayer-request-app .prayer-request-form .form-field {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .prayer-request-app .prayer-request-form .form-field {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .prayer-request-app .prayer-request-form .form-field.-half {
    display: block;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .prayer-request-app .prayer-request-form .form-field.-half {
        display: block;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .prayer-request-app .prayer-request-form .form-field.-half {
        display: block;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .prayer-request-app .prayer-request-form .form-field.-half {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .prayer-request-app .success {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .prayer-request-app .success span {
      width: 70px;
      height: 70px;
      display: block;
      border-radius: 100em;
      border: 2px solid #00AA00;
      position: relative; }
      .prayer-request-app .success span:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0; }
  .prayer-request-app .prayer-results {
    float: left;
    width: 100%; }

.-align-left .prayer-request-app {
  width: 100%; }
  .-align-left .prayer-request-app .prayer-request-controls {
    text-align: left; }

.-align-right .prayer-request-app {
  width: 100%; }
  .-align-right .prayer-request-app .prayer-request-controls {
    text-align: left; }

.lightbg .prayer-request-app a {
  color: var(--light-text-color); }

.darkbg .prayer-request-app a {
  color: var(--dark-text-color); }

.brandbg .prayer-request-app a {
  color: var(--brand-text-color); }

.secondbg .prayer-request-app a {
  color: var(--secondary-text-color); }

.thirdbg .prayer-request-app a {
  color: var(--tertiary-text-color); }

.imagebg .prayer-request-app a {
  color: white; }

.share-wrap {
  text-align: left; }
  .share-wrap a {
    position: relative;
    display: inline-block;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px currentColor;
    color: var(--light-text-color);
    padding: 1em 1.75em;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: var(--heading-font-weight);
    text-align: center;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    line-height: 100%;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    font-size: 1rem;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    border-radius: 0px;
    transform: scale3d(1, 1, 1);
    display: inline-block;
    min-width: 6em;
    margin-left: 0.25em;
    margin-right: 0.25em;
    text-align: center; }
    .share-wrap a:after {
      content: " ";
      position: absolute;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
      -ms-transform-origin: center;
      transform-origin: center;
      left: 0px;
      right: 0px;
      bottom: 0px;
      top: 0px;
      border-radius: 0px;
      background-color: var(--light-text-color);
      transform: scale3d(0, 0, 0);
      z-index: -1; }
    .share-wrap a:before {
      content: " ";
      position: absolute;
      left: 2px;
      right: 2px;
      bottom: 2px;
      top: 1px;
      border-radius: 0px;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
      transform: scale3d(1, 0, 1);
      -ms-transform-origin: bottom;
      transform-origin: bottom;
      background-color: var(--light-text-color); }
    .share-wrap a span {
      z-index: 2;
      display: inline-block;
      position: relative;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
    .share-wrap a:hover {
      text-decoration: none;
      opacity: 1 !important;
      padding: 1em 1.75em;
      color: var(--light-text-color); }
      .share-wrap a:hover:before {
        transform: scale3d(1, 1, 1); }
    .share-wrap a:active {
      transform: scale3d(0.95, 0.95, 0.95); }
    .share-wrap a.disabled {
      color: var(--light-text-color);
      opacity: 0.75;
      cursor: default; }
    .share-wrap a:first-child {
      margin-left: 0; }

.share-this {
  margin-bottom: 2em;
  text-align: center; }
  .share-this .share-wrap {
    text-align: center; }
  .share-this blockquote {
    text-align: center;
    font-size: 1.5em;
    font-style: italic;
    padding: 0 2em;
    margin: 1em 0;
    line-height: 120%; }
    @media (max-width: 736px) {
      .share-this blockquote {
        font-size: 1.25em;
        padding: 0 1em; } }

/**
 * Shortcut Template
 */
.thechurchco-shortcut footer {
  display: none !important; }

.thechurchco-shortcut .wave {
  display: none !important; }

.thechurchco-shortcut section:first-of-type {
  margin-top: 2em; }

.thechurchco-shortcut .row:not(footer) {
  float: left;
  padding-top: 0em !important;
  padding-bottom: 0em !important;
  transition: 200ms all;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 2% !important;
  width: 96%;
  position: relative;
  border-radius: 0px;
  border: 2px solid currentColor; }
  .thechurchco-shortcut .row:not(footer) .row-inner {
    padding-top: 0;
    padding-bottom: 0; }
  .thechurchco-shortcut .row:not(footer) .squiggle {
    margin: 0;
    display: none; }
  .thechurchco-shortcut .row:not(footer) .row-defaults {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%; }
  .thechurchco-shortcut .row:not(footer) .row-defaults,
  .thechurchco-shortcut .row:not(footer) .row-content {
    opacity: 1 !important;
    transition-delay: 0ms !important;
    -ms-transform: translateY(0vh) !important;
    transform: translateY(0vh) !important; }
  .thechurchco-shortcut .row:not(footer) .row-content,
  .thechurchco-shortcut .row:not(footer) .image-blocks {
    display: none; }
  .thechurchco-shortcut .row:not(footer) .row-title {
    display: block;
    margin-bottom: 0;
    cursor: pointer;
    transition: all 200ms;
    padding-top: 1em;
    padding-bottom: 1em;
    transition: 200ms all;
    text-align: left; }
    @media (max-width: 736px) {
      .thechurchco-shortcut .row:not(footer) .row-title {
        margin: 0 auto;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1.5em;
        padding-bottom: 1.5em; } }
  .thechurchco-shortcut .row:not(footer) .row-subtitle {
    display: none;
    transition: 200ms all;
    transition-delay: 200ms;
    opacity: 0; }
  .thechurchco-shortcut .row:not(footer) .row-text {
    display: none;
    transition: 200ms all;
    transition-delay: 200ms;
    opacity: 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
  .thechurchco-shortcut .row:not(footer) .row-buttons {
    display: none;
    transition: 200ms all;
    transition-delay: 200ms;
    opacity: 0; }
  .thechurchco-shortcut .row:not(footer) .row-content {
    display: none;
    transition: 800ms all;
    transition-delay: 200ms;
    opacity: 0; }
  .thechurchco-shortcut .row:not(footer) .row-column {
    float: left; }

.thechurchco-shortcut .darkbg .darkbg-svg {
  display: none; }

.thechurchco-shortcut .darkbg + .row:not(.floater) {
  margin-top: 0; }

.thechurchco-shortcut .-last-row .row-inner, .thechurchco-shortcut .darkbg.-last-row .row-inner {
  padding-bottom: 0; }

.thechurchco-shortcut .shortcut-trigger {
  width: 3em;
  height: 3em;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  display: block;
  cursor: pointer;
  z-index: 100; }
  .thechurchco-shortcut .shortcut-trigger:after, .thechurchco-shortcut .shortcut-trigger:before {
    display: block;
    content: " ";
    position: absolute;
    height: 0.1em;
    width: 1em;
    background: currentColor;
    top: 50%;
    right: 1em;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: transform 200ms;
    transition-delay: 300ms;
    cursor: pointer;
    pointer-events: none; }
  .thechurchco-shortcut .shortcut-trigger:before {
    -ms-transform: translateY(-50%) translateX(-18%) rotate(-45deg);
    transform: translateY(-50%) translateX(-18%) rotate(-45deg); }
  .thechurchco-shortcut .shortcut-trigger:after {
    -ms-transform: translateY(-50%) translateX(-82%) rotate(45deg);
    transform: translateY(-50%) translateX(-82%) rotate(45deg); }

.thechurchco-shortcut .-open:not(footer) .row-inner {
  padding-top: 3em !important;
  padding-bottom: 3em !important; }

.thechurchco-shortcut .-open:not(footer) .squiggle {
  margin: 0 auto;
  display: block; }

.thechurchco-shortcut .-open:not(footer) .row-content,
.thechurchco-shortcut .-open:not(footer) .image-blocks {
  display: block;
  opacity: 1; }

.thechurchco-shortcut .-open:not(footer) .row-subtitle {
  display: block;
  opacity: 1; }

.thechurchco-shortcut .-open:not(footer) .row-text {
  display: block;
  opacity: 1; }

.thechurchco-shortcut .-open:not(footer) .row-buttons {
  display: block;
  opacity: 1; }

.thechurchco-shortcut .-open:not(footer) .row-content {
  display: block;
  opacity: 1; }

.thechurchco-shortcut .-open:not(footer) .row-title {
  display: inline-block;
  padding-top: 2em;
  padding-bottom: 0em;
  margin-bottom: 0.5em; }
  .thechurchco-shortcut .-open:not(footer) .row-title:after {
    display: inline-block;
    opacity: 1; }

.thechurchco-shortcut .-open:not(footer).podcast-row .row-content,
.thechurchco-shortcut .-open:not(footer).events-row .row-content,
.thechurchco-shortcut .-open:not(footer).blog-row .row-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.thechurchco-shortcut .-open:not(footer) .row-title {
  text-align: center; }

.thechurchco-shortcut .-open:not(footer) .shortcut-trigger {
  top: 3em; }
  .thechurchco-shortcut .-open:not(footer) .shortcut-trigger:before {
    transform: translateY(-50%) translateX(-50%) rotate(-45deg) scale3d(1.45, 1, 1); }
  .thechurchco-shortcut .-open:not(footer) .shortcut-trigger:after {
    transform: translateY(-50%) translateX(-50%) rotate(45deg) scale3d(1.45, 1, 1); }

.thechurchco-shortcut .-open:not(footer) .row-content {
  transition-delay: 400ms !important;
  opacity: 1; }

.thechurchco-signup-form {
  width: 500px;
  margin: 0 auto;
  box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  background-color: var(--light-color);
  color: var(--light-text-color);
  float: left;
  left: 50%;
  position: relative;
  margin-left: -250px;
  padding: 2em;
  font-weight: var(--body-font-weight); }
  @media (max-width: 736px) {
    .thechurchco-signup-form {
      width: 100%;
      margin-left: 0px;
      left: 0%; } }
  .thechurchco-signup-form a {
    color: var(--light-text-color-lightened); }
  .thechurchco-signup-form .js-username,
  .thechurchco-signup-form .js-math {
    position: relative;
    display: inline-block; }
  .thechurchco-signup-form .image {
    max-width: 100px;
    margin: 0 auto;
    margin-top: -80px;
    background-color: #FFF;
    border-radius: 100em; }
    .thechurchco-signup-form .image img {
      width: 100%;
      height: auto;
      margin: 0;
      box-shadow: none !important; }
  .thechurchco-signup-form .submit-wrap {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 1.5em; }
    .thechurchco-signup-form .submit-wrap button {
      width: 100% !important; }
      .thechurchco-signup-form .submit-wrap button:after {
        transform: scale3d(1, 1, 1);
        transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
      .thechurchco-signup-form .submit-wrap button:hover {
        transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
        .thechurchco-signup-form .submit-wrap button:hover:after {
          opacity: 1; }
  .thechurchco-signup-form form label {
    margin: 0;
    font-size: 0.75em;
    font-weight: var(--body-font-weight);
    text-transform: uppercase; }
    .thechurchco-signup-form form label.error {
      color: #AA0000; }
    .thechurchco-signup-form form label .icon {
      margin-right: 0.5em;
      font-size: 1.5em;
      top: -0.1em;
      position: relative;
      color: currentColor; }
  .thechurchco-signup-form form .field {
    margin-top: 1em;
    width: 100%; }
    .thechurchco-signup-form form .field input {
      margin-top: 1em;
      width: 100%;
      background-color: var(--dark-color); }
    .thechurchco-signup-form form .field.-terms .left {
      width: 30px;
      float: left; }
    .thechurchco-signup-form form .field.-terms .right {
      width: 80%;
      float: left; }
    .thechurchco-signup-form form .field.-terms label {
      line-height: 125%;
      max-width: 70%; }
    .thechurchco-signup-form form .field.-terms input {
      line-height: 125%;
      margin-top: 0; }
    .thechurchco-signup-form form .field.-terms label.error {
      width: 200px;
      margin-bottom: 2em; }
    .thechurchco-signup-form form .field.-bot {
      display: none !important; }
  .thechurchco-signup-form form ::-webkit-input-placeholder {
    color: var(--light-text-color-lightened);
    font-weight: var(--body-font-weight); }
  .thechurchco-signup-form form :-moz-placeholder {
    color: var(--light-text-color-lightened);
    font-weight: var(--body-font-weight); }
  .thechurchco-signup-form form ::-moz-placeholder {
    color: var(--light-text-color-lightened);
    font-weight: var(--body-font-weight); }
  .thechurchco-signup-form form :-ms-input-placeholder {
    color: var(--light-text-color-lightened);
    font-weight: var(--body-font-weight); }
  .thechurchco-signup-form .creating {
    text-align: center;
    font-size: 1rem;
    display: none; }
    .thechurchco-signup-form .creating .loading {
      float: left;
      width: 100%;
      font-size: 2em;
      color: #dddddd;
      position: relative;
      text-align: center;
      margin-top: -0.5em;
      margin-bottom: 1.5em; }
      .thechurchco-signup-form .creating .loading span {
        width: 100%;
        position: absolute;
        animation-name: spin;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        top: 0px;
        left: 0px; }
    .thechurchco-signup-form .creating .step {
      display: none;
      margin-top: 2em; }
      .thechurchco-signup-form .creating .step.step-message {
        display: block !important; }
      .thechurchco-signup-form .creating .step .icon {
        font-size: 1.5em;
        margin-bottom: 1em; }
      .thechurchco-signup-form .creating .step .button-primary {
        width: 100%; }
        .thechurchco-signup-form .creating .step .button-primary:hover {
          transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
          .thechurchco-signup-form .creating .step .button-primary:hover:after {
            opacity: 1; }
  .thechurchco-signup-form .errors {
    color: #AA0000;
    text-align: center;
    margin-top: 1em; }

.thechurchco-signup-form-bg {
  position: fixed;
  top: -5px;
  left: -5px;
  height: 110%;
  z-index: 1000; }
  .thechurchco-signup-form-bg.row {
    width: 110%; }

.thechurchco-signup-form-row {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  overflow: scroll; }
  .thechurchco-signup-form-row.row {
    background-color: transparent;
    padding: 0;
    padding-top: 50px; }

.thechurchco-signup-page .column-twelve {
  float: left !important;
  width: 100% !important;
  margin-right: 0% !important;
  margin-left: 0% !important; }

.thechurchco-signup-page header {
  display: none; }

.thechurchco-signup-page footer {
  display: none; }

.thechurchco-signup-page .top-bar {
  display: none; }

.thechurchco-signup-page .messenger {
  display: none; }

.thechurchco-signup-page .row {
  padding: 3em 0em;
  min-height: 100vh; }

.thechurchco-signup-page .darkbg-svg {
  display: none; }

.thechurchco-signup-page .darkbg {
  background-color: var(--dark-color); }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-360deg); } }

[data-tooltip] {
  position: relative;
  height: 100%;
  cursor: pointer;
  display: inline-block; }
  [data-tooltip]:before, [data-tooltip]:after {
    transition: all .2s ease-out;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    pointer-events: none; }
  [data-tooltip]:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid var(--light-text-color);
    content: '';
    top: 0;
    left: 50%;
    margin-left: -3.25px;
    z-index: 10001;
    bottom: -10px; }
  [data-tooltip]:after {
    box-sizing: border-box;
    content: attr(data-tooltip);
    padding: 0.5em 0.75em;
    border-radius: 3px;
    font-size: 0.95em;
    z-index: 10000;
    left: 50%;
    bottom: 100%;
    margin-left: -7.5em;
    margin-top: 10px;
    width: 15em;
    line-height: 120%;
    background: var(--light-text-color);
    color: #f6f6f6; }
  [data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1; }

[data-component-type="PCOEvents"],
[data-component-type="TCCRSSReader"],
[data-component-type="TCCPodcasting"] {
  width: 100%;
  position: relative; }

[data-component-type="TCCRSSReader"] > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 736px) {
    [data-component-type="TCCRSSReader"] > div {
      display: block; } }

/**
 * WebComponent Reuseable Form Styles
 */
.tcc-webcomponent-form-wrap {
  float: left;
  width: 100%;
  opacity: 1; }

.tcc-webcomponent-form-wrap.form-transition-enter {
  opacity: 0; }

.tcc-webcomponent-form-wrap.form-transition-enter-active {
  opacity: 0; }

.tcc-webcomponent-form-wrap.form-transition-enter-done {
  opacity: 1;
  transition: 500ms all; }

.tcc-webcomponent-form-wrap.form-transition-exit {
  opacity: 1; }

.tcc-webcomponent-form-wrap.form-transition-exit-active {
  opacity: 0;
  transition: 200ms all; }

.tcc-webcomponent-form-wrap.form-transition-exit-done {
  opacity: 0; }

.tcc-webcomponent-form input, .tcc-webcomponent-form textarea, .tcc-webcomponent-form select {
  width: 100%; }

.tcc-webcomponent-form textarea {
  min-height: 200px; }

.tcc-webcomponent-form .form-field {
  display: block;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .tcc-webcomponent-form .form-field {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .tcc-webcomponent-form .form-field {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .tcc-webcomponent-form .form-field {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.tcc-webcomponent-form .form-field.-half {
  display: block;
  width: 46%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .tcc-webcomponent-form .form-field.-half {
      display: block;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .tcc-webcomponent-form .form-field.-half {
      display: block;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .tcc-webcomponent-form .form-field.-half {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.TCCGroupsForm .success {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .TCCGroupsForm .success span {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 100em;
    border: 2px solid #00AA00;
    position: relative; }
    .TCCGroupsForm .success span:before {
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      margin: 0; }

/* Default Classes */
[data-component-type] {
  position: relative; }
  [data-component-type] .NavigationBar {
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1em; }
    @media (min-width: 1200px) {
      [data-component-type] .NavigationBar {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      [data-component-type] .NavigationBar {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      [data-component-type] .NavigationBar {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    [data-component-type] .NavigationBar .form-field {
      -ms-flex: 1;
      flex: 1; }
      [data-component-type] .NavigationBar .form-field input {
        width: 100%; }
    [data-component-type] .NavigationBar .SelectMenu {
      -ms-flex: 1;
      flex: 1;
      margin-left: 1em; }
    [data-component-type] .NavigationBar button {
      -ms-flex: 1;
      flex: 1;
      margin-left: 1em;
      max-width: 1em;
      padding: 0;
      border: 0;
      box-shadow: none; }
      [data-component-type] .NavigationBar button:after {
        display: none; }
      [data-component-type] .NavigationBar button span {
        display: inline-block; }
      [data-component-type] .NavigationBar button:hover span {
        color: var(--light-text-color) !important;
        opacity: 0.5;
        transform: scale3d(1.25, 1.25, 1.25); }
    @media (max-width: 736px) {
      [data-component-type] .NavigationBar {
        -ms-flex-direction: column;
        flex-direction: column; }
        [data-component-type] .NavigationBar .SelectMenu {
          margin-left: 0em; }
        [data-component-type] .NavigationBar button {
          text-align: right;
          width: 96%;
          max-width: 100%; } }
  [data-component-type] .card-feed .posts-loop {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

[data-component-type="TCCPodcasting"] .NavigationBar span:last-child {
  display: none; }

.author .author-profile-picture img {
  width: 100%;
  height: auto;
  border-radius: 0px; }

.single .author {
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
  float: left;
  width: 100%; }
  .single .author a {
    color: var(--light-text-color); }
  .single .author .author-profile-picture {
    width: 2em;
    float: left;
    margin-right: 1em; }
  .single .author .author-details {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 3em;
    opacity: 0.5; }

.author-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .author-info .profile-pic {
    max-width: 150px; }
  .author-info .details {
    margin-left: 2em; }
    .author-info .details .author-position {
      font-size: 1.25em; }
    .author-info .details .social-media {
      margin-top: 1em; }
  @media (max-width: 736px) {
    .author-info {
      display: block; }
      .author-info .profile-pic {
        max-width: none; }
        .author-info .profile-pic img {
          border-radius: 0px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0; }
      .author-info .details {
        margin-left: 0em;
        padding: 2em; }
        .author-info .details .author-position {
          font-size: 1.25em; }
        .author-info .details .social-media {
          margin-top: 1em; } }

.card {
  border-radius: 0px;
  text-align: left;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  position: relative;
  overflow: hidden;
  margin-bottom: 3em;
  transform: scale3d(1, 1, 1) translateY(0); }
  .card.column-twelve {
    display: block;
    width: 29.33333%;
    margin-left: 35.33333%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .card.column-twelve {
        display: block;
        width: 29.33333%;
        margin-left: 35.33333%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .card.column-twelve {
        display: block;
        width: 29.33333%;
        margin-left: 35.33333%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .card.column-twelve {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .card .image img {
    width: 100%;
    height: auto; }
  .card a:hover {
    text-decoration: none; }
  .card .content,
  .card .column-text {
    float: left;
    width: 100%;
    padding: 2em;
    height: 100%;
    padding-bottom: 4em; }
    .card .content .squiggle,
    .card .column-text .squiggle {
      margin-bottom: 0.5em;
      margin-left: 0;
      margin-right: 0; }
    .card .content a:hover,
    .card .column-text a:hover {
      text-decoration: none; }
    .card .content .excerpt,
    .card .column-text .excerpt {
      margin-top: 1em;
      line-height: 150%;
      font-weight: var(--body-font-weight);
      font-size: 0.9em; }
    .card .content .event-location .icon,
    .card .column-text .event-location .icon {
      opacity: 0.25; }
      .card .content .event-location .icon:before,
      .card .column-text .event-location .icon:before {
        margin-left: -3px;
        margin-right: 0.5em; }
  .card .footer {
    float: left;
    bottom: 2em;
    position: absolute;
    left: 1.25em;
    opacity: 0.25;
    font-size: 1.25em; }
  .card .author {
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 2px solid currentColor;
    border-left: 2px solid currentColor;
    padding: 0.5em; }
    .card .author .author-profile-picture {
      max-width: 2.5em; }
  .card:before, .card:after,
  .card .content:before,
  .card .content:after {
    content: " ";
    position: absolute;
    background-color: currentColor;
    width: 2px;
    height: 100%;
    -ms-transform-origin: center;
    transform-origin: center;
    transform: scale3d(1, 1, 1);
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .card:before {
    top: 0;
    left: 0;
    height: 2px;
    width: 100%; }
  .card:after {
    bottom: 0;
    right: 0;
    height: 2px;
    width: 100%; }
  .card .content:after {
    height: 100%;
    width: 2px;
    top: 0;
    right: 0; }
  .card .content:before {
    height: 100%;
    width: 2px;
    top: 0;
    left: 0; }
  .card:hover:before, .card:hover:after {
    animation: cardhovertopbottom 300ms linear; }
  .card:hover .content:after,
  .card:hover .content:before {
    animation: cardhoversides 300ms linear; }

@keyframes cardhoversides {
  0% {
    transform: scale3d(1, 0, 1); }
  20% {
    transform: scale3d(1, 0, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes cardhovertopbottom {
  0% {
    transform: scale3d(0, 1, 1); }
  20% {
    transform: scale3d(0, 1, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

.card {
  text-align: left; }

.-align-left .card.column-twelve {
  display: block;
  width: 29.33333%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .-align-left .card.column-twelve {
      display: block;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .-align-left .card.column-twelve {
      display: block;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .-align-left .card.column-twelve {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.-align-right .card.column-twelve {
  display: block;
  width: 29.33333%;
  margin-left: 43.66667%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .-align-right .card.column-twelve {
      display: block;
      width: 29.33333%;
      margin-left: 43.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .-align-right .card.column-twelve {
      display: block;
      width: 29.33333%;
      margin-left: 43.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .-align-right .card.column-twelve {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.lightbg .card a {
  color: var(--light-text-color); }

.darkbg .card a {
  color: var(--dark-text-color); }

.brandbg .card a {
  color: var(--brand-text-color); }

.secondbg .card a {
  color: var(--secondary-text-color); }

.thirdbg .card a {
  color: var(--tertiary-text-color); }

.imagebg .card a {
  color: white; }

.card.-featured {
  display: block;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  border-radius: none;
  box-shadow: none;
  position: relative;
  overflow: inherit;
  background-color: transparent; }
  @media (min-width: 1200px) {
    .card.-featured {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .card.-featured {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .card.-featured {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .card.-featured .image {
    -webkit-clip-path: none;
    clip-path: none;
    padding: 0.4em;
    border-radius: 0px;
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15);
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform: translateY(0);
    transform: translateY(0); }
    .card.-featured .image:hover {
      box-shadow: 0px 25px 20px -10px rgba(0, 0, 0, 0.15);
      -ms-transform: translateY(-0.25em);
      transform: translateY(-0.25em); }
    .card.-featured .image img {
      border-radius: 0px; }
    .card.-featured .image:hover {
      -ms-transform: translateY(0em);
      transform: translateY(0em); }
  .card.-featured .content {
    padding-left: 1em;
    padding-right: 0;
    position: relative;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto; }
    .card.-featured .content > a {
      float: left;
      width: 85%;
      margin-right: 5%; }
    .card.-featured .content h6 {
      font-size: 1em; }
    .card.-featured .content .excerpt {
      display: none; }
    .card.-featured .content .author {
      float: left;
      margin-top: 2em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end;
      max-width: 50px; }
      .card.-featured .content .author .author-profile-picture {
        width: 100%;
        max-width: 100%; }
    .card.-featured .content .event-date {
      margin-top: 0;
      margin-bottom: 0; }
  .card.-featured.podcasts {
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 736px) {
      .card.-featured.podcasts {
        display: block; } }
    .card.-featured.podcasts .image:before {
      content: " ";
      position: absolute;
      background-color: currentColor;
      width: 2px;
      height: 100%;
      -ms-transform-origin: center;
      transform-origin: center;
      transform: scale3d(1, 1, 1);
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
      left: -2px;
      top: 0px; }
    .card.-featured.podcasts:hover .image:before {
      animation: cardhoversides 300ms linear; }
    .card.-featured.podcasts .author > .image-wrap {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%; }
    .card.-featured.podcasts .author > .author-profile-picture {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 50px;
      height: 50px; }
      .card.-featured.podcasts .author > .author-profile-picture img {
        opacity: 0; }
      .card.-featured.podcasts .author > .author-profile-picture:after {
        content: '\e89b';
        font-family: "entypo";
        margin-left: .2em;
        color: white;
        font-size: 1.5em;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }

.-feature-latest.-align-left .container {
  display: -ms-flexbox;
  display: flex; }
  .-feature-latest.-align-left .container .row-defaults {
    width: 90%;
    margin-right: 8%;
    margin-left: 2%; }
  .-feature-latest.-align-left .container .row-content {
    width: 98%;
    margin-left: 0%;
    margin-right: 2%;
    margin-top: 0; }

.-feature-latest.-align-left .card {
  width: 100%;
  margin-left: 0%;
  margin-right: 0%; }

@media (max-width: 736px) {
  .-feature-latest.-align-left .container {
    display: block; }
    .-feature-latest.-align-left .container .row-defaults {
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; }
    .-feature-latest.-align-left .container .row-content {
      margin-top: 2em;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.card .big-date {
  padding: 2em;
  padding-bottom: 0;
  float: left;
  width: 100%; }
  .card .big-date .day {
    font-size: 9em;
    line-height: 80%;
    margin-top: -10px; }

.thechurchco-ccb .row {
  padding-top: 4em;
  padding-bottom: 4em; }

.thechurchco-ccb .top-bar {
  background-color: var(--navbar-color);
  color: var(--navbar-link-color); }

.thechurchco-ccb .image-as-header {
  margin-top: 0 !important; }

footer:not(.footer-menu) {
  float: left;
  padding: 4em 0em;
  background-color: var(--footer-color);
  color: var(--footer-text-color);
  text-align: center; }
  footer:not(.footer-menu) a {
    color: var(--footer-text-color); }
    footer:not(.footer-menu) a .icon {
      color: var(--footer-text-color); }
  footer:not(.footer-menu) .row-column .icon {
    color: var(--footer-text-color);
    background-color: transparent !important;
    animation: none;
    border-radius: 0px; }
  footer:not(.footer-menu) .contact-wrap {
    font-size: 0.75em;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 736px) {
      footer:not(.footer-menu) .contact-wrap {
        display: block; } }
    footer:not(.footer-menu) .contact-wrap h6 {
      font-size: 1.5em; }
  footer:not(.footer-menu) .social,
  footer:not(.footer-menu) .copyright,
  footer:not(.footer-menu) .rep-platform {
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;
    margin-top: 1em; }
    @media (min-width: 1200px) {
      footer:not(.footer-menu) .social,
      footer:not(.footer-menu) .copyright,
      footer:not(.footer-menu) .rep-platform {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      footer:not(.footer-menu) .social,
      footer:not(.footer-menu) .copyright,
      footer:not(.footer-menu) .rep-platform {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      footer:not(.footer-menu) .social,
      footer:not(.footer-menu) .copyright,
      footer:not(.footer-menu) .rep-platform {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  footer:not(.footer-menu) .footer-nav {
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 2em;
    text-align: center; }
    @media (min-width: 1200px) {
      footer:not(.footer-menu) .footer-nav {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      footer:not(.footer-menu) .footer-nav {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      footer:not(.footer-menu) .footer-nav {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    footer:not(.footer-menu) .footer-nav ul {
      margin: 0;
      padding: 0; }
      footer:not(.footer-menu) .footer-nav ul li {
        position: relative;
        list-style: none;
        display: inline-block;
        text-align: center; }
        footer:not(.footer-menu) .footer-nav ul li a {
          display: inline-block;
          transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
          padding: 0em 1em; }
          footer:not(.footer-menu) .footer-nav ul li a:hover {
            text-decoration: none;
            opacity: 1; }
  footer:not(.footer-menu) .copyright {
    opacity: 0.5; }
  footer:not(.footer-menu) .social {
    font-size: 1.15em; }
    footer:not(.footer-menu) .social a {
      margin: 0em 0.25em; }
  footer:not(.footer-menu) .rep-platform {
    opacity: 0.25;
    font-size: 0.75em;
    margin-top: 2em; }

/***
 * LARGE FOOTER
 ***/
footer.footer-menu {
  float: left;
  width: 100%;
  overflow: hidden;
  background-color: var(--footer-color);
  color: var(--footer-text-color);
  text-align: left;
  padding: 4em 0em; }
  @media (max-width: 736px) {
    footer.footer-menu {
      padding: 2em 0em; } }
  footer.footer-menu .top {
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 736px) {
      footer.footer-menu .top {
        display: block; } }
    footer.footer-menu .top .about {
      max-width: 20%; }
      @media (max-width: 736px) {
        footer.footer-menu .top .about {
          max-width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    footer.footer-menu .top .mega-menu {
      width: 100%; }
  footer.footer-menu .logo {
    margin-bottom: 2em; }
    footer.footer-menu .logo img {
      width: 100%;
      height: auto; }
    @media (max-width: 736px) {
      footer.footer-menu .logo {
        max-width: 300px; } }
  footer.footer-menu .contact-info {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    text-align: left; }
    @media (max-width: 736px) {
      footer.footer-menu .contact-info {
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    footer.footer-menu .contact-info .item {
      margin-right: 0.75em; }
    footer.footer-menu .contact-info h6 {
      display: none; }
    footer.footer-menu .contact-info p {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 0.75em; }
  footer.footer-menu a {
    color: var(--footer-text-color); }
    footer.footer-menu a .icon {
      color: var(--footer-text-color); }
  footer.footer-menu .mega-menu {
    margin-left: 5%; }
    footer.footer-menu .mega-menu a {
      color: var(--footer-text-color);
      padding-left: 0; }
    footer.footer-menu .mega-menu .footer-menu-render {
      margin: 0; }
      footer.footer-menu .mega-menu .footer-menu-render > .menu-item {
        float: left;
        min-width: 25%; }
        @media (max-width: 736px) {
          footer.footer-menu .mega-menu .footer-menu-render > .menu-item {
            width: 100%; } }
        footer.footer-menu .mega-menu .footer-menu-render > .menu-item > a {
          font-family: var(--heading-font);
          font-weight: var(--heading-font-weight);
          line-height: 120%;
          font-size: 26px;
          font-size: 1.625rem;
          text-transform: uppercase;
          font-size: 1em; }
          @media (max-width: 736px) {
            footer.footer-menu .mega-menu .footer-menu-render > .menu-item > a {
              font-size: 24px;
              font-size: 1.5rem; } }
          @media (max-width: 736px) {
            footer.footer-menu .mega-menu .footer-menu-render > .menu-item > a {
              padding-left: 0; } }
        footer.footer-menu .mega-menu .footer-menu-render > .menu-item .sub-menu {
          margin: 0;
          margin-top: 0.5em;
          margin-bottom: 1em;
          padding: 0; }
          footer.footer-menu .mega-menu .footer-menu-render > .menu-item .sub-menu a {
            font-size: 0.85em; }
            @media (max-width: 736px) {
              footer.footer-menu .mega-menu .footer-menu-render > .menu-item .sub-menu a {
                padding-left: 0; } }
  footer.footer-menu .footer-by-line {
    float: left;
    width: 100%;
    margin-top: 1em;
    text-align: left; }
    @media (max-width: 736px) {
      footer.footer-menu .footer-by-line {
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  footer.footer-menu .footer-nav {
    float: left;
    width: 100%; }
    @media (max-width: 736px) {
      footer.footer-menu .footer-nav {
        width: 100%;
        margin-left: 0; } }
    footer.footer-menu .footer-nav ul {
      margin: 0;
      padding: 0;
      font-size: 0.75em; }
      footer.footer-menu .footer-nav ul li {
        position: relative;
        list-style: none;
        display: inline-block;
        text-align: center; }
        footer.footer-menu .footer-nav ul li a {
          display: inline-block;
          opacity: 0.5;
          transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
          padding-right: 1em; }
          footer.footer-menu .footer-nav ul li a:hover {
            text-decoration: none;
            opacity: 1; }
  footer.footer-menu .copyright {
    opacity: 0.5;
    float: left; }
    @media (max-width: 736px) {
      footer.footer-menu .copyright {
        width: 100%; } }
  footer.footer-menu .rep-platform {
    opacity: 0.75;
    font-size: 0.75em;
    margin-top: 2em; }
  footer.footer-menu .social {
    margin-bottom: 1em; }
    footer.footer-menu .social a:first-child span:before {
      margin-left: 0; }
  footer.footer-menu .squiggle {
    margin: 0;
    opacity: 0.75;
    margin-bottom: 1em; }

article.grid-examples {
  display: block;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    article.grid-examples {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    article.grid-examples {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    article.grid-examples {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  article.grid-examples .container {
    text-align: center;
    background: #f6f6f6; }
    article.grid-examples .container code {
      display: block;
      font-size: 0.94rem;
      background: none;
      border: none; }
    article.grid-examples .container > code {
      padding: 20px; }
  article.grid-examples .box {
    position: relative;
    padding: 10px;
    height: 120px;
    margin-bottom: 2%;
    background: #e9e9e9;
    border: 1px solid #e7e7e7; }
    @media (max-width: 736px) {
      article.grid-examples .box {
        height: auto; } }
    article.grid-examples .box.-b1 {
      display: block;
      width: 21%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b1 {
          display: block;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b1 {
          display: block;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b1 {
          display: block;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b2 {
      display: block;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b2 {
          display: block;
          width: 29.33333%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b2 {
          display: block;
          width: 29.33333%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b2 {
          display: block;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b3 {
      display: block;
      width: 37.66667%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b3 {
          display: block;
          width: 37.66667%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b3 {
          display: block;
          width: 37.66667%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b3 {
          display: block;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b4 {
      display: block;
      width: 37.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b4 {
          display: block;
          width: 37.66667%;
          margin-left: 18.66667%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b4 {
          display: block;
          width: 37.66667%;
          margin-left: 18.66667%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b4 {
          display: block;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b5 {
      display: block;
      width: 37.66667%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b5 {
          display: block;
          width: 37.66667%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b5 {
          display: block;
          width: 37.66667%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b5 {
          display: block;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b6 {
      display: block;
      width: 71%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b6 {
          display: block;
          width: 71%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b6 {
          display: block;
          width: 71%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b6 {
          display: block;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
      article.grid-examples .box.-b6 code {
        padding-bottom: 10px; }
      article.grid-examples .box.-b6 .-b6-1, article.grid-examples .box.-b6 .-b6-2 {
        display: block;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
        height: 50px;
        background: #dfdfdf;
        border: 1px solid #dddddd; }
        @media (min-width: 1200px) {
          article.grid-examples .box.-b6 .-b6-1, article.grid-examples .box.-b6 .-b6-2 {
            display: block;
            width: 46%;
            margin-left: 2%;
            margin-right: 2%; } }
        @media (max-width: 1024px) {
          article.grid-examples .box.-b6 .-b6-1, article.grid-examples .box.-b6 .-b6-2 {
            display: block;
            width: 46%;
            margin-left: 2%;
            margin-right: 2%; } }
        @media (max-width: 736px) {
          article.grid-examples .box.-b6 .-b6-1, article.grid-examples .box.-b6 .-b6-2 {
            display: block;
            width: 90%;
            margin-left: 5%;
            margin-right: 5%; } }
    article.grid-examples .box.-b7 {
      display: block;
      width: 21%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b7 {
          display: block;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b7 {
          display: block;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b7 {
          display: block;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b8 {
      display: block;
      width: 55%;
      margin-left: 10%;
      margin-right: 10%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b8 {
          display: block;
          width: 55%;
          margin-left: 10%;
          margin-right: 10%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b8 {
          display: block;
          width: 55%;
          margin-left: 10%;
          margin-right: 10%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b8 {
          display: block;
          width: 80%;
          margin-left: 10%;
          margin-right: 10%; } }
    article.grid-examples .box.-b9 {
      display: block;
      width: 21%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b9 {
          display: block;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b9 {
          display: block;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b9 {
          display: block;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b10, article.grid-examples .box.-b11 {
      display: block;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b10, article.grid-examples .box.-b11 {
          display: block;
          width: 46%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b10, article.grid-examples .box.-b11 {
          display: block;
          width: 46%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b10, article.grid-examples .box.-b11 {
          display: block;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b10, article.grid-examples .box.-b11 {
          display: block;
          width: 40%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b12 {
      display: block;
      width: 41.66667%;
      margin-left: 0%;
      margin-right: 0; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b12 {
          display: block;
          width: 41.66667%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b12 {
          display: block;
          width: 41.66667%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b12 {
          display: block;
          width: 100%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b12 {
          display: block;
          width: 40%;
          margin-left: 0%;
          margin-right: 0; } }
    article.grid-examples .box.-b13 {
      display: block;
      width: 58.33333%;
      margin-left: 0%;
      margin-right: 0; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b13 {
          display: block;
          width: 58.33333%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b13 {
          display: block;
          width: 58.33333%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b13 {
          display: block;
          width: 100%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b13 {
          display: block;
          width: 60%;
          margin-left: 0%;
          margin-right: 0; } }
    @media (max-width: 736px) {
      article.grid-examples .box.-tall {
        height: 200px; } }
    @media (max-width: 736px) {
      article.grid-examples .box.-tall code {
        font-size: 0.8rem; } }

header {
  float: left;
  width: 100%;
  position: relative;
  color: var(--light-text-color);
  position: relative;
  overflow: hidden !important;
  z-index: 5;
  padding-top: 12em;
  padding-bottom: 12em; }
  @media (max-width: 736px) {
    header {
      padding-top: 4em;
      padding-bottom: 4em; } }
  header .container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 300px; }
    @media (max-width: 736px) {
      header .container {
        display: block; } }
  header.imagebg {
    color: white; }
  header.no-image {
    padding-top: 8em;
    padding-bottom: 8em; }
  header .header-visual {
    z-index: 1;
    overflow: hidden;
    border-radius: 100em;
    box-shadow: 0px 5px 15px -7px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 2000ms cubic-bezier(0.33, 0, 0.19, 1);
    transition-delay: 0ms;
    position: absolute;
    width: 45%;
    right: 0; }
    header .header-visual img {
      width: 100%;
      height: auto; }
    @media (max-width: 736px) {
      header .header-visual {
        bottom: 0%;
        right: 5%; } }
  header .header-content {
    z-index: 3;
    text-align: left;
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    opacity: 0;
    transition: all 2000ms cubic-bezier(0.33, 0, 0.19, 1);
    transition-delay: 1000ms; }
    @media (min-width: 1200px) {
      header .header-content {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header .header-content {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header .header-content {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 736px) {
      header .header-content {
        padding-top: 2em;
        padding-bottom: 2em;
        position: relative; }
        header .header-content .header-content-wrap {
          -ms-transform: translateX(0%);
          transform: translateX(0%); } }
  header .header-title {
    font-size: 5.5em; }
    @media (max-width: 736px) {
      header .header-title {
        font-size: 4em;
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    header .header-title.long-text {
      font-size: 4.5em; }
      @media (max-width: 1024px) {
        header .header-title.long-text {
          font-size: 3em; } }
      @media (max-width: 736px) {
        header .header-title.long-text {
          font-size: 2.75em; } }
  header .header-subtitle {
    margin-top: 0.25em; }
    @media (max-width: 1024px) {
      header .header-subtitle {
        font-size: 1.5em; } }
  header .header-text {
    font-size: 1.5rem;
    margin-top: 0.5em;
    line-height: 150%;
    width: 80%; }
    @media (max-width: 1024px) {
      header .header-text {
        font-size: 1.5rem;
        width: 100%; } }
    @media (max-width: 736px) {
      header .header-text {
        margin-top: 1.5rem; } }
  header .header-buttons {
    margin-top: 2em; }
    header .header-buttons a {
      margin-left: 0.5em;
      margin-right: 0.5em;
      margin-bottom: 1em; }
      header .header-buttons a:last-child {
        margin-bottom: 0em;
        margin-right: 0; }
      header .header-buttons a:first-child {
        margin-left: 0; }
    header .header-buttons .button-outlined {
      color: currentColor; }
  header.-align-center .header-content {
    display: block;
    width: 71%;
    margin-left: 14.5%;
    margin-right: 2%;
    text-align: center; }
    @media (min-width: 1200px) {
      header.-align-center .header-content {
        display: block;
        width: 71%;
        margin-left: 14.5%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header.-align-center .header-content {
        display: block;
        width: 71%;
        margin-left: 14.5%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header.-align-center .header-content {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  header.-align-center .header-text {
    margin-left: auto;
    margin-right: auto; }
  header.-align-right .header-content {
    display: block;
    width: 62.66667%;
    margin-left: 35.33333%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      header.-align-right .header-content {
        display: block;
        width: 62.66667%;
        margin-left: 35.33333%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header.-align-right .header-content {
        display: block;
        width: 62.66667%;
        margin-left: 35.33333%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header.-align-right .header-content {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  header.tint:after {
    content: " ";
    display: block;
    background-color: rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 0em;
    right: 0em;
    top: 0em;
    bottom: 0em;
    height: 100%;
    position: absolute;
    z-index: 2; }
  header .header-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    min-width: 100vw;
    min-height: 100vh; }
  header .header-video-embed,
  header .header-video-embed iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    min-width: 120vw;
    min-height: 120vh; }
    @media (max-width: 736px) {
      header .header-video-embed,
      header .header-video-embed iframe {
        min-width: 200vh; } }
  header .header-carousel .header-carousel-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    transition-duration: 2s; }
    header .header-carousel .header-carousel-image.active {
      opacity: 1; }
  header .header-carousel:after {
    content: " ";
    background-color: black;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1; }
  header.slides .header-carousel .header-carousel-image {
    pointer-events: none; }
    header.slides .header-carousel .header-carousel-image img {
      width: 100%;
      height: auto; }
    header.slides .header-carousel .header-carousel-image.active {
      pointer-events: all;
      position: relative; }
  header .social-media {
    float: left;
    width: 100%;
    margin-top: 2em; }
    header .social-media a {
      color: currentColor; }

header.image-as-header,
header.slides {
  padding: 0;
  height: auto; }
  header.image-as-header img,
  header.slides img {
    width: 100%;
    height: auto; }

.top-bar.navigation-display-solid + header.post {
  margin-top: 5em; }
  @media (max-width: 736px) {
    .top-bar.navigation-display-solid + header.post {
      margin-top: 4em; } }

header.post {
  padding-bottom: 0; }
  header.post .header-content {
    display: block;
    width: 62.66667%;
    margin-left: 18.66667%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      header.post .header-content {
        display: block;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header.post .header-content {
        display: block;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header.post .header-content {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  header.post .header-title {
    font-family: var(--heading-font);
    font-weight: var(--heading-font-weight);
    line-height: 120%;
    font-size: 50px;
    font-size: 3.125rem; }
    @media (max-width: 736px) {
      header.post .header-title {
        font-size: 38px;
        font-size: 2.375rem; } }

.single header .container {
  min-height: auto;
  margin-bottom: 2em; }

header.author .profile-pic {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 2em; }
  header.author .profile-pic img {
    max-width: 10em;
    width: 100%;
    height: auto;
    border-radius: 100em; }

header.no-image.tint .header-visual:after {
  display: none; }

header.no-image .header-content .header-content-wrap {
  -ms-transform: translateX(0%);
  transform: translateX(0%); }

.loaded .header-content {
  opacity: 1; }

.loaded .header-visual {
  opacity: 1; }

header.search input {
  width: 100%;
  margin-bottom: 0;
  background-color: #FFF; }

header.search .search-form {
  text-align: center; }
  header.search .search-form button {
    margin-top: 2em;
    color: var(--brand-text-color);
    border: 2px solid currentColor; }

header.search .header-text {
  margin-top: 0;
  width: 100%; }

header.search .header-buttons {
  margin-top: 0; }

header.search .header-content {
  width: 60%;
  margin: 0 auto; }
  @media (max-width: 736px) {
    header.search .header-content {
      width: 80%; } }

header.person {
  padding-top: 4em;
  padding-bottom: 4em; }
  @media (max-width: 736px) {
    header.person {
      padding-top: 4em;
      padding-bottom: 4em; } }
  header.person .header-visual {
    border-radius: 0px; }
  @media (max-width: 736px) {
    header.person .container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column; }
    header.person .header-visual {
      -ms-flex-order: 1;
      order: 1;
      width: 50%;
      right: 0;
      position: relative; }
    header.person .header-content {
      -ms-flex-order: 2;
      order: 2;
      width: 90%; } }

@media (max-width: 736px) {
  .tax-people .person-bio .row-content {
    display: -ms-flexbox;
    display: flex; }
    .tax-people .person-bio .row-content .bio {
      -ms-flex-order: 2;
      order: 2; } }

.tax-people .person-bio .profile {
  margin-top: -14em; }
  @media (max-width: 736px) {
    .tax-people .person-bio .profile {
      margin-top: 0; } }

header.lightbg + .lightbg,
header.darkbg + .darkbg,
header.brandbg + .brandbg,
header.secondbg + .secondbg,
header.thirdbg + .thirdbg {
  padding-top: 0em; }
  header.lightbg + .lightbg .row-inner,
  header.darkbg + .darkbg .row-inner,
  header.brandbg + .brandbg .row-inner,
  header.secondbg + .secondbg .row-inner,
  header.thirdbg + .thirdbg .row-inner {
    padding-top: 0; }

header.inlinemedia {
  position: relative;
  z-index: 102; }
  header.inlinemedia .container {
    -ms-flex-direction: column;
    flex-direction: column; }
  header.inlinemedia .header-content {
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 0; }
    @media (min-width: 1200px) {
      header.inlinemedia .header-content {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header.inlinemedia .header-content {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header.inlinemedia .header-content {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  header.inlinemedia .header-inline-media {
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    position: relative; }
    @media (min-width: 1200px) {
      header.inlinemedia .header-inline-media {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header.inlinemedia .header-inline-media {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header.inlinemedia .header-inline-media {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    header.inlinemedia .header-inline-media img {
      width: 100%;
      height: auto;
      border-radius: 0px; }
  header.inlinemedia.-align-default, header.inlinemedia.-align-center {
    padding-bottom: 0;
    margin-bottom: -20em; }
    header.inlinemedia.-align-default .header-inline-media, header.inlinemedia.-align-center .header-inline-media {
      margin-top: 2em; }
    header.inlinemedia.-align-default + .row, header.inlinemedia.-align-center + .row {
      padding-top: 20em; }
    @media (max-width: 736px) {
      header.inlinemedia.-align-default, header.inlinemedia.-align-center {
        margin-bottom: -8em; }
        header.inlinemedia.-align-default + .row, header.inlinemedia.-align-center + .row {
          padding-top: 8em; } }
  header.inlinemedia.-align-left .container {
    -ms-flex-direction: row;
    flex-direction: row; }
  @media (max-width: 736px) {
    header.inlinemedia.-align-left .header-inline-media {
      margin-top: 2em; } }
  header.inlinemedia.-align-right .header-content {
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      header.inlinemedia.-align-right .header-content {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header.inlinemedia.-align-right .header-content {
        display: block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header.inlinemedia.-align-right .header-content {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  header.inlinemedia.-align-right .container {
    -ms-flex-direction: row;
    flex-direction: row; }
  header.inlinemedia.-align-right .header-content {
    -ms-flex-order: 2;
    order: 2; }
  @media (max-width: 736px) {
    header.inlinemedia.-align-right .header-inline-media {
      margin-top: 2em; } }
  header.inlinemedia .header-video,
  header.inlinemedia .header-video-embed {
    position: relative;
    top: 0;
    left: 0;
    -ms-transform: none;
    transform: none;
    min-width: 0;
    min-height: 0;
    width: 100%; }
  header.inlinemedia .header-video-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%; }
    header.inlinemedia .header-video-embed iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      -ms-transform: none;
      transform: none;
      min-width: 0;
      min-height: 0; }

.posts-loop .card {
  display: block;
  width: 29.33333%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .posts-loop .card {
      display: block;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .posts-loop .card {
      display: block;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .posts-loop .card {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.flexbox .posts-loop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.posts-loop-pagination {
  display: block;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .posts-loop-pagination {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .posts-loop-pagination {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .posts-loop-pagination {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.post-content {
  display: block;
  width: 62.66667%;
  margin-left: 18.66667%;
  margin-right: 2%;
  float: left; }
  @media (min-width: 1200px) {
    .post-content {
      display: block;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .post-content {
      display: block;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .post-content {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .post-content .post-title {
    font-size: 26px;
    font-size: 1.625rem; }
    @media (max-width: 736px) {
      .post-content .post-title {
        font-size: 22px;
        font-size: 1.375rem; } }
  .post-content .post-date {
    margin-top: 1em; }
  .post-content img {
    width: 100%;
    height: auto; }
  .post-content > div:not(.author) {
    margin-top: 1em; }

.wysiwyg a {
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .wysiwyg a:hover {
    opacity: 0.5; }

.repeater-buttons a {
  margin-right: 0.5em; }

.single .event-details a {
  color: var(--light-text-color); }

.single .embed-container {
  margin-bottom: 2em; }

.single .feature-image {
  display: block;
  width: 62.66667%;
  margin-left: 18.66667%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .single .feature-image {
      display: block;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .single .feature-image {
      display: block;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .single .feature-image {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .single .feature-image img {
    width: 100%;
    height: auto;
    border-radius: 0px;
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15); }

.single .top-bar.navigation-display-solid + header.post {
  padding-top: 0; }

@media (max-width: 736px) {
  .single header.post .header-content {
    padding-bottom: 0; } }

/**
 * Top Bar Navigation Styles
 * -------------------------------
 */
.top-bar {
  position: absolute;
  top: 0;
  z-index: 200;
  width: 100%;
  padding: 1em;
  display: block; }
  .top-bar .top-bar-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .top-bar .logo {
    height: 4em;
    float: left;
    position: relative;
    z-index: 21;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
    .top-bar .logo img {
      width: auto;
      height: 100%; }
    .top-bar .logo.large {
      height: 6em; }
      @media (max-width: 736px) {
        .top-bar .logo.large {
          height: 4.5em; } }
    .top-bar .logo.medium {
      height: 4.5em; }
      @media (max-width: 736px) {
        .top-bar .logo.medium {
          height: 3.25em; } }
    .top-bar .logo.small {
      height: 2.5em; }
      @media (max-width: 736px) {
        .top-bar .logo.small {
          height: 1.5em; } }
  .top-bar nav .action > a {
    position: relative;
    display: inline-block;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px currentColor;
    color: var(--brand-text-color);
    padding: 1em 1.75em;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: var(--heading-font-weight);
    text-align: center;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    line-height: 100%;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    font-size: 1rem;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    border-radius: 0px;
    transform: scale3d(1, 1, 1);
    background-color: var(--brand-color);
    color: var(--brand-text-color) !important;
    box-shadow: none;
    border: 0; }
    .top-bar nav .action > a:after {
      content: " ";
      position: absolute;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
      -ms-transform-origin: center;
      transform-origin: center;
      left: 0px;
      right: 0px;
      bottom: 0px;
      top: 0px;
      border-radius: 0px;
      background-color: var(--brand-color);
      transform: scale3d(0, 0, 0);
      z-index: -1; }
    .top-bar nav .action > a:before {
      content: " ";
      position: absolute;
      left: 2px;
      right: 2px;
      bottom: 2px;
      top: 1px;
      border-radius: 0px;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
      transform: scale3d(1, 0, 1);
      -ms-transform-origin: bottom;
      transform-origin: bottom;
      background-color: var(--brand-text-color); }
    .top-bar nav .action > a span {
      z-index: 2;
      display: inline-block;
      position: relative;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
    .top-bar nav .action > a:hover {
      text-decoration: none;
      opacity: 1 !important;
      padding: 1em 1.75em;
      color: var(--brand-color); }
      .top-bar nav .action > a:hover:before {
        transform: scale3d(1, 1, 1); }
    .top-bar nav .action > a:active {
      transform: scale3d(0.95, 0.95, 0.95); }
    .top-bar nav .action > a.disabled {
      color: var(--brand-color);
      opacity: 0.75;
      cursor: default; }
    .top-bar nav .action > a:after {
      display: none; }
    .top-bar nav .action > a:before {
      display: none; }
  .top-bar nav.primary {
    display: block;
    float: right; }
    @media (max-width: 1024px) {
      .top-bar nav.primary {
        display: none; } }
    .top-bar nav.primary > li:not(.action):last-child a {
      padding-right: 0; }
    .top-bar nav.primary .menu-primary {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .top-bar nav.primary a {
      color: var(--navbar-link-color); }
      .top-bar nav.primary a:hover {
        color: var(--navbar-link-color); }
  .top-bar nav.mobile {
    display: none; }
    @media (max-width: 1024px) {
      .top-bar nav.mobile {
        display: block; } }
    .top-bar nav.mobile .action > a {
      width: 100%; }
    .top-bar nav.mobile .menu-item-has-children > a {
      position: relative; }
      .top-bar nav.mobile .menu-item-has-children > a:after {
        content: " ";
        height: 2px;
        width: 20px;
        position: absolute;
        right: 1em;
        background-color: currentColor;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
      .top-bar nav.mobile .menu-item-has-children > a:before {
        content: " ";
        height: 20px;
        width: 2px;
        position: absolute;
        right: 1.5em;
        background-color: currentColor;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
    .top-bar nav.mobile .menu-item-has-children.open > a:before {
      -ms-transform: translateY(-50%) rotate(90deg);
      transform: translateY(-50%) rotate(90deg); }

.open-mobile-menu .top-bar .logo {
  -ms-transform: translate(1em, 1em);
  transform: translate(1em, 1em); }

.top-bar.navigation-display-solid {
  position: relative;
  background-color: var(--navbar-color);
  color: var(--navbar-link-color);
  transition: all 200ms;
  float: left; }
  @media (max-width: 736px) {
    .top-bar.navigation-display-solid {
      padding: 0.5em 1em; } }
  .top-bar.navigation-display-solid ul.menu-primary > li ul {
    border: 0px; }
    .top-bar.navigation-display-solid ul.menu-primary > li ul a {
      background-color: #FFF;
      padding: 1em;
      display: block;
      width: 100%; }
  .top-bar.navigation-display-solid nav.primary a {
    color: var(--navbar-link-color); }
    .top-bar.navigation-display-solid nav.primary a:hover {
      color: var(--navbar-link-color); }

/**
 * Weird Chrome bug fix that was stopping the link from being clickable
 */
.top-bar nav.primary ul[class*="menu-"] li a {
  position: relative;
  z-index: 1001; }

.top-bar.fixed {
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }

.-scrolling .top-bar.fixed {
  background-color: var(--navbar-color);
  position: fixed;
  top: 0px;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
  border-bottom: 2px solid var(--navbar-link-color); }

.logged-in .top-bar {
  top: 0; }

.single .top-bar {
  background-color: var(--navbar-color);
  color: var(--navbar-link-color); }

.column-item {
  margin-bottom: 2em;
  opacity: 0;
  transition: 1000ms all cubic-bezier(0.33, 0, 0.19, 1);
  transition-delay: 500ms;
  transform: translateY(2em) scale3d(0.97, 0.97, 0.97); }
  .column-item.align-left {
    text-align: left; }
  .column-item.align-right {
    text-align: right; }
  .column-item.align-center {
    text-align: center; }
  .column-item img {
    width: 100%;
    height: auto; }
  .column-item .column-item-image-container {
    margin-bottom: 2em; }
  .column-item .column-item-text,
  .column-item .column-item-text p {
    font-size: 1rem; }
  .column-item .column-item-buttons a {
    margin-bottom: 0.5em; }
    .column-item .column-item-buttons a:last-child {
      margin-bottom: 0; }
  .column-item .column-item-title + .column-item-buttons {
    margin-top: 1em; }

.row-column {
  margin-bottom: 3em;
  text-align: center;
  opacity: 0;
  transition: 1000ms all cubic-bezier(0.33, 0, 0.19, 1);
  transition-delay: 500ms;
  transform: translateY(2em) scale3d(0.97, 0.97, 0.97); }
  .row-column .icon {
    font-size: 2em;
    opacity: 1 !important; }
  .row-column a .icon {
    color: var(--light-text-color); }
  .row-column .image {
    margin: 0 auto;
    margin-bottom: 2em;
    opacity: 1;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    overflow: hidden; }
    .row-column .image img {
      width: 100%;
      height: auto;
      transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .row-column p {
    max-width: 30em;
    margin-right: auto;
    margin-left: auto;
    font-size: 1em; }
  .row-column.image-type-circle {
    padding: 2em; }
    .row-column.image-type-circle .image {
      max-width: 12em;
      position: relative;
      border-radius: 100em; }
      .row-column.image-type-circle .image img {
        border-radius: 100em; }
        .row-column.image-type-circle .image img:hover {
          opacity: 0.75; }
  .row-column.image-type-square .image {
    max-width: 20em; }
  .row-column.image-type-landscape {
    text-align: left; }
    .row-column.image-type-landscape .image {
      border-radius: 0px; }
    .row-column.image-type-landscape p {
      max-width: none; }
  .row-column.image-type-nocrop {
    text-align: left; }
    .row-column.image-type-nocrop .image {
      border-radius: 0px; }
    .row-column.image-type-nocrop p {
      max-width: none; }
    .row-column.image-type-nocrop .row-column-wrap {
      max-width: 20em;
      margin-left: auto;
      margin-right: auto; }
  .row-column .service-time .time {
    display: block; }
  .row-column .service-time .location {
    font-size: 0.75em; }
  .row-column .social-media {
    color: currentColor; }

.in-view .row-column,
.in-view .column-item {
  opacity: 1;
  transform: translateY(0) scale3d(1, 1, 1); }
  .in-view .row-column:nth-of-type(1),
  .in-view .column-item:nth-of-type(1) {
    transition-delay: 250ms; }
  .in-view .row-column:nth-of-type(2),
  .in-view .column-item:nth-of-type(2) {
    transition-delay: 500ms; }
  .in-view .row-column:nth-of-type(3),
  .in-view .column-item:nth-of-type(3) {
    transition-delay: 750ms; }
  .in-view .row-column:nth-of-type(4),
  .in-view .column-item:nth-of-type(4) {
    transition-delay: 1000ms; }
  .in-view .row-column:nth-of-type(5),
  .in-view .column-item:nth-of-type(5) {
    transition-delay: 1250ms; }
  .in-view .row-column:nth-of-type(6),
  .in-view .column-item:nth-of-type(6) {
    transition-delay: 1500ms; }
  .in-view .row-column:nth-of-type(7),
  .in-view .column-item:nth-of-type(7) {
    transition-delay: 1750ms; }
  .in-view .row-column:nth-of-type(8),
  .in-view .column-item:nth-of-type(8) {
    transition-delay: 2000ms; }
  .in-view .row-column:nth-of-type(9),
  .in-view .column-item:nth-of-type(9) {
    transition-delay: 2250ms; }
  .in-view .row-column:nth-of-type(10),
  .in-view .column-item:nth-of-type(10) {
    transition-delay: 2500ms; }
  .in-view .row-column:nth-of-type(11),
  .in-view .column-item:nth-of-type(11) {
    transition-delay: 2750ms; }
  .in-view .row-column:nth-of-type(12),
  .in-view .column-item:nth-of-type(12) {
    transition-delay: 3000ms; }
  .in-view .row-column:nth-of-type(13),
  .in-view .column-item:nth-of-type(13) {
    transition-delay: 3250ms; }
  .in-view .row-column:nth-of-type(14),
  .in-view .column-item:nth-of-type(14) {
    transition-delay: 3500ms; }
  .in-view .row-column:nth-of-type(15),
  .in-view .column-item:nth-of-type(15) {
    transition-delay: 3750ms; }
  .in-view .row-column:nth-of-type(16),
  .in-view .column-item:nth-of-type(16) {
    transition-delay: 4000ms; }
  .in-view .row-column:nth-of-type(17),
  .in-view .column-item:nth-of-type(17) {
    transition-delay: 4250ms; }
  .in-view .row-column:nth-of-type(18),
  .in-view .column-item:nth-of-type(18) {
    transition-delay: 4500ms; }
  .in-view .row-column:nth-of-type(19),
  .in-view .column-item:nth-of-type(19) {
    transition-delay: 4750ms; }
  .in-view .row-column:nth-of-type(20),
  .in-view .column-item:nth-of-type(20) {
    transition-delay: 5000ms; }
  .in-view .row-column:nth-of-type(21),
  .in-view .column-item:nth-of-type(21) {
    transition-delay: 5250ms; }
  .in-view .row-column:nth-of-type(22),
  .in-view .column-item:nth-of-type(22) {
    transition-delay: 5500ms; }
  .in-view .row-column:nth-of-type(23),
  .in-view .column-item:nth-of-type(23) {
    transition-delay: 5750ms; }
  .in-view .row-column:nth-of-type(24),
  .in-view .column-item:nth-of-type(24) {
    transition-delay: 6000ms; }
  .in-view .row-column:nth-of-type(25),
  .in-view .column-item:nth-of-type(25) {
    transition-delay: 6250ms; }
  .in-view .row-column:nth-of-type(26),
  .in-view .column-item:nth-of-type(26) {
    transition-delay: 6500ms; }
  .in-view .row-column:nth-of-type(27),
  .in-view .column-item:nth-of-type(27) {
    transition-delay: 6750ms; }
  .in-view .row-column:nth-of-type(28),
  .in-view .column-item:nth-of-type(28) {
    transition-delay: 7000ms; }
  .in-view .row-column:nth-of-type(29),
  .in-view .column-item:nth-of-type(29) {
    transition-delay: 7250ms; }
  .in-view .row-column:nth-of-type(30),
  .in-view .column-item:nth-of-type(30) {
    transition-delay: 7500ms; }
  .in-view .row-column:nth-of-type(31),
  .in-view .column-item:nth-of-type(31) {
    transition-delay: 7750ms; }
  .in-view .row-column:nth-of-type(32),
  .in-view .column-item:nth-of-type(32) {
    transition-delay: 8000ms; }
  .in-view .row-column:nth-of-type(33),
  .in-view .column-item:nth-of-type(33) {
    transition-delay: 8250ms; }
  .in-view .row-column:nth-of-type(34),
  .in-view .column-item:nth-of-type(34) {
    transition-delay: 8500ms; }
  .in-view .row-column:nth-of-type(35),
  .in-view .column-item:nth-of-type(35) {
    transition-delay: 8750ms; }
  .in-view .row-column:nth-of-type(36),
  .in-view .column-item:nth-of-type(36) {
    transition-delay: 9000ms; }
  .in-view .row-column:nth-of-type(37),
  .in-view .column-item:nth-of-type(37) {
    transition-delay: 9250ms; }
  .in-view .row-column:nth-of-type(38),
  .in-view .column-item:nth-of-type(38) {
    transition-delay: 9500ms; }
  .in-view .row-column:nth-of-type(39),
  .in-view .column-item:nth-of-type(39) {
    transition-delay: 9750ms; }
  .in-view .row-column:nth-of-type(40),
  .in-view .column-item:nth-of-type(40) {
    transition-delay: 10000ms; }
  .in-view .row-column:nth-of-type(41),
  .in-view .column-item:nth-of-type(41) {
    transition-delay: 10250ms; }
  .in-view .row-column:nth-of-type(42),
  .in-view .column-item:nth-of-type(42) {
    transition-delay: 10500ms; }
  .in-view .row-column:nth-of-type(43),
  .in-view .column-item:nth-of-type(43) {
    transition-delay: 10750ms; }
  .in-view .row-column:nth-of-type(44),
  .in-view .column-item:nth-of-type(44) {
    transition-delay: 11000ms; }
  .in-view .row-column:nth-of-type(45),
  .in-view .column-item:nth-of-type(45) {
    transition-delay: 11250ms; }
  .in-view .row-column:nth-of-type(46),
  .in-view .column-item:nth-of-type(46) {
    transition-delay: 11500ms; }
  .in-view .row-column:nth-of-type(47),
  .in-view .column-item:nth-of-type(47) {
    transition-delay: 11750ms; }
  .in-view .row-column:nth-of-type(48),
  .in-view .column-item:nth-of-type(48) {
    transition-delay: 12000ms; }
  .in-view .row-column:nth-of-type(49),
  .in-view .column-item:nth-of-type(49) {
    transition-delay: 12250ms; }
  .in-view .row-column:nth-of-type(50),
  .in-view .column-item:nth-of-type(50) {
    transition-delay: 12500ms; }
  .in-view .row-column:nth-of-type(51),
  .in-view .column-item:nth-of-type(51) {
    transition-delay: 12750ms; }
  .in-view .row-column:nth-of-type(52),
  .in-view .column-item:nth-of-type(52) {
    transition-delay: 13000ms; }
  .in-view .row-column:nth-of-type(53),
  .in-view .column-item:nth-of-type(53) {
    transition-delay: 13250ms; }
  .in-view .row-column:nth-of-type(54),
  .in-view .column-item:nth-of-type(54) {
    transition-delay: 13500ms; }
  .in-view .row-column:nth-of-type(55),
  .in-view .column-item:nth-of-type(55) {
    transition-delay: 13750ms; }
  .in-view .row-column:nth-of-type(56),
  .in-view .column-item:nth-of-type(56) {
    transition-delay: 14000ms; }
  .in-view .row-column:nth-of-type(57),
  .in-view .column-item:nth-of-type(57) {
    transition-delay: 14250ms; }
  .in-view .row-column:nth-of-type(58),
  .in-view .column-item:nth-of-type(58) {
    transition-delay: 14500ms; }
  .in-view .row-column:nth-of-type(59),
  .in-view .column-item:nth-of-type(59) {
    transition-delay: 14750ms; }
  .in-view .row-column:nth-of-type(60),
  .in-view .column-item:nth-of-type(60) {
    transition-delay: 15000ms; }
  .in-view .row-column:nth-of-type(61),
  .in-view .column-item:nth-of-type(61) {
    transition-delay: 15250ms; }
  .in-view .row-column:nth-of-type(62),
  .in-view .column-item:nth-of-type(62) {
    transition-delay: 15500ms; }
  .in-view .row-column:nth-of-type(63),
  .in-view .column-item:nth-of-type(63) {
    transition-delay: 15750ms; }
  .in-view .row-column:nth-of-type(64),
  .in-view .column-item:nth-of-type(64) {
    transition-delay: 16000ms; }
  .in-view .row-column:nth-of-type(65),
  .in-view .column-item:nth-of-type(65) {
    transition-delay: 16250ms; }
  .in-view .row-column:nth-of-type(66),
  .in-view .column-item:nth-of-type(66) {
    transition-delay: 16500ms; }
  .in-view .row-column:nth-of-type(67),
  .in-view .column-item:nth-of-type(67) {
    transition-delay: 16750ms; }
  .in-view .row-column:nth-of-type(68),
  .in-view .column-item:nth-of-type(68) {
    transition-delay: 17000ms; }
  .in-view .row-column:nth-of-type(69),
  .in-view .column-item:nth-of-type(69) {
    transition-delay: 17250ms; }
  .in-view .row-column:nth-of-type(70),
  .in-view .column-item:nth-of-type(70) {
    transition-delay: 17500ms; }
  .in-view .row-column:nth-of-type(71),
  .in-view .column-item:nth-of-type(71) {
    transition-delay: 17750ms; }
  .in-view .row-column:nth-of-type(72),
  .in-view .column-item:nth-of-type(72) {
    transition-delay: 18000ms; }
  .in-view .row-column:nth-of-type(73),
  .in-view .column-item:nth-of-type(73) {
    transition-delay: 18250ms; }
  .in-view .row-column:nth-of-type(74),
  .in-view .column-item:nth-of-type(74) {
    transition-delay: 18500ms; }
  .in-view .row-column:nth-of-type(75),
  .in-view .column-item:nth-of-type(75) {
    transition-delay: 18750ms; }
  .in-view .row-column:nth-of-type(76),
  .in-view .column-item:nth-of-type(76) {
    transition-delay: 19000ms; }
  .in-view .row-column:nth-of-type(77),
  .in-view .column-item:nth-of-type(77) {
    transition-delay: 19250ms; }
  .in-view .row-column:nth-of-type(78),
  .in-view .column-item:nth-of-type(78) {
    transition-delay: 19500ms; }
  .in-view .row-column:nth-of-type(79),
  .in-view .column-item:nth-of-type(79) {
    transition-delay: 19750ms; }
  .in-view .row-column:nth-of-type(80),
  .in-view .column-item:nth-of-type(80) {
    transition-delay: 20000ms; }
  .in-view .row-column:nth-of-type(81),
  .in-view .column-item:nth-of-type(81) {
    transition-delay: 20250ms; }
  .in-view .row-column:nth-of-type(82),
  .in-view .column-item:nth-of-type(82) {
    transition-delay: 20500ms; }
  .in-view .row-column:nth-of-type(83),
  .in-view .column-item:nth-of-type(83) {
    transition-delay: 20750ms; }
  .in-view .row-column:nth-of-type(84),
  .in-view .column-item:nth-of-type(84) {
    transition-delay: 21000ms; }
  .in-view .row-column:nth-of-type(85),
  .in-view .column-item:nth-of-type(85) {
    transition-delay: 21250ms; }
  .in-view .row-column:nth-of-type(86),
  .in-view .column-item:nth-of-type(86) {
    transition-delay: 21500ms; }
  .in-view .row-column:nth-of-type(87),
  .in-view .column-item:nth-of-type(87) {
    transition-delay: 21750ms; }
  .in-view .row-column:nth-of-type(88),
  .in-view .column-item:nth-of-type(88) {
    transition-delay: 22000ms; }
  .in-view .row-column:nth-of-type(89),
  .in-view .column-item:nth-of-type(89) {
    transition-delay: 22250ms; }
  .in-view .row-column:nth-of-type(90),
  .in-view .column-item:nth-of-type(90) {
    transition-delay: 22500ms; }
  .in-view .row-column:nth-of-type(91),
  .in-view .column-item:nth-of-type(91) {
    transition-delay: 22750ms; }
  .in-view .row-column:nth-of-type(92),
  .in-view .column-item:nth-of-type(92) {
    transition-delay: 23000ms; }
  .in-view .row-column:nth-of-type(93),
  .in-view .column-item:nth-of-type(93) {
    transition-delay: 23250ms; }
  .in-view .row-column:nth-of-type(94),
  .in-view .column-item:nth-of-type(94) {
    transition-delay: 23500ms; }
  .in-view .row-column:nth-of-type(95),
  .in-view .column-item:nth-of-type(95) {
    transition-delay: 23750ms; }
  .in-view .row-column:nth-of-type(96),
  .in-view .column-item:nth-of-type(96) {
    transition-delay: 24000ms; }
  .in-view .row-column:nth-of-type(97),
  .in-view .column-item:nth-of-type(97) {
    transition-delay: 24250ms; }
  .in-view .row-column:nth-of-type(98),
  .in-view .column-item:nth-of-type(98) {
    transition-delay: 24500ms; }
  .in-view .row-column:nth-of-type(99),
  .in-view .column-item:nth-of-type(99) {
    transition-delay: 24750ms; }
  .in-view .row-column:nth-of-type(100),
  .in-view .column-item:nth-of-type(100) {
    transition-delay: 25000ms; }

.imagebg .row-column p {
  opacity: 1; }

.imagebg .row-column a .icon {
  color: white; }

.team-row .image .alternate {
  display: none; }

.team-row .image .main {
  display: block; }

.team-row .image.-with-alt-img:hover .main {
  display: none; }

.team-row .image.-with-alt-img:hover .alternate {
  display: block; }

.flexbox .row-content,
.flexbox .team,
.flexbox .service-times,
.flexbox .ministries {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.lightbg .row-column a {
  color: var(--light-text-color); }

.darkbg .row-column a {
  color: var(--dark-text-color); }

.brandbg .row-column a {
  color: var(--brand-text-color); }

.secondbg .row-column a {
  color: var(--secondary-text-color); }

.thirdbg .row-column a {
  color: var(--tertiary-text-color); }

.imagebg .row-column a {
  color: white; }

.crtvchurch-social .row-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.crtvchurch-social .row-column {
  max-width: 100px; }

/** Stats **/
.stats .row-column h6 {
  font-size: 1.5em; }

.stats .row-column p {
  font-size: 10em;
  font-weight: 500;
  margin: 0;
  line-height: 1.15; }

.stats .row-column .button-outlined:before {
  transform: scale3d(1, 1, 1); }

.stats .row-column .button-outlined {
  color: black;
  display: block;
  max-width: 200px;
  margin: 0 auto;
  margin-top: 1em; }

.events-row .no-results {
  float: left;
  width: 100%;
  text-align: center; }

.icon-columns-row .icon,
.icon-columns-row a .icon {
  display: inline-block;
  width: auto;
  border-radius: 0px;
  width: 70px;
  height: 70px;
  position: relative;
  color: currentColor; }
  .icon-columns-row .icon:before,
  .icon-columns-row a .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0; }

.icon-columns-row.lightbg .icon, .icon-columns-row.lightbg a .icon {
  color: var(--light-text-color); }

.icon-columns-row.darkbg .icon, .icon-columns-row.darkbg a .icon {
  color: var(--dark-text-color); }

.icon-columns-row.brandbg .icon, .icon-columns-row.brandbg a .icon {
  color: var(--brand-text-color); }

.icon-columns-row.secondbg .icon, .icon-columns-row.secondbg a .icon {
  color: var(--secondary-text-color); }

.icon-columns-row.thirdbg .icon, .icon-columns-row.thirdbg a .icon {
  color: var(--tertiary-text-color); }

.service-times-row .icon-clock {
  display: inline-block;
  width: auto;
  border-radius: 400px;
  width: 70px;
  height: 70px;
  position: relative; }
  .service-times-row .icon-clock:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0; }

.image-blocks {
  max-width: 1145px;
  margin-left: auto;
  margin-right: auto; }
  .image-blocks:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1200px) {
    .image-blocks {
      max-width: 1145px; } }
  @media (max-width: 1024px) {
    .image-blocks {
      max-width: 100%; } }
  @media (max-width: 736px) {
    .image-blocks {
      max-width: 100%; } }

.container + .image-blocks {
  margin-top: 2em; }

.image-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4em;
  position: relative;
  z-index: 5; }
  @media (max-width: 1024px) {
    .image-block {
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media (max-width: 736px) {
    .image-block {
      display: block; } }
  .image-block .image-block-defaults {
    display: block;
    width: 37.66667%;
    margin-left: 2%;
    margin-right: 2%;
    -ms-flex-order: 1;
    order: 1;
    opacity: 0;
    transition: 1000ms all cubic-bezier(0.33, 0, 0.19, 1);
    transition-delay: 500ms;
    transform: translateY(2em) scale3d(0.97, 0.97, 0.97); }
    @media (min-width: 1200px) {
      .image-block .image-block-defaults {
        display: block;
        width: 37.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .image-block .image-block-defaults {
        display: block;
        width: 37.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .image-block .image-block-defaults {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 1024px) {
      .image-block .image-block-defaults {
        padding-top: 4em; } }
    @media (max-width: 736px) {
      .image-block .image-block-defaults .image-block-text-wrap {
        max-width: 80%;
        margin: 0 auto;
        display: block;
        text-align: center; } }
  .image-block .image-block-image {
    display: block;
    width: 46%;
    margin-left: 10.33333%;
    margin-right: 2%;
    -ms-flex-order: 2;
    order: 2;
    opacity: 0;
    transition: 1000ms all cubic-bezier(0.33, 0, 0.19, 1);
    transition-delay: 250ms;
    transform: translateY(2em) scale3d(0.9, 0.9, 0.9); }
    @media (min-width: 1200px) {
      .image-block .image-block-image {
        display: block;
        width: 46%;
        margin-left: 10.33333%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .image-block .image-block-image {
        display: block;
        width: 46%;
        margin-left: 10.33333%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .image-block .image-block-image {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .image-block .image-block-image img {
      width: 100%;
      height: auto; }
      @media (max-width: 736px) {
        .image-block .image-block-image img {
          max-width: 60%;
          margin: 0 auto;
          display: block; } }
  .image-block:nth-child(2n) .image-block-defaults {
    -ms-flex-order: 2;
    order: 2;
    display: block;
    width: 37.66667%;
    margin-left: 10.33333%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .image-block:nth-child(2n) .image-block-defaults {
        display: block;
        width: 37.66667%;
        margin-left: 10.33333%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .image-block:nth-child(2n) .image-block-defaults {
        display: block;
        width: 37.66667%;
        margin-left: 10.33333%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .image-block:nth-child(2n) .image-block-defaults {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .image-block:nth-child(2n) .image-block-image {
    -ms-flex-order: 1;
    order: 1;
    display: block;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .image-block:nth-child(2n) .image-block-image {
        display: block;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .image-block:nth-child(2n) .image-block-image {
        display: block;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .image-block:nth-child(2n) .image-block-image {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 736px) {
      .image-block:nth-child(2n) .image-block-image .image-block-image-wrap {
        transform: scale3d(1, 1, 1); } }
  .image-block:nth-child(3n) .image-block-image .image-block-image-wrap {
    transform: scale3d(1.1, 1.1, 1.1); }
    @media (max-width: 736px) {
      .image-block:nth-child(3n) .image-block-image .image-block-image-wrap {
        transform: scale3d(1, 1, 1); } }
  .image-block.in-view .image-block-image {
    opacity: 1;
    transform: translateY(0) scale3d(1, 1, 1); }
  .image-block.in-view .image-block-defaults {
    opacity: 1;
    transform: translateY(0) scale3d(1, 1, 1); }
  @media (max-width: 736px) {
    .image-block .animateme {
      -ms-transform: none !important;
      transform: none !important; } }

.image-only-container {
  float: left;
  width: 100%;
  position: relative; }
  .image-only-container .image-only img {
    width: 100%;
    height: auto; }

.row.image-type-imageonly {
  padding-bottom: 0; }

.row.-no-defaults.image-type-imageonly {
  padding-top: 0; }

.image-type-landscape .row-content p,
.image-type-nocrop .row-content p {
  max-width: none; }

.image-type-square .image {
  border-radius: 0px; }

.image-type-landscape.-no-defaults .row-content {
  float: none;
  max-width: 1145px;
  margin-left: auto;
  margin-right: auto; }
  .image-type-landscape.-no-defaults .row-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1200px) {
    .image-type-landscape.-no-defaults .row-content {
      max-width: 1145px; } }
  @media (max-width: 1024px) {
    .image-type-landscape.-no-defaults .row-content {
      max-width: 100%; } }
  @media (max-width: 736px) {
    .image-type-landscape.-no-defaults .row-content {
      max-width: 100%; } }

.image-columns-row.image-type-imageonly.-no-defaults .row-inner {
  padding: 0; }

.image-as-icon .row-column .image {
  box-shadow: none;
  max-width: 4em; }

.imageblocktwo-row .row-content {
  display: -ms-flexbox;
  display: flex; }

.imageblocktwo-row .column-item-image.shape-circle .column-item-image-container {
  text-align: center; }

.imageblocktwo-row .column-item-image.shape-circle .column-item-image-container img {
  border-radius: 100em;
  max-width: 12em;
  margin: 0 auto; }

.imageblocktwo-row .column-item-image.shape-overlay {
  background-position: top center;
  background-size: cover;
  padding: 1em;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-height: 25em;
  color: white;
  position: relative; }
  .imageblocktwo-row .column-item-image.shape-overlay a {
    color: inherit; }
  .imageblocktwo-row .column-item-image.shape-overlay .button-outlined {
    color: inherit; }
  .imageblocktwo-row .column-item-image.shape-overlay:after {
    content: " ";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, transparent 80%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
  .imageblocktwo-row .column-item-image.shape-overlay .button-primary:before {
    display: none; }
  .imageblocktwo-row .column-item-image.shape-overlay .shape-overlay-priority-link {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }

.imageblocktwo-row.layout-columns .row-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center; }
  .imageblocktwo-row.layout-columns .row-content .column-item {
    display: block;
    width: 29.33333%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .imageblocktwo-row.layout-columns .row-content .column-item {
        display: block;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .imageblocktwo-row.layout-columns .row-content .column-item {
        display: block;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-columns .row-content .column-item {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }

.imageblocktwo-row.layout-columns .column-item-image.shape-circle.align-default {
  text-align: center; }

.imageblocktwo-row.layout-columns .column-item-image.shape-overlay.byone {
  display: block;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.byone {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.byone {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.byone {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.imageblocktwo-row.layout-columns .column-item-image.shape-overlay.bytwo {
  display: block;
  width: 46%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.bytwo {
      display: block;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.bytwo {
      display: block;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.bytwo {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.imageblocktwo-row.layout-rows .row-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center; }
  .imageblocktwo-row.layout-rows .row-content .column-item {
    display: block;
    width: 71%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .imageblocktwo-row.layout-rows .row-content .column-item {
        display: block;
        width: 71%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .imageblocktwo-row.layout-rows .row-content .column-item {
        display: block;
        width: 71%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .imageblocktwo-row.layout-rows .row-content .column-item .column-item-text-container {
      width: 70%;
      margin: 0 auto; }
  .imageblocktwo-row.layout-rows .row-content .column-item.align-left,
  .imageblocktwo-row.layout-rows .row-content .column-item.align-default {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .imageblocktwo-row.layout-rows .row-content .column-item.align-left .column-item-image-container,
    .imageblocktwo-row.layout-rows .row-content .column-item.align-default .column-item-image-container {
      width: 30%;
      margin-bottom: 0;
      margin-right: 2em; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item.align-left,
      .imageblocktwo-row.layout-rows .row-content .column-item.align-default {
        display: block !important; }
        .imageblocktwo-row.layout-rows .row-content .column-item.align-left .column-item-image-container,
        .imageblocktwo-row.layout-rows .row-content .column-item.align-default .column-item-image-container {
          width: 100%;
          margin-bottom: 2em;
          margin-right: 0; }
        .imageblocktwo-row.layout-rows .row-content .column-item.align-left .column-item-text-container,
        .imageblocktwo-row.layout-rows .row-content .column-item.align-default .column-item-text-container {
          width: 100%; } }
  .imageblocktwo-row.layout-rows .row-content .column-item.align-right {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .imageblocktwo-row.layout-rows .row-content .column-item.align-right .column-item-image-container {
      width: 30%;
      margin-bottom: 0;
      margin-left: 2em;
      -ms-flex-order: 2;
      order: 2; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item.align-right {
        display: block !important; }
        .imageblocktwo-row.layout-rows .row-content .column-item.align-right .column-item-image-container {
          width: 100%;
          margin-bottom: 2em;
          margin-left: 0; }
        .imageblocktwo-row.layout-rows .row-content .column-item.align-right .column-item-text-container {
          width: 100%; } }
  .imageblocktwo-row.layout-rows .row-content .column-item.align-center.column-item-image.shape-square .column-item-image-container img {
    max-width: 12em;
    margin: 0 auto; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item.align-center.column-item-image.shape-square .column-item-image-container img {
        max-width: none; } }
  .imageblocktwo-row.layout-rows .row-content .column-item.align-center.column-item-image.shape-nocrop .column-item-image-container img {
    max-width: 16em;
    margin: 0 auto; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item.align-center.column-item-image.shape-nocrop .column-item-image-container img {
        max-width: none; } }
  .imageblocktwo-row.layout-rows .row-content .column-item-image.shape-overlay {
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .imageblocktwo-row.layout-rows .row-content .column-item-image.shape-overlay .column-item-image-container {
      width: 100%; }
    .imageblocktwo-row.layout-rows .row-content .column-item-image.shape-overlay .column-item-text-container {
      width: 100%; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item-image.shape-overlay {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: end;
        justify-content: flex-end; } }

.imageblocktwo-row.layout-leftright .column-item {
  display: block;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 1200px) {
    .imageblocktwo-row.layout-leftright .column-item {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .imageblocktwo-row.layout-leftright .column-item {
      display: block;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .imageblocktwo-row.layout-leftright .column-item {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .imageblocktwo-row.layout-leftright .column-item .column-item-image-container,
  .imageblocktwo-row.layout-leftright .column-item .column-item-text-container {
    opacity: 0;
    transition: 1000ms all cubic-bezier(0.33, 0, 0.19, 1);
    transition-delay: 250ms;
    transform: translateY(2em) scale3d(0.9, 0.9, 0.9); }
  .imageblocktwo-row.layout-leftright .column-item .column-item-text-container {
    transition-delay: 500ms; }
  .imageblocktwo-row.layout-leftright .column-item.in-view .column-item-image-container,
  .imageblocktwo-row.layout-leftright .column-item.in-view .column-item-text-container {
    opacity: 1;
    transform: translateY(0) scale3d(1, 1, 1); }
  .imageblocktwo-row.layout-leftright .column-item .column-item-title {
    font-family: var(--heading-font);
    font-weight: var(--heading-font-weight);
    line-height: 120%;
    font-size: 50px;
    font-size: 3.125rem; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-leftright .column-item .column-item-title {
        font-size: 38px;
        font-size: 2.375rem; } }
  .imageblocktwo-row.layout-leftright .column-item .column-item-image-container {
    width: 48%;
    -ms-flex-order: 2;
    order: 2; }
    .imageblocktwo-row.layout-leftright .column-item .column-item-image-container img {
      width: 100% !important;
      max-width: none; }
  .imageblocktwo-row.layout-leftright .column-item .column-item-text-container {
    width: 48%;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 3em;
    padding-right: 3em; }
  .imageblocktwo-row.layout-leftright .column-item:nth-child(2n) .column-item-image-container {
    -ms-flex-order: 1;
    order: 1; }
  .imageblocktwo-row.layout-leftright .column-item:nth-child(2n) .column-item-text-container {
    -ms-flex-order: 2;
    order: 2; }
  @media (max-width: 736px) {
    .imageblocktwo-row.layout-leftright .column-item {
      display: block !important; }
      .imageblocktwo-row.layout-leftright .column-item .column-item-image-container {
        width: 100%; }
      .imageblocktwo-row.layout-leftright .column-item .column-item-text-container {
        width: 100%;
        padding-left: 0em;
        padding-right: 0em; }
      .imageblocktwo-row.layout-leftright .column-item.shape-circle .column-item-image-container img {
        border-radius: 100em;
        max-width: 20em;
        margin: 0 auto; }
      .imageblocktwo-row.layout-leftright .column-item.align-default {
        text-align: center; } }

.imageblocktwo-row.layout-leftright .column-item-image.shape-overlay {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .imageblocktwo-row.layout-leftright .column-item-image.shape-overlay .column-item-image-container {
    width: 100%; }
  .imageblocktwo-row.layout-leftright .column-item-image.shape-overlay .column-item-text-container {
    width: 100%;
    padding: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }

.imageblocktwo-row.layout-leftright.type-overlay .column-item {
  width: 80%;
  margin-left: 20%;
  margin-right: 0; }
  .imageblocktwo-row.layout-leftright.type-overlay .column-item:nth-child(2n) {
    margin-right: 20%;
    margin-left: 0%; }

.imageblocktwo-row.layout-horizontalscroll .container {
  overflow: auto;
  max-width: 100%; }

.imageblocktwo-row.layout-horizontalscroll .row-content {
  overflow: auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: block;
  padding-left: 2em; }
  .imageblocktwo-row.layout-horizontalscroll .row-content .column-item {
    width: 340px !important;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    scroll-snap-align: start; }

.imageblocktwo-row.layout-horizontalscroll .horizontal-scroll-container {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory; }

.imageblocktwo-row.layout-horizontalscroll .column-item-image.shape-circle.align-default {
  text-align: center; }

.imageblocktwo-row.type-overlay.brandbg .column-item-image.shape-overlay .button-primary, .imageblocktwo-row.type-overlay.secondbg .column-item-image.shape-overlay .button-primary, .imageblocktwo-row.type-overlay.thirdbg .column-item-image.shape-overlay .button-primary {
  color: var(--brand-color); }

.imageblocktwo-row.type-overlay.brandbg .column-item-image.shape-overlay .button-outlined:hover, .imageblocktwo-row.type-overlay.secondbg .column-item-image.shape-overlay .button-outlined:hover, .imageblocktwo-row.type-overlay.thirdbg .column-item-image.shape-overlay .button-outlined:hover {
  color: var(--brand-color); }

.quote-row {
  text-align: center; }
  .quote-row .quote-wrap {
    text-align: center;
    display: block;
    width: 62.66667%;
    margin-left: 18.66667%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .quote-row .quote-wrap {
        display: block;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row .quote-wrap {
        display: block;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row .quote-wrap {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 1024px) {
      .quote-row .quote-wrap {
        display: block;
        width: 79.33333%;
        margin-left: 10.33333%;
        margin-right: 2%; } }
  @media (max-width: 1024px) and (min-width: 1200px) {
    .quote-row .quote-wrap {
      display: block;
      width: 79.33333%;
      margin-left: 10.33333%;
      margin-right: 2%; } }
  @media (max-width: 1024px) and (max-width: 1024px) {
    .quote-row .quote-wrap {
      display: block;
      width: 79.33333%;
      margin-left: 10.33333%;
      margin-right: 2%; } }
  @media (max-width: 1024px) and (max-width: 736px) {
    .quote-row .quote-wrap {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .quote-row blockquote {
    font-size: 2em;
    line-height: 120%;
    padding: 0; }
    @media (max-width: 736px) {
      .quote-row blockquote {
        font-size: 1.5em; } }
  .quote-row .source {
    display: block;
    position: relative; }
  .quote-row .quote-wrap {
    padding-top: 1em;
    padding-bottom: 1em; }
  .quote-row.-align-left .quote-wrap {
    display: block;
    width: 62.66667%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .quote-row.-align-left .quote-wrap {
        display: block;
        width: 62.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row.-align-left .quote-wrap {
        display: block;
        width: 62.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row.-align-left .quote-wrap {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .quote-row.-align-right .quote-wrap {
    display: block;
    width: 54.33333%;
    margin-left: 43.66667%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .quote-row.-align-right .quote-wrap {
        display: block;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row.-align-right .quote-wrap {
        display: block;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row.-align-right .quote-wrap {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }

.row {
  float: left;
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 100; }
  .row .row-inner {
    padding: 4em 0em; }
    @media (max-width: 736px) {
      .row .row-inner {
        padding: 2em 0em; } }
  .row .row-defaults,
  .row .row-content {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.33, 0, 0.19, 1);
    transition-delay: 500ms;
    z-index: 5;
    position: relative; }
  .row.in-view .row-defaults,
  .row.in-view .row-content {
    opacity: 1; }
  .row .row-defaults {
    display: block;
    width: 62.66667%;
    margin-left: 18.66667%;
    margin-right: 2%;
    text-align: center; }
    @media (min-width: 1200px) {
      .row .row-defaults {
        display: block;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .row .row-defaults {
        display: block;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .row .row-defaults {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .row .row-defaults.-tile {
      border-radius: 0px;
      padding: 3em;
      box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15); }
      .row .row-defaults.-tile .button-outlined {
        color: currentColor; }
  .row .row-content {
    margin-top: 2.5em; }
  .row .row-title {
    position: relative;
    display: inline-block; }
  .row .row-subheading {
    font-size: 1rem;
    display: block;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    letter-spacing: 0.02em; }
  .row.brandbg .row-title {
    color: var(--brand-text-color); }
  .row.imagebg .row-title {
    color: white; }
  .row.brandbg .-tile .row-title,
  .row.imagebg .-tile .row-title {
    color: var(--brand-color); }
    @supports (-webkit-background-clip: text) {
      .row.brandbg .-tile .row-title,
      .row.imagebg .-tile .row-title {
        background: linear-gradient(90deg, currentColor 0%, rgba(255, 255, 255, 0) 200%);
        background-clip: text;
        text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; } }
  .row .-tile.lightbg .button-outlined:after {
    background-color: var(--light-color); }
  .row .squiggle {
    margin: 0 auto;
    margin-bottom: -0.25em; }
  .row .row-subtitle {
    margin-top: 1em; }
  .row .row-text {
    padding-left: 2em;
    padding-right: 2em; }
  .row .row-buttons {
    margin-top: 1.25em; }
    .row .row-buttons a {
      margin-left: 0.25em;
      margin-right: 0.25em;
      margin-bottom: 0.5em; }
  .row .row-content {
    float: left;
    width: 100%; }
  .row.-align-left .row-defaults {
    text-align: left;
    display: block;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .row.-align-left .row-defaults {
        display: block;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .row.-align-left .row-defaults {
        display: block;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .row.-align-left .row-defaults {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .row.-align-left .row-defaults .row-text {
      padding-left: 0;
      padding-right: 0; }
  .row.-align-left .squiggle {
    margin-left: 0;
    margin-right: 0; }
  .row.-align-right .row-defaults {
    display: block;
    width: 46%;
    margin-left: 52%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .row.-align-right .row-defaults {
        display: block;
        width: 46%;
        margin-left: 52%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .row.-align-right .row-defaults {
        display: block;
        width: 46%;
        margin-left: 52%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .row.-align-right .row-defaults {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .row.-align-right .row-defaults .row-text {
      padding-left: 0;
      padding-right: 0; }
  .row.-align-right .squiggle {
    margin-left: 0;
    margin-right: 0; }

.lightbg {
  background-color: var(--light-color);
  color: var(--light-text-color); }
  .lightbg .wave-path {
    fill: var(--light-color); }

.darkbg {
  background-color: var(--dark-color);
  color: var(--dark-text-color); }
  .darkbg .wave-path {
    fill: var(--dark-color); }

.brandbg {
  background-color: var(--brand-color);
  color: var(--brand-text-color); }
  .brandbg .wave-path {
    fill: var(--brand-color); }

.secondbg {
  background-color: var(--secondary-color);
  color: var(--secondary-text-color); }
  .secondbg .wave-path {
    fill: var(--secondary-color); }

.thirdbg {
  background-color: var(--tertiary-color);
  color: var(--tertiary-text-color); }
  .thirdbg .wave-path {
    fill: var(--tertiary-color); }

.lightbg + .lightbg .wave-path,
.darkbg + .darkbg .wave-path,
.brandbg + .brandbg .wave-path,
.secondbg + .secondbg .wave-path,
.thirdbg + .thirdbg .wave-path,
.top-bar + .row .wave-path {
  display: none; }

.imagebg {
  background-size: cover;
  background-position: center center; }
  .imagebg .wave {
    display: none; }
  .imagebg.inline {
    background-attachment: scroll; }
  .imagebg.scroll {
    background-attachment: fixed; }
  .imagebg.tint-imagebg {
    position: relative; }
    .imagebg.tint-imagebg .container {
      position: relative;
      z-index: 5; }
    .imagebg.tint-imagebg:after {
      content: " ";
      display: block;
      background-color: rgba(0, 0, 0, 0.25);
      position: absolute;
      left: 0em;
      right: 0em;
      top: 0em;
      bottom: 0em; }
  .imagebg .row-text {
    opacity: 1; }

.row.imagebg {
  color: white; }
  .row.imagebg .row-inner {
    padding-top: 4em; }
  .row.imagebg.tcchack-marquee {
    padding-top: 4em; }
    .row.imagebg.tcchack-marquee .row-inner {
      padding-top: 0em; }

.row.nowave .wave-path {
  display: none; }

.row.nowave .row-inner {
  padding-top: 8em; }

.row-single-element .row-content {
  display: block;
  width: 46%;
  margin-left: 27%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .row-single-element .row-content {
      display: block;
      width: 46%;
      margin-left: 27%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .row-single-element .row-content {
      display: block;
      width: 46%;
      margin-left: 27%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .row-single-element .row-content {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  @media (max-width: 1024px) {
    .row-single-element .row-content {
      display: block;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .row-single-element .row-content {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.row-single-element.-align-left .container, .row-single-element.-align-right .container {
  max-width: 1200px;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 736px) {
    .row-single-element.-align-left .container, .row-single-element.-align-right .container {
      display: block; } }

.row-single-element.-align-left .row-defaults, .row-single-element.-align-right .row-defaults {
  display: block;
  width: 29.33333%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .row-single-element.-align-left .row-defaults, .row-single-element.-align-right .row-defaults {
      display: block;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .row-single-element.-align-left .row-defaults, .row-single-element.-align-right .row-defaults {
      display: block;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .row-single-element.-align-left .row-defaults, .row-single-element.-align-right .row-defaults {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  @media (max-width: 1024px) {
    .row-single-element.-align-left .row-defaults, .row-single-element.-align-right .row-defaults {
      display: block;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .row-single-element.-align-left .row-defaults, .row-single-element.-align-right .row-defaults {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .row-single-element.-align-left .row-defaults .row-defaults-wrap, .row-single-element.-align-right .row-defaults .row-defaults-wrap {
    width: 100%;
    max-width: none; }

.row-single-element.-align-left .row-content, .row-single-element.-align-right .row-content {
  margin-top: 0;
  display: block;
  width: 62.66667%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .row-single-element.-align-left .row-content, .row-single-element.-align-right .row-content {
      display: block;
      width: 62.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .row-single-element.-align-left .row-content, .row-single-element.-align-right .row-content {
      display: block;
      width: 62.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .row-single-element.-align-left .row-content, .row-single-element.-align-right .row-content {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  @media (max-width: 1024px) {
    .row-single-element.-align-left .row-content, .row-single-element.-align-right .row-content {
      display: block;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .row-single-element.-align-left .row-content, .row-single-element.-align-right .row-content {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  @media (max-width: 736px) {
    .row-single-element.-align-left .row-content, .row-single-element.-align-right .row-content {
      margin-top: 2em; } }

.row-single-element.-align-right .row-defaults {
  -ms-flex-order: 2;
  order: 2; }

.touch .imagebg.scroll {
  background-attachment: scroll; }

.lightbg + .lightbg,
.darkbg + .darkbg,
.brandbg + .brandbg,
.secondbg + .secondbg .thirdbg + .thirdbg {
  margin-top: 0; }

.row.row-color-match:not(.imagebg) {
  margin-bottom: 0;
  padding-bottom: 0; }

.row.contentonly {
  padding: 0 !important; }
  .row.contentonly .post-content {
    margin: 0 !important;
    width: 100% !important; }

.wave {
  margin-top: -4em;
  pointer-events: none; }

@media (max-width: 1100px) {
  .wave {
    margin-top: -5em; } }

@media (max-width: 768px) {
  .wave {
    margin-top: -5em; } }

.row.no-pad {
  padding: 0 !important; }
  .row.no-pad .row-inner {
    padding: 0 !important; }

.row.no-pad-top {
  padding-top: 0 !important; }
  .row.no-pad-top .row-inner {
    padding-top: 0 !important; }

.row.no-pad-bottom {
  padding-bottom: 0 !important; }
  .row.no-pad-bottom .row-inner {
    padding-bottom: 0 !important; }

/*
// ---------------
// WIDTHS
// ---------------
*/
.tcc-main-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.row-width-100 {
  width: 100%; }

.row-width-50 {
  width: 50%; }

.row-width-33 {
  width: 33.3%; }

.row-width-fill {
  -ms-flex: 1;
  flex: 1; }

@media (max-width: 768px) {
  .row-width-50 {
    width: 100%; }
  .row-width-33 {
    width: 100%; } }

.social-feed-instagram {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 4em; }
  .social-feed-instagram img {
    display: block;
    width: 29.33333%;
    margin-left: 2%;
    margin-right: 2%;
    float: left;
    height: auto;
    margin-bottom: 4%;
    transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
    opacity: 0;
    position: relative;
    z-index: 5;
    border: 2px solid currentColor; }
    @media (min-width: 1200px) {
      .social-feed-instagram img {
        display: block;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .social-feed-instagram img {
        display: block;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .social-feed-instagram img {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 736px) {
      .social-feed-instagram img {
        width: 42.5%;
        margin-right: 0; } }
  .social-feed-instagram.-success .tccloader {
    display: none; }
  .social-feed-instagram.-success img {
    opacity: 1; }
    .social-feed-instagram.-success img:nth-child(1) {
      transition-delay: 0ms; }
    .social-feed-instagram.-success img:nth-child(2) {
      transition-delay: 100ms; }
    .social-feed-instagram.-success img:nth-child(3) {
      transition-delay: 200ms; }
    .social-feed-instagram.-success img:nth-child(4) {
      transition-delay: 300ms; }
    .social-feed-instagram.-success img:nth-child(5) {
      transition-delay: 400ms; }
    .social-feed-instagram.-success img:nth-child(6) {
      transition-delay: 500ms; }
    .social-feed-instagram.-success img:nth-child(7) {
      transition-delay: 600ms; }
    .social-feed-instagram.-success img:nth-child(8) {
      transition-delay: 700ms; }
    .social-feed-instagram.-success img:nth-child(9) {
      transition-delay: 800ms; }
    .social-feed-instagram.-success img:nth-child(10) {
      transition-delay: 900ms; }
    .social-feed-instagram.-success img:nth-child(11) {
      transition-delay: 1000ms; }
    .social-feed-instagram.-success img:nth-child(12) {
      transition-delay: 1100ms; }

.lightbg .social-feed-instagram img {
  color: var(--light-text-color); }

.darkbg .social-feed-instagram img {
  color: var(--dark-text-color); }

.brandbg .social-feed-instagram img {
  color: var(--brand-text-color); }

.secondbg .social-feed-instagram img {
  color: var(--secondary-text-color); }

.thirdbg .social-feed-instagram img {
  color: var(--tertiary-text-color); }

.subnav-row {
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.15); }
  .subnav-row .row-defaults {
    margin-top: 0;
    margin-bottom: 0; }
    @media (max-width: 736px) {
      .subnav-row .row-defaults {
        margin-right: 0; } }
  .subnav-row .nav-container {
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 2px solid currentColor;
    border-radius: 0px;
    position: relative;
    padding: 0em 1em;
    box-shadow: inset -8px 0 5px -4px rgba(0, 0, 0, 0.25); }
    .subnav-row .nav-container > div {
      float: left;
      width: 100%; }
    .subnav-row .nav-container.-small-menu {
      box-shadow: none; }
      .subnav-row .nav-container.-small-menu ul {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center; }
  .subnav-row ul {
    float: left;
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .subnav-row ul li {
      list-style: none;
      text-align: center;
      display: inline-block; }
      .subnav-row ul li a {
        font-weight: 900;
        margin-right: 1em;
        padding: 1em 1.75em;
        border-radius: 0px;
        transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
      .subnav-row ul li:last-child a {
        margin-right: 0; }
  .subnav-row.-align-left ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .subnav-row.-align-right .row-content {
    display: block;
    width: 54.33333%;
    margin-left: 43.66667%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .subnav-row.-align-right .row-content {
        display: block;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .subnav-row.-align-right .row-content {
        display: block;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .subnav-row.-align-right .row-content {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 736px) {
      .subnav-row.-align-right .row-content {
        float: left;
        width: 100%;
        margin: 0; } }
  .subnav-row.-align-right ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  @media (max-width: 736px) {
    .subnav-row {
      padding-left: 5%; }
      .subnav-row ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }

.lightbg.subnav-row a {
  color: var(--light-text-color); }

.darkbg.subnav-row a {
  color: var(--dark-text-color); }

.brandbg.subnav-row a {
  color: var(--brand-text-color); }

.secondbg.subnav-row a {
  color: var(--secondary-text-color); }

.thirdbg.subnav-row a {
  color: var(--tertiary-text-color); }

.imagebg.subnav-row a {
  color: white; }

.text-columns-row .row-content .text-column-text {
  text-align: left; }
  .text-columns-row .row-content .text-column-text img {
    width: 100%;
    height: auto; }
  .text-columns-row .row-content .text-column-text.column-twelve {
    display: block;
    width: 62.66667%;
    margin-left: 18.66667%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .text-columns-row .row-content .text-column-text.column-twelve {
        display: block;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .text-columns-row .row-content .text-column-text.column-twelve {
        display: block;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .text-columns-row .row-content .text-column-text.column-twelve {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }

.wide-text-column.text-columns-row .row-content .text-column-text.column-twelve {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }

.columns-two-one .text-column-text:first-child {
  width: 61%; }

.columns-two-one .text-column-text:last-child {
  width: 31%; }

@media (max-width: 736px) {
  .columns-two-one .text-column-text {
    width: 100% !important; } }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%; }
  .embed-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0; }

[class^="icon-"]:before,
[class*=" icon-"]:before,
.tweet:before,
.read-more:after {
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  width: 1em; }

.icon-book-bible::before {
  content: "\f647"; }

.icon-0::before {
  content: "\30"; }

.icon-1::before {
  content: "\31"; }

.icon-2::before {
  content: "\32"; }

.icon-3::before {
  content: "\33"; }

.icon-4::before {
  content: "\34"; }

.icon-5::before {
  content: "\35"; }

.icon-6::before {
  content: "\36"; }

.icon-7::before {
  content: "\37"; }

.icon-8::before {
  content: "\38"; }

.icon-9::before {
  content: "\39"; }

.icon-note:before {
  font-family: "entypo";
  content: '\e800'; }

/* '' */
.icon-cancel-circled:before {
  content: "\f057"; }

.icon-cancel-squared:before {
  content: "\f2d3"; }

/* '' */
.icon-note-beamed:before {
  font-family: "entypo";
  content: '\e803'; }

/* '' */
.icon-upload-cloud:before {
  content: "\f0ee"; }

/* '' */
.icon-music:before {
  content: "\f001"; }

/* '' */
.icon-plus:before {
  content: "\2b"; }

/* '' */
.icon-bookmark:before {
  content: "\f02e"; }

.icon-chat:before {
  content: "\f086"; }

.icon-bell:before {
  content: "\f0f3"; }

.icon-light-down:before {
  content: "\f185"; }

/* '' */
.icon-basket:before {
  content: "\f07a"; }

.icon-down:before {
  content: "\f063"; }

/* '' */
.icon-left-dir:before {
  content: "\f0d9"; }

/* '' */
.icon-left-circled:before {
  content: "\f359"; }

/* '' */
.icon-search:before {
  content: "\f002"; }

/* '' */
.icon-mail:before {
  content: "\f0e0"; }

/* '' */
.icon-heart:before {
  content: "\f004"; }

/* '' */
.icon-flashlight:before {
  font-family: 'entypo';
  content: '\e812'; }

/* '' */
.icon-heart-empty:before {
  content: "\f004";
  font-weight: 400; }

/* '' */
.icon-star:before {
  content: "\f005"; }

/* '' */
.icon-star-empty:before {
  content: "\f005";
  font-weight: 400; }

/* '' */
.icon-user:before {
  content: "\f007"; }

/* '' */
.icon-users:before {
  content: "\f500"; }

/* '' */
.icon-user-add:before {
  content: "\f234"; }

/* '' */
.icon-video:before {
  content: "\f03d"; }

/* '' */
.icon-camera:before {
  content: "\f030"; }

/* '' */
.icon-picture:before {
  content: "\f03e";
  font-weight: 400; }

/* '' */
.icon-layout:before {
  content: "\f58d"; }

/* '' */
.icon-check:before {
  content: "\f00c"; }

.icon-tag:before {
  content: "\f02b"; }

/* '' */
.icon-cancel:before {
  content: "\f00d"; }

/* '' */
.icon-eye:before {
  content: "\f06e"; }

/* '' */
.icon-lock-open:before {
  content: "\f3c1"; }

/* '' */
.icon-menu:before {
  content: "\f0c9"; }

/* '' */
.icon-lock:before {
  content: "\f023"; }

/* '' */
.icon-attach:before {
  content: "\f0c6"; }

/* '' */
.icon-link:before {
  content: "\f0c1"; }

/* '' */
.icon-home:before {
  content: "\f015"; }

/* '' */
.icon-back:before {
  content: "\f30a"; }

/* '' */
.icon-info-circled:before {
  content: "\f05a"; }

/* '' */
.icon-info:before {
  content: "\f129"; }

/* '' */
.icon-help-circled:before {
  content: "\f059"; }

/* '' */
.icon-help:before {
  content: "\3f"; }

/* '' */
.icon-minus-circled:before {
  content: "\f056"; }

/* '' */
.icon-minus:before {
  content: "\f068"; }

/* '' */
.icon-plus-squared:before {
  content: "\f0fe"; }

/* '' */
.icon-plus-circled:before {
  content: "\f055"; }

/* '' */
.icon-minus-squared:before {
  content: "\f146"; }

/* '' */
.icon-bookmarks:before {
  content: "\e0bb"; }

/* '' */
.icon-flag:before {
  content: "\f024"; }

/* '' */
.icon-thumbs-up:before {
  content: "\f164"; }

/* '' */
.icon-upload:before {
  content: "\f093"; }

/* '' */
.icon-thumbs-down:before {
  content: "\f165"; }

/* '' */
.icon-download:before {
  content: "\f019"; }

.icon-reply:before {
  content: "\f3e5"; }

/* '' */
.icon-reply-all:before {
  content: "\f122"; }

/* '' */
.icon-forward:before {
  content: "\f064"; }

.icon-quote:before {
  content: "\f10e"; }

/* '' */
.icon-code:before {
  content: "\f121"; }

.icon-export:before {
  content: "\f14d"; }

.icon-pencil:before {
  content: "\f303"; }

/* '' */
.icon-feather:before {
  content: "\f52d"; }

/* '' */
.icon-print:before {
  content: "\f02f"; }

/* '' */
.icon-retweet:before {
  content: "\f079"; }

/* '' */
.icon-keyboard:before {
  content: "\f11c"; }

/* '' */
.icon-comment:before {
  content: "\f27a"; }

/* '' */
.icon-book:before {
  content: "\f02d"; }

.icon-book-open:before {
  content: "\f518"; }

/* '' */
.icon-newspaper:before {
  content: "\f1ea";
  font-weight: 400; }

/* '' */
.icon-doc-text-inv:before {
  content: "\f15c"; }

/* '' */
.icon-doc-text:before {
  content: "\f15c";
  font-weight: 400; }

/* '' */
.icon-doc-landscape:before {
  content: "\f07b";
  font-weight: 400; }

/* '' */
.icon-doc:before {
  content: "\f15b";
  font-weight: 400; }

/* '' */
.icon-trash:before {
  content: "\f1f8"; }

/* '' */
.icon-cup:before {
  content: "\e4f4"; }

.icon-compass:before {
  content: "\f14e";
  font-weight: 400; }

/* '' */
.icon-direction:before {
  content: "\f124"; }

/* '' */
.icon-map:before {
  content: "\f279";
  font-weight: 400; }

/* '' */
.icon-location:before {
  content: "\f3c5"; }

/* '' */
.icon-address:before {
  content: "\f5a0"; }

/* '' */
.icon-vcard:before {
  content: "\f2bb"; }

/* '' */
.icon-alert:before {
  content: "\f06a"; }

.icon-attention:before {
  content: "\f071"; }

.icon-folder:before {
  content: "\e185"; }

.icon-archive:before {
  content: "\f187"; }

.icon-box:before {
  content: "\f49e"; }

/* '' */
.icon-rss:before {
  content: "\f09e"; }

/* '' */
.icon-phone:before {
  content: "\f879"; }

/* '' */
.icon-cog:before {
  content: "\f013"; }

.icon-tools:before {
  content: "\f7d9"; }

/* '' */
.icon-share:before {
  content: "\f1e0"; }

/* '' */
.icon-shareable:before {
  font-family: "entypo";
  content: '\e85c'; }

/* '' */
.icon-bag:before {
  content: "\f290"; }

/* '' */
.icon-calendar:before {
  content: "\f133";
  font-weight: 400; }

/* '' */
.icon-login:before {
  content: "\f090"; }

/* '' */
.icon-logout:before {
  content: "\f08b"; }

/* '' */
.icon-mic:before {
  content: "\f130"; }

/* '' */
.icon-mute:before {
  content: "\f539"; }

/* '' */
.icon-docs:before {
  content: "\f0c5";
  font-weight: 400; }

/* '' */
.icon-sound:before {
  content: "\f028"; }

/* '' */
.icon-volume:before {
  content: "\f028"; }

/* '' */
.icon-clock:before {
  content: "\f017";
  font-weight: 400; }

/* '' */
.icon-hourglass:before {
  content: "\f252"; }

/* '' */
.icon-down-open-mini:before {
  content: "\f107"; }

/* '' */
.icon-up-open:before,
.icon-up-opene:before {
  content: "\f106"; }

/* '' */
.icon-right-open:before {
  content: "\f105"; }

/* '' */
.icon-left-open:before {
  content: "\f104"; }

/* '' */
.icon-down-open:before {
  content: "\f107"; }

/* '' */
.icon-right-circled:before {
  content: "\f35a"; }

/* '' */
.icon-down-circled:before {
  content: "\f358"; }

/* '' */
.icon-up-circled:before {
  content: "\f35b"; }

/* '' */
.icon-arrow-combo:before {
  content: "\f0dc"; }

/* '' */
.icon-window:before {
  content: "\f2d0";
  font-weight: 400; }

/* '' */
.icon-publish:before {
  font-family: "entypo";
  content: '\e872'; }

/* '' */
.icon-popup:before {
  content: "\f24d";
  font-weight: 400; }

/* '' */
.icon-resize-small:before {
  content: "\f422"; }

/* '' */
.icon-resize-full:before {
  content: "\f424"; }

/* '' */
.icon-block:before {
  content: "\f05e"; }

/* '' */
.icon-adjust:before {
  content: "\f042"; }

/* '' */
.icon-light-up:before {
  content: "\f185";
  font-weight: 400; }

/* '' */
.icon-lamp:before {
  content: "\f0eb";
  font-weight: 400; }

/* '' */
.icon-left-open-mini:before {
  content: "\f104"; }

/* '' */
.icon-right-open-mini:before {
  content: "\f105"; }

/* '' */
.icon-up-open-mini:before {
  content: "\f106"; }

/* '' */
.icon-down-open-big:before {
  content: "\f078"; }

/* '' */
.icon-left-open-big:before {
  content: "\f053"; }

/* '' */
.icon-right-open-big:before {
  content: "\f054"; }

/* '' */
.icon-arrows-ccw:before {
  content: "\f2f1"; }

.icon-cw:before {
  content: "\f01e"; }

.icon-ccw:before {
  content: "\f0e2"; }

.icon-up-open-big:before {
  content: "\f077"; }

/* '' */
.icon-level-down:before {
  content: "\f149"; }

/* '' */
.icon-up-thin:before {
  content: "\f176"; }

/* '' */
.icon-left-thin:before {
  content: "\f177"; }

/* '' */
.icon-progress-1:before {
  font-family: 'entypo';
  content: '\e887'; }

/* '' */
.icon-progress-2:before {
  font-family: 'entypo';
  content: '\e888'; }

/* '' */
.icon-progress-3:before {
  font-family: 'entypo';
  content: '\e88a'; }

/* '' */
.icon-right-thin:before {
  content: "\f178"; }

/* '' */
.icon-target:before {
  content: "\f140"; }

/* '' */
.icon-palette:before {
  content: "\f53f"; }

/* '' */
.icon-list:before {
  content: "\f03a"; }

/* '' */
.icon-list-add:before {
  font-family: 'entypo';
  content: '\e88e'; }

/* '' */
.icon-signal:before {
  content: "\f012"; }

/* '' */
.icon-level-up:before {
  content: "\f148"; }

/* '' */
.icon-left:before {
  content: "\f060"; }

/* '' */
.icon-shuffle:before {
  content: "\f074"; }

/* '' */
.icon-trophy:before {
  content: "\f091"; }

/* '' */
.icon-loop:before {
  content: "\f079"; }

/* '' */
.icon-right:before {
  content: "\f061"; }

/* '' */
.icon-battery:before {
  content: "\f240"; }

.icon-back-in-time:before {
  content: "\f1da"; }

/* '' */
.icon-switch:before {
  content: "\f363"; }

/* '' */
.icon-up:before {
  content: "\f062"; }

/* '' */
.icon-down-dir:before {
  content: "\f0d7"; }

/* '' */
.icon-play:before {
  content: "\f04b"; }

/* '' */
.icon-monitor:before {
  content: "\f390"; }

/* '' */
.icon-mobile:before {
  content: "\f3cd"; }

/* '' */
.icon-stop:before {
  content: "\f04d"; }

/* '' */
.icon-right-dir:before {
  content: "\f0da"; }

/* '' */
.icon-pause:before {
  content: "\f04c"; }

/* '' */
.icon-network:before {
  content: "\f0ac"; }

/* '' */
.icon-cd:before {
  content: "\f51f"; }

.icon-record:before {
  content: "\f111"; }

/* '' */
.icon-up-dir:before {
  content: "\f0d8"; }

/* '' */
.icon-down-bold:before {
  content: "\f309"; }

/* '' */
.icon-to-end:before {
  content: "\f051"; }

/* '' */
.icon-inbox:before {
  content: "\f01c"; }

/* '' */
.icon-install:before {
  content: "\f56d"; }

/* '' */
.icon-to-start:before {
  content: "\f048"; }

/* '' */
.icon-left-bold:before {
  content: "\f30a"; }

/* '' */
.icon-right-bold:before {
  content: "\f30b"; }

/* '' */
.icon-fast-forward:before {
  content: "\f04e"; }

.icon-globe:before {
  content: "\f57d"; }

.icon-cloud:before {
  content: "\f0c2"; }

.icon-fast-backward:before {
  content: "\f04a"; }

.icon-down-thin:before {
  content: "\f175"; }

/* '' */
.icon-progress-0:before {
  font-family: 'entypo';
  content: '\e8b1'; }

/* '' */
.icon-up-bold:before {
  content: "\f30c"; }

/* '' */
.icon-cloud-thunder:before {
  content: "\f76c"; }

.icon-chart-area:before {
  content: "\f1fe"; }

.icon-chart-bar:before {
  content: "\e0e3"; }

.icon-flow-tree:before {
  font-family: 'entypo';
  content: '\e8b6'; }

/* '' */
.icon-flow-line:before {
  font-family: 'entypo';
  content: '\e8b7'; }

/* '' */
/* '' */
.icon-vkontakte:before {
  font-family: 'entypo';
  content: '\e8bc'; }

/* '' */
/* '' */
.icon-mixi:before {
  font-family: "entypo";
  content: '\e8be'; }

/* '' */
/* '' */
.icon-flow-cascade:before {
  font-family: 'entypo';
  content: '\e8c3'; }

/* '' */
.icon-flow-branch:before {
  font-family: 'entypo';
  content: '\e8c4'; }

/* '' */
.icon-chart-line:before {
  content: "\f201"; }

.icon-chart-pie:before {
  content: "\f200"; }

.icon-erase:before {
  content: "\f55a"; }

/* '' */
.icon-key:before {
  content: "\f084"; }

.icon-picasa:before {
  font-family: 'entypo';
  content: '\e8cb'; }

.icon-infinity:before {
  content: "\f534"; }

/* '' */
.icon-magnet:before {
  content: "\f076"; }

/* '' */
.icon-bucket:before {
  content: "\e4cf"; }

/* '' */
.icon-sina-weibo:before {
  font-family: "entypo";
  content: '\e8d2'; }

/* '' */
/* '' */
.icon-drive:before {
  content: "\f0a0"; }

/* '' */
.icon-brush:before {
  content: "\f1fc"; }

/* '' */
.icon-dot-3:before {
  font-family: 'entypo';
  content: '\e8d7'; }

/* '' */
.icon-database:before {
  content: "\f1c0"; }

/* '' */
/* '' */
.icon-megaphone:before {
  content: "\f0a1"; }

/* '' */
.icon-dot-2:before {
  font-family: 'entypo';
  content: '\e8e0'; }

/* '' */
.icon-dot:before {
  font-family: 'entypo';
  content: '\e8e1'; }

/* '' */
.icon-clipboard:before {
  content: "\f328"; }

.icon-thermometer:before {
  content: "\f2c9"; }

/* '' */
/* '' */
.icon-flattr:before {
  font-family: 'entypo';
  content: '\e8eb'; }

.icon-traffic-cone:before {
  font-family: 'entypo';
  content: '\e8f1'; }

/* '' */
.icon-gauge:before {
  content: "\f624"; }

/* '' */
.icon-rocket:before {
  content: "\f135"; }

/* '' */
.icon-flow-parallel:before {
  font-family: 'entypo';
  content: '\e8f4'; }

/* '' */
/* '' */
/* '' */
.icon-rdio-circled:before {
  font-family: 'entypo';
  content: '\e904'; }

/* '' */
.icon-rdio:before {
  font-family: 'entypo';
  content: '\e905'; }

/* '' */
.icon-smashing:before {
  font-family: "entypo";
  content: '\e906'; }

/* '' */
.icon-sweden:before {
  font-family: "entypo";
  content: '\e907'; }

/* '' */
.icon-db-shape:before {
  content: "\f0c8"; }

/* '' */
.icon-logo-db:before {
  font-family: "entypo";
  content: '\e909'; }

/* '' */
.icon-tape:before {
  font-family: "entypo";
  content: '\e90a'; }

/* '' */
.icon-flash:before {
  content: "\f0e7"; }

/* '' */
.icon-graduation-cap:before {
  content: "\f19d"; }

/* '' */
.icon-language:before {
  content: "\f1ab"; }

/* '' */
.icon-flight:before {
  content: "\f072"; }

/* '' */
.icon-moon:before {
  content: "\f186"; }

/* '' */
.icon-paper-plane:before {
  content: "\f1d8"; }

/* '' */
.icon-ticket:before {
  content: "\f145"; }

/* '' */
.icon-leaf:before {
  content: "\f06c"; }

/* '' */
.icon-lifebuoy:before {
  content: "\f1cd"; }

/* '' */
.icon-droplet:before {
  content: "\f043"; }

/* '' */
.icon-water:before {
  content: "\f773"; }

/* '' */
.icon-air:before {
  content: "\f773"; }

/* '' */
.icon-mouse:before {
  content: "\f8cc"; }

/* '' */
.icon-briefcase:before {
  content: "\f0b1"; }

/* '' */
.icon-credit-card:before {
  content: "\f09d";
  font-weight: 400; }

/* '' */
.icon-floppy:before {
  content: "\f0c7"; }

/* '' */
.icon-suitcase:before {
  content: "\f0f2"; }

.icon-cross:before {
  content: "\f654"; }

.icon-podcast:before {
  content: "\f2ce"; }

.icon-pdf:before {
  content: "\f1c1"; }

.icon-behance:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1b4"; }

.icon-cc:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f25e"; }

.icon-cc-by:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4e7"; }

.icon-cc-nc-jp:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4ea"; }

.icon-cc-nc-eu:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4e9"; }

.icon-cc-nc:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4e8"; }

.icon-cc-nd:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4eb"; }

.icon-cc-zero:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4f3"; }

.icon-cc-pde:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4ec"; }

.icon-cc-sa:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4ef"; }

.icon-cc-remix:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4ee"; }

.icon-cc-share:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4f2"; }

.icon-dribbble:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f17d"; }

.icon-dribbble-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f397"; }

.icon-dropbox:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f16b"; }

.icon-evernote:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f839"; }

.icon-facebook:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f39e"; }

.icon-facebook-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f09a"; }

.icon-facebook-squared:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f082"; }

.icon-flickr:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f16e"; }

.icon-flickr-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f16e"; }

.icon-github-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f09b"; }

.icon-github:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f113"; }

.icon-google-circles:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1a0"; }

.icon-gplus:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f0d5"; }

.icon-gplus-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f2b3"; }

.icon-instagram:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f16d"; }

.icon-lastfm:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f202"; }

.icon-lastfm-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f203"; }

.icon-linkedin:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f0e1"; }

.icon-linkedin-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f08c"; }

.icon-paypal:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1ed"; }

.icon-pinterest:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f231"; }

.icon-pinterest-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f0d2"; }

.icon-qq:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1d6"; }

.icon-renren:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f18b"; }

.icon-skype:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f17e"; }

.icon-skype-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f17e"; }

.icon-soundcloud:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1be"; }

.icon-spotify-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1bc"; }

/* '' */
.icon-spotify:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1bc"; }

.icon-stumbleupon:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1a4"; }

.icon-stumbleupon-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1a3"; }

.icon-tumblr:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f173"; }

.icon-tumblr-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f174"; }

.icon-twitter:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f099"; }

.icon-twitter-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f081"; }

.icon-vimeo:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f27d"; }

.icon-vimeo-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f194"; }

.icon-accessible-icon::before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f368"; }

.icon-youtube::before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f167"; }

.icon-tiktok::before {
  font-family: 'Font Awesome 6 Brands';
  content: "\e07b"; }

.icon-snapchat:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f2ab"; }

.icon-twitch:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1e8"; }

.tccmodal {
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999999;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1); }
  .tccmodal .tccmodal-content-wrap {
    overflow: scroll;
    margin-top: 4em; }
  .tccmodal .tccmodal-close {
    position: absolute;
    top: 2em;
    right: 2em; }
    .tccmodal .tccmodal-close .x {
      width: 30px;
      height: 30px;
      display: block;
      position: relative; }
      .tccmodal .tccmodal-close .x:before, .tccmodal .tccmodal-close .x:after {
        content: " ";
        width: 100%;
        height: 2px;
        background-color: white;
        position: absolute;
        top: 50%;
        transition: all 200ms cubic-bezier(0.33, 0, 0.19, 1);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
  .tccmodal .tccmodal-content {
    width: 70%;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 736px) {
      .tccmodal .tccmodal-content {
        width: 90%; } }
  .tccmodal.-centered .tccmodal-content-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    margin-top: 0; }
  .tccmodal.-open {
    opacity: 1;
    pointer-events: all; }
    .tccmodal.-open .tccmodal-close .x:before {
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .tccmodal.-open .tccmodal-close .x:after {
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.rssblock-row.youtube-feed .card .image {
  overflow: hidden; }
  .rssblock-row.youtube-feed .card .image img {
    margin-top: -10%;
    margin-bottom: -10%; }

.card.youtube .image {
  overflow: hidden; }
  .card.youtube .image img {
    margin-top: -10%;
    margin-bottom: -10%; }

.scrolltoptrigger {
  position: fixed;
  left: 1em;
  bottom: 1em;
  background-color: var(--brand-color);
  font-size: 2em;
  padding: 0.2em 0.05em;
  z-index: 100;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  width: 50px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .scrolltoptrigger span {
    color: var(--brand-text-color) !important; }

.inappview .scrolltoptrigger {
  display: block; }

.worshipcenter-slant {
  position: relative;
  z-index: 105; }
  .worshipcenter-slant:before {
    content: "";
    position: absolute;
    top: -100px;
    left: 0;
    height: calc(100% + 200px);
    width: 100%;
    background: inherit;
    background-color: inherit;
    -webkit-clip-path: polygon(0% 0px, 100% 100px, 100% calc(100% - 100px), 0% 100%);
    clip-path: polygon(0% 0px, 100% 100px, 100% calc(100% - 100px), 0% 100%); }
    @media (max-width: 736px) {
      .worshipcenter-slant:before {
        top: -50px;
        height: calc(100% + 100px);
        -webkit-clip-path: polygon(0% 0px, 100% 50px, 100% calc(100% - 50px), 0% 100%);
        clip-path: polygon(0% 0px, 100% 50px, 100% calc(100% - 50px), 0% 100%); } }

.worshipcenter-slant-flip {
  position: relative;
  z-index: 105; }
  .worshipcenter-slant-flip:before {
    content: "";
    position: absolute;
    top: -100px;
    left: 0;
    height: calc(100% + 200px);
    width: 100%;
    background: inherit;
    background-color: inherit;
    -webkit-clip-path: polygon(0% 100px, 100% 0%, 100% 100%, 0% calc(100% - 100px));
    clip-path: polygon(0% 100px, 100% 0%, 100% 100%, 0% calc(100% - 100px)); }
    @media (max-width: 736px) {
      .worshipcenter-slant-flip:before {
        top: -50px;
        height: calc(100% + 100px);
        -webkit-clip-path: polygon(0% 50px, 100% 0%, 100% 100%, 0% calc(100% - 50px));
        clip-path: polygon(0% 50px, 100% 0%, 100% 100%, 0% calc(100% - 50px)); } }

.worshipcenter-slant + .row,
.worshipcenter-slant-flip + .row {
  padding-top: 100px; }
  @media (max-width: 736px) {
    .worshipcenter-slant + .row,
    .worshipcenter-slant-flip + .row {
      padding-top: 50px; } }

.row.-align-left.worshipcenter-buttons .row-defaults {
  width: 96%; }

.row.-align-left.worshipcenter-buttons .row-defaults-wrap {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  width: 100%;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  grid-template-areas: "title ..." "text buttons"; }
  @media (max-width: 736px) {
    .row.-align-left.worshipcenter-buttons .row-defaults-wrap {
      display: block; } }

.row.-align-left.worshipcenter-buttons .row-title {
  grid-area: title; }

.row.-align-left.worshipcenter-buttons .row-text {
  grid-area: text; }

.row.-align-left.worshipcenter-buttons .row-buttons {
  grid-area: buttons;
  margin: 0 auto; }
  .row.-align-left.worshipcenter-buttons .row-buttons a {
    display: block;
    width: 250px;
    -ms-flex: 1;
    flex: 1; }

/*# sourceMappingURL=site.min.css.map */