/*
 Theme Name:   Financial Health Network Theme
 Description:  FHN Theme built by Heyo, Consulting, Inc
 Author:       Chuck W Nelson
 Author URI:   http://chuckwnelson.com
 Version:      1.0.0
 Text Domain:  mando
*/
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css';
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(~antd/dist/antd.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: baseline;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
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; }

html, body {
  font-size: 16px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
  color: #424448;
  background-color: #ffffff;
  scroll-behavior: smooth; }

:target {
  scroll-margin-top: 152px; }

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .component h1, .component h2, .component h3, .component h4, .component h5, .component h6 {
  font-family: "Open Sans", sans-serif;
  margin-top: 30px;
  margin-bottom: 30px;
  color: inherit; }
  .page-content h1 a, .page-content h2 a, .page-content h3 a, .page-content h4 a, .page-content h5 a, .page-content h6 a, .component h1 a, .component h2 a, .component h3 a, .component h4 a, .component h5 a, .component h6 a {
    text-decoration: none; }

.page-content h3, .page-content h4, .page-content h5, .page-content h6, .component h3, .component h4, .component h5, .component h6 {
  font-family: "Open Sans", sans-serif; }

.page-content h1, .page-content .large-headline, .page-content h1.page-title, .component h1, .component .large-headline, .component h1.page-title {
  font-size: 2.6rem;
  line-height: 3.4rem;
  font-weight: 300; }
  @media only screen and (min-width: 481px) {
    .page-content h1, .page-content .large-headline, .page-content h1.page-title, .component h1, .component .large-headline, .component h1.page-title {
      font-size: 2.6rem;
      line-height: 3.4rem; } }

.page-content h2, .page-content .medium-headline, .component h2, .component .medium-headline {
  font-size: 2.0rem;
  line-height: 2.6rem;
  font-weight: 400; }
  @media only screen and (min-width: 481px) {
    .page-content h2, .page-content .medium-headline, .component h2, .component .medium-headline {
      font-size: 2.0rem;
      line-height: 2.6rem; } }

.page-content h3, .page-content .small-headline, .component h3, .component .small-headline {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 400; }
  @media only screen and (min-width: 481px) {
    .page-content h3, .page-content .small-headline, .component h3, .component .small-headline {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.page-content h4, .page-content .small-headline, .component h4, .component .small-headline {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400; }
  @media only screen and (min-width: 481px) {
    .page-content h4, .page-content .small-headline, .component h4, .component .small-headline {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

.page-content h5, .page-content .small-headline, .component h5, .component .small-headline {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400; }
  @media only screen and (min-width: 481px) {
    .page-content h5, .page-content .small-headline, .component h5, .component .small-headline {
      font-size: 1.4rem;
      line-height: 2rem; } }

.page-content h6, .page-content .small-headline, .component h6, .component .small-headline {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400; }
  @media only screen and (min-width: 481px) {
    .page-content h6, .page-content .small-headline, .component h6, .component .small-headline {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

.page-content .eyebrow, .component .eyebrow {
  font-size: 1.1rem;
  line-height: 28pt;
  font-family: "Open Sans", sans-serif;
  margin: 30px 0 0 0; }
  .page-content .eyebrow + h1, .page-content .eyebrow + h2, .page-content .eyebrow + h3, .page-content .eyebrow + h4, .page-content .eyebrow + h5, .page-content .eyebrow + h6, .component .eyebrow + h1, .component .eyebrow + h2, .component .eyebrow + h3, .component .eyebrow + h4, .component .eyebrow + h5, .component .eyebrow + h6 {
    margin-top: 0; }

.page-content .quote-text, .component .quote-text {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  font-weight: 300; }
  @media only screen and (min-width: 481px) {
    .page-content .quote-text, .component .quote-text {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

.page-content p, .component p {
  margin-top: 30px;
  margin-bottom: 30px;
  color: inherit; }
  .page-content p a, .component p a {
    text-decoration: underline; }

.page-content strong, .page-content b, .page-content .bold, .component strong, .component b, .component .bold {
  font-weight: bold; }

.page-content em, .page-content i, .page-content .italic, .component em, .component i, .component .italic {
  font-style: italic; }
  .page-content em.fa, .page-content em.fas, .page-content em.fab, .page-content em.fad, .page-content em.far, .page-content i.fa, .page-content i.fas, .page-content i.fab, .page-content i.fad, .page-content i.far, .page-content .italic.fa, .page-content .italic.fas, .page-content .italic.fab, .page-content .italic.fad, .page-content .italic.far, .component em.fa, .component em.fas, .component em.fab, .component em.fad, .component em.far, .component i.fa, .component i.fas, .component i.fab, .component i.fad, .component i.far, .component .italic.fa, .component .italic.fas, .component .italic.fab, .component .italic.fad, .component .italic.far {
    font-style: normal; }

.page-content sup, .page-content .superscript, .component sup, .component .superscript {
  vertical-align: super;
  font-size: 0.75rem; }

.page-content .text-center, .page-content .center-text, .component .text-center, .component .center-text {
  text-align: center; }

.page-content .text-right, .component .text-right {
  text-align: right; }

.page-content .wp-caption, .component .wp-caption {
  margin: 30px 0;
  max-width: 800px;
  width: 100% !important; }
  .page-content .wp-caption .wp-caption-text, .component .wp-caption .wp-caption-text {
    margin-top: 0;
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 400; }

.page-content .aligncenter, .component .aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.page-content .alignright, .component .alignright {
  margin-left: auto; }

.page-content img, .component img {
  width: auto;
  height: auto;
  display: inline;
  max-width: 100%; }
  .page-content img.dont-resize, .component img.dont-resize {
    width: auto;
    height: auto;
    display: inline-block; }
  .page-content img.alignleft, .page-content img.post-img-left, .component img.alignleft, .component img.post-img-left {
    float: left;
    margin-right: 15px; }
  .page-content img.alignright, .page-content img.post-img-right, .component img.alignright, .component img.post-img-right {
    float: right;
    margin-left: 15px; }
  .page-content img.aligncenter, .page-content img.post-img-center, .component img.aligncenter, .component img.post-img-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block; }

.page-content hr, .component hr {
  border: 0;
  border-top: 1px solid #C8C9C7;
  margin: 30px auto; }
  .page-content hr.short-hr, .component hr.short-hr {
    max-width: 50px;
    border-top: 3px solid #248AD0;
    border-bottom: 3px solid #248AD0;
    border-radius: 3px;
    margin: 30px auto; }

.page-content ul, .component ul {
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto; }
  .page-content ul li, .component ul li {
    list-style: disc;
    margin: 5px 0; }
    .page-content ul li a, .component ul li a {
      text-decoration: underline; }

.page-content ol, .component ol {
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto; }
  .page-content ol li, .component ol li {
    list-style: decimal;
    margin: 10px 0; }
    .page-content ol li a, .component ol li a {
      text-decoration: underline; }

.page-content table, .component table {
  border: 1px solid #f7f7f7;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }

.page-content table thead tr, .page-content table th, .component table thead tr, .component table th {
  background-color: #f7f7f7;
  font-weight: bold; }

.page-content table caption, .component table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em; }

.page-content table tr, .component table tr {
  background-color: #fff;
  border: 2px solid #f7f7f7;
  padding: .35em; }

.page-content table[cellspacing="0"] tr, .component table[cellspacing="0"] tr {
  border: 0; }

.page-content table th,
.page-content table td, .component table th,
.component table td {
  padding: .625em;
  text-align: center; }

@media screen and (max-width: 600px) {
  .page-content table, .component table {
    border: 0; }
  .page-content table caption, .component table caption {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 400; } }
  @media only screen and (max-width: 600px) and (min-width: 481px) {
    .page-content table caption, .component table caption {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

@media screen and (max-width: 600px) {
  .page-content .table-overflow-auto, .component .table-overflow-auto {
    overflow-y: auto;
    height: 200px; }
  .page-content .table-overflow-auto thead, .component .table-overflow-auto thead {
    position: sticky;
    top: -1px; }
  .page-content table, .component table {
    border-collapse: collapse;
    width: 100%; }
  .page-content th, .component th {
    background: #eee; } }

a {
  text-decoration: none;
  color: #0077C8;
  transition: 0.2s all ease-in-out; }
  a:hover {
    color: #499ED8; }

.page-content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px; }
  .page-content p, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .page-content ul, .page-content ol {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px; }
  .page-content .page-title {
    max-width: none;
    margin-left: 15px; }

.video-wrapper-narrow {
  max-width: 800px;
  margin: 0 auto; }

.video, .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  margin: 0 auto 15px auto; }
  .video iframe, .video video, .video embed, .video-wrapper iframe, .video-wrapper video, .video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    outline: 0; }

.hopin-container {
  overflow: hidden;
  padding-top: 75.25%;
  position: relative;
  min-height: 700px; }

.hopin-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.faq-component .table-of-contents {
  margin: 30px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #f7f7f7; }
  .faq-component .table-of-contents a {
    color: inherit; }

.faq-component dl dt {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: bold;
  margin: 60px 0 15px 0; }

.faq-component dl dd {
  margin: 15px 0 60px 0; }
  .faq-component dl dd *:first-child {
    margin-top: 0; }

.component.members-only-break-component .user-card {
  border: 1px solid #424448;
  margin: 30px auto;
  padding: 15px;
  max-width: 800px; }
  .component.members-only-break-component .user-card .avatar {
    margin-right: 30px; }
    .component.members-only-break-component .user-card .avatar img {
      width: 100%;
      border-radius: 50%;
      max-width: 100px; }
  .component.members-only-break-component .user-card .user-info {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .component.members-only-break-component .user-card .user-info .eyebrow {
      margin-top: 0; }
    .component.members-only-break-component .user-card .user-info h2 {
      font-size: 1.6rem;
      line-height: 2.2rem;
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 5px; }
      @media only screen and (min-width: 481px) {
        .component.members-only-break-component .user-card .user-info h2 {
          font-size: 1.6rem;
          line-height: 2.2rem; } }
    .component.members-only-break-component .user-card .user-info p {
      margin: 0; }

.registration-form-component .header {
  max-width: 800px;
  margin: 0 auto; }

.registration-form-component .user-card {
  border: 1px solid #D9D9D6;
  margin: 30px auto;
  padding: 15px;
  max-width: 800px; }
  .registration-form-component .user-card .avatar {
    margin-right: 30px; }
    .registration-form-component .user-card .avatar img {
      width: 100%;
      border-radius: 50%;
      max-width: 100px; }
  .registration-form-component .user-card .user-info {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .registration-form-component .user-card .user-info .eyebrow {
      margin-top: 0; }
    .registration-form-component .user-card .user-info h2 {
      font-size: 1.6rem;
      line-height: 2.2rem;
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 5px; }
      @media only screen and (min-width: 481px) {
        .registration-form-component .user-card .user-info h2 {
          font-size: 1.6rem;
          line-height: 2.2rem; } }
    .registration-form-component .user-card .user-info p {
      margin: 0; }

.component, .component-like {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .component.is-preview, .component.is-admin-preview, .component-like.is-preview, .component-like.is-admin-preview {
    opacity: 1; }
  .component.scrollTrigger, .component-like.scrollTrigger {
    opacity: 1; }
  .component.scrollFocus, .component-like.scrollFocus {
    opacity: 1; }
  .component .component-notes, .component-like .component-notes {
    position: absolute;
    right: 0;
    width: 300px;
    border: 3px solid #000;
    padding: 15px;
    background-color: #FFFF8D;
    color: #000; }
    .component .component-notes p, .component-like .component-notes p {
      margin: 0; }
    .component .component-notes small, .component-like .component-notes small {
      font-size: 0.8rem; }
  .component .content-wrapper, .component-like .content-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (min-width: 481px) {
      .component .content-wrapper, .component-like .content-wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px; } }
  .component .component-headline, .component-like .component-headline {
    border-bottom: 1px solid #D9D9D6;
    margin-bottom: 15px;
    padding-bottom: 15px; }
  .component.justify-left, .component-like.justify-left {
    text-align: left; }
  .component.justify-center, .component-like.justify-center {
    text-align: center; }
    .component.justify-center p, .component.justify-center h1, .component.justify-center h2, .component.justify-center h3, .component.justify-center h4, .component.justify-center h5, .component.justify-center h6, .component.justify-center ul, .component.justify-center ol, .component-like.justify-center p, .component-like.justify-center h1, .component-like.justify-center h2, .component-like.justify-center h3, .component-like.justify-center h4, .component-like.justify-center h5, .component-like.justify-center h6, .component-like.justify-center ul, .component-like.justify-center ol {
      margin-left: auto;
      margin-right: auto; }
  .component.justify-right, .component-like.justify-right {
    text-align: right; }
  .component.content-width-narrow .content-wrapper, .component-like.content-width-narrow .content-wrapper {
    max-width: 800px; }
  .component.content-width-normal .content-wrapper, .component-like.content-width-normal .content-wrapper {
    max-width: 1200px; }
  .component.content-width-wide .content-wrapper, .component-like.content-width-wide .content-wrapper {
    max-width: 1400px; }
  .component.content-width-full .content-wrapper, .component-like.content-width-full .content-wrapper {
    max-width: none; }
  .component.padding-options-remove-both .content-wrapper, .component-like.padding-options-remove-both .content-wrapper {
    padding-top: 0;
    padding-bottom: 0; }
    @media only screen and (min-width: 481px) {
      .component.padding-options-remove-both .content-wrapper, .component-like.padding-options-remove-both .content-wrapper {
        padding-top: 0;
        padding-bottom: 0; } }
  .component.padding-options-remove-top .content-wrapper, .component-like.padding-options-remove-top .content-wrapper {
    padding-top: 0; }
    @media only screen and (min-width: 481px) {
      .component.padding-options-remove-top .content-wrapper, .component-like.padding-options-remove-top .content-wrapper {
        padding-top: 0; } }
  .component.padding-options-remove-bottom .content-wrapper, .component-like.padding-options-remove-bottom .content-wrapper {
    padding-bottom: 0; }
    @media only screen and (min-width: 481px) {
      .component.padding-options-remove-bottom .content-wrapper, .component-like.padding-options-remove-bottom .content-wrapper {
        padding-bottom: 0; } }
  .component.missing-component, .component-like.missing-component {
    background-color: #fc4c55;
    color: #ffffff;
    text-align: center;
    padding: 60px 0; }

.debug-mode .component, .debug-mode .component-like {
  position: relative;
  border: 2px solid transparent; }
  .debug-mode .component:hover, .debug-mode .component-like:hover {
    border: 2px solid red; }
  .debug-mode .component:before, .debug-mode .component-like:before {
    position: absolute;
    content: attr(data-component);
    border: 1px solid #ffffff;
    background-color: #fc4c55;
    color: #ffffff;
    font-weight: bold;
    left: 0;
    top: 0;
    font-size: 1.5rem;
    padding: 7.5px 15px;
    z-index: 1000; }

.component.theme-white, .component.theme-default {
  background-color: #ffffff; }
  .component.theme-white .eyebrow, .component.theme-default .eyebrow {
    color: #75787B; }
  .component.theme-white h1, .component.theme-white h2, .component.theme-white h3, .component.theme-default h1, .component.theme-default h2, .component.theme-default h3 {
    color: #002843; }

.component.theme-black {
  background-color: #000000;
  color: #ffffff; }

.component.theme-gray, .component.theme-light-gray, .component.theme-grey, .component.theme-light-grey {
  background-color: #f7f7f7; }
  .component.theme-gray .eyebrow, .component.theme-light-gray .eyebrow, .component.theme-grey .eyebrow, .component.theme-light-grey .eyebrow {
    color: #75787B; }
  .component.theme-gray h1, .component.theme-gray h2, .component.theme-gray h3, .component.theme-light-gray h1, .component.theme-light-gray h2, .component.theme-light-gray h3, .component.theme-grey h1, .component.theme-grey h2, .component.theme-grey h3, .component.theme-light-grey h1, .component.theme-light-grey h2, .component.theme-light-grey h3 {
    color: #002843; }

.component.theme-light-gray-with-purple {
  background-color: #f7f7f7; }
  .component.theme-light-gray-with-purple .eyebrow {
    color: #75787B; }
  .component.theme-light-gray-with-purple h1, .component.theme-light-gray-with-purple h2, .component.theme-light-gray-with-purple h3 {
    color: #542368; }

.component.theme-dark-gray {
  background-color: #424448;
  color: #ffffff; }

.component.theme-black {
  background-color: #000000;
  color: #ffffff; }

.component.theme-blue {
  background-color: #0063A7;
  color: #ffffff; }
  .component.theme-blue .eyebrow {
    color: #92C5E7; }
  .component.theme-blue h1, .component.theme-blue h2, .component.theme-blue h3 {
    color: #ffffff; }

.component.theme-dark-blue {
  background-color: #002843;
  color: #ffffff; }
  .component.theme-dark-blue .eyebrow {
    color: #6DB1E0; }
  .component.theme-dark-blue p a {
    color: #6DB1E0; }
    .component.theme-dark-blue p a:hover {
      color: #92C5E7; }

.component.theme-purple {
  background-color: #542368;
  color: #ffffff; }
  .component.theme-purple .eyebrow {
    color: #DFC2EA; }
  .component.theme-purple .btn-primary {
    background-color: #923db4;
    border-color: transparent; }
    .component.theme-purple .btn-primary:hover {
      background-color: #a95cc8;
      border-color: transparent; }
  .component.theme-purple .btn-secondary {
    background-color: #73308e;
    border-color: transparent; }
    .component.theme-purple .btn-secondary:hover {
      background-color: #923db4;
      border-color: transparent; }

.component.theme-white-with-purple {
  background-color: #ffffff; }
  .component.theme-white-with-purple .eyebrow {
    color: #75787B; }
  .component.theme-white-with-purple h1, .component.theme-white-with-purple h2, .component.theme-white-with-purple h3, .component.theme-white-with-purple .title {
    color: #542368; }
  .component.theme-white-with-purple .btn.btn-primary {
    background-color: #702F8A; }
    .component.theme-white-with-purple .btn.btn-primary:hover {
      background-color: #AF67CB;
      border: 1px solid transparent !important; }

.btn {
  padding: 10px 30px;
  background-color: transparent;
  color: #248AD0;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  outline: 0;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3rem;
  text-decoration: none;
  cursor: pointer;
  text-shadow: none;
  text-decoration: none !important;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 3px;
  border: 1px solid #248AD0;
  transition: 0.2s all ease-in-out; }
  .btn:hover {
    color: #6DB1E0;
    border: 1px solid #248AD0; }
  .btn.btn-large {
    padding: 15px 60px; }
  .btn.btn-small {
    padding: 3.75px 7.5px;
    font-size: 0.8rem;
    line-height: 1.1rem; }
  .btn.btn-primary, .btn.primary {
    padding: 10px 30px;
    background-color: transparent;
    color: #248AD0;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    outline: 0;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.3rem;
    text-decoration: none;
    cursor: pointer;
    text-shadow: none;
    text-decoration: none !important;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 3px;
    border: 1px solid #248AD0;
    transition: 0.2s all ease-in-out;
    background-color: #0077C8;
    color: #ffffff;
    border: 1px solid transparent; }
    .btn.btn-primary:hover, .btn.primary:hover {
      color: #6DB1E0;
      border: 1px solid #248AD0; }
    .btn.btn-primary:hover, .btn.primary:hover {
      color: #ffffff;
      background-color: #248AD0; }
  .btn.btn-secondary, .btn.secondary {
    padding: 10px 30px;
    background-color: transparent;
    color: #248AD0;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    outline: 0;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.3rem;
    text-decoration: none;
    cursor: pointer;
    text-shadow: none;
    text-decoration: none !important;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 3px;
    border: 1px solid #248AD0;
    transition: 0.2s all ease-in-out;
    background-color: #702F8A;
    color: #ffffff;
    border: 1px solid transparent; }
    .btn.btn-secondary:hover, .btn.secondary:hover {
      color: #6DB1E0;
      border: 1px solid #248AD0; }
    .btn.btn-secondary:hover, .btn.secondary:hover {
      color: #ffffff;
      background-color: #AF67CB; }
  .btn.btn-disabled, .btn.disabled {
    background-color: #D0D0CE;
    color: #75787B;
    opacity: 0.8;
    cursor: default;
    pointer-events: none;
    border: 1px solid #B1B3B3; }
    .btn.btn-disabled:hover, .btn.disabled:hover {
      background-color: #D0D0CE;
      color: #75787B; }
  @media only screen and (min-width: 481px) {
    .btn + .btn {
      margin-left: 15px; } }

.pagination {
  text-align: right;
  margin: 0 15px 15px 15px;
  border-top: 1px solid #002843;
  padding-top: 15px; }
  .pagination > div {
    float: right;
    margin-left: 30px; }

ul.tag-cloud {
  margin: 30px 0;
  padding: 0; }
  ul.tag-cloud li {
    display: inline-block;
    list-style: none;
    margin: 7.5px 3.75px; }

.card {
  box-shadow: 7.5px 7.5px 0 0 rgba(146, 197, 231, 0.25);
  border: 1px solid #D9D9D6;
  margin-top: 30px;
  margin-bottom: 60px;
  padding-left: 30px;
  padding-right: 30px; }
  @media only screen and (min-width: 481px) {
    .card {
      box-shadow: 30px 30px 0 0 rgba(146, 197, 231, 0.25); } }

.status-modal {
  position: fixed;
  top: 30px;
  width: 80%;
  max-width: 800px;
  border-radius: 3px;
  padding: 7.5px;
  z-index: 100000;
  left: 50%;
  margin-left: -25%;
  text-align: center; }

form label, form .label-like, form .actions {
  margin: 30px auto;
  width: 100%;
  max-width: 800px;
  display: block;
  flex-wrap: wrap; }
  form label > label, form .label-like > label, form .actions > label {
    margin: 0 auto; }
  form label > span.label, form .label-like > span.label, form .actions > span.label {
    display: inline-block;
    margin-right: 15px;
    line-height: 40px;
    white-space: nowrap; }
    form label > span.label .req-mark, form .label-like > span.label .req-mark, form .actions > span.label .req-mark {
      color: red; }
  form label > span.help, form label > div.help, form .label-like > span.help, form .label-like > div.help, form .actions > span.help, form .actions > div.help {
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 400;
    display: block;
    margin: 7.5px 0 0 0; }
    form label > span.help:before, form label > div.help:before, form .label-like > span.help:before, form .label-like > div.help:before, form .actions > span.help:before, form .actions > div.help:before {
      content: '';
      height: 0;
      display: block;
      flex-basis: 100%; }
  form label.invalid, form label.error, form .label-like.invalid, form .label-like.error, form .actions.invalid, form .actions.error {
    color: red; }
    form label.invalid input, form label.error input, form .label-like.invalid input, form .label-like.error input, form .actions.invalid input, form .actions.error input {
      border: 1px solid red; }
  form label > div.autocomplete-input-wrapper, form .label-like > div.autocomplete-input-wrapper, form .actions > div.autocomplete-input-wrapper {
    width: 100%;
    margin: 0; }
  form label input, form label select, form .label-like input, form .label-like select, form .actions input, form .actions select {
    width: 100%;
    padding: 10px;
    margin: 0;
    height: 40px;
    border: 1px solid #D0D0CE;
    box-sizing: border-box; }
    form label input[multiple], form label select[multiple], form .label-like input[multiple], form .label-like select[multiple], form .actions input[multiple], form .actions select[multiple] {
      height: 160px; }
    form label input[type='checkbox'], form label input[type='radio'], form label select[type='checkbox'], form label select[type='radio'], form .label-like input[type='checkbox'], form .label-like input[type='radio'], form .label-like select[type='checkbox'], form .label-like select[type='radio'], form .actions input[type='checkbox'], form .actions input[type='radio'], form .actions select[type='checkbox'], form .actions select[type='radio'] {
      width: 25px;
      min-width: 25px;
      height: 25px;
      padding: 5px;
      margin-right: 15px;
      margin-top: 1px;
      margin-bottom: 5px;
      vertical-align: top; }
      form label input[type='checkbox'] + span.label, form label input[type='radio'] + span.label, form label select[type='checkbox'] + span.label, form label select[type='radio'] + span.label, form .label-like input[type='checkbox'] + span.label, form .label-like input[type='radio'] + span.label, form .label-like select[type='checkbox'] + span.label, form .label-like select[type='radio'] + span.label, form .actions input[type='checkbox'] + span.label, form .actions input[type='radio'] + span.label, form .actions select[type='checkbox'] + span.label, form .actions select[type='radio'] + span.label {
        line-height: 25px;
        white-space: initial;
        margin-bottom: 5px; }
  form label.checkbox, form .label-like.checkbox, form .actions.checkbox {
    white-space: nowrap; }
  form label .radio-wrapper, form .label-like .radio-wrapper, form .actions .radio-wrapper {
    white-space: nowrap; }
  form label textarea, form .label-like textarea, form .actions textarea {
    flex: 1;
    padding: 10px;
    min-width: 300px;
    margin: 0;
    border: 1px solid #D0D0CE;
    box-sizing: border-box; }

form .actions {
  text-align: right;
  display: block; }
  form .actions .btn {
    max-width: 300px; }
  form .actions .btn + .btn {
    margin-left: 30px; }

.tabs > ul.tabs-nav {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px solid #f7f7f7;
  text-align: center;
  display: flex; }
  @media only screen and (min-width: 481px) {
    .tabs > ul.tabs-nav {
      text-align: left;
      display: block; } }
  .tabs > ul.tabs-nav li {
    list-style: none;
    margin: 0;
    background-color: #f7f7f7;
    color: #002843;
    cursor: pointer;
    display: inline-block;
    padding: 7.5px 0;
    flex: 1;
    text-align: center; }
    @media only screen and (min-width: 481px) {
      .tabs > ul.tabs-nav li {
        padding: 7.5px 60px; } }
    .tabs > ul.tabs-nav li.active {
      font-weight: bold;
      background-color: #DBECF7; }

.tabs > .tab {
  display: none; }
  .tabs > .tab.active {
    display: block; }

.checkbox-cloud .cloud {
  flex: 1; }

.checkbox-cloud label {
  display: inline-block;
  width: auto;
  margin: 3px; }
  .checkbox-cloud label .checkbox-button {
    padding: 10px 30px;
    background-color: transparent;
    color: #248AD0;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    outline: 0;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.3rem;
    text-decoration: none;
    cursor: pointer;
    text-shadow: none;
    text-decoration: none !important;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 3px;
    border: 1px solid #248AD0;
    transition: 0.2s all ease-in-out;
    background-color: #0077C8;
    color: #ffffff;
    border: 1px solid transparent;
    padding: 3.75px 7.5px;
    font-size: 0.8rem;
    line-height: 1.1rem;
    border: 1px solid #B1B3B3;
    color: #424448;
    background-color: transparent; }
    .checkbox-cloud label .checkbox-button:hover {
      color: #6DB1E0;
      border: 1px solid #248AD0; }
    .checkbox-cloud label .checkbox-button:hover {
      color: #ffffff;
      background-color: #248AD0; }
    .checkbox-cloud label .checkbox-button:hover {
      background-color: #DBECF7;
      color: #248AD0; }
  .checkbox-cloud label input[type='checkbox'], .checkbox-cloud label input[type='radio'] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    margin: 0; }
  .checkbox-cloud label input:checked + .checkbox-button {
    border: 1px solid #248AD0;
    background-color: #248AD0;
    color: #ffffff; }

.statuses {
  padding: 0 15px; }
  @media only screen and (min-width: 481px) {
    .statuses {
      padding: 0; } }
  .statuses > div {
    margin: 15px auto;
    width: 100%;
    max-width: 800px; }
    .statuses > div a {
      color: inherit;
      text-decoration: underline; }
      .statuses > div a:hover {
        opacity: 0.8; }
  .statuses.form-alignment {
    display: flex; }
    .statuses.form-alignment > div {
      display: inline-block;
      flex: 1; }
  .statuses .warning {
    background-color: #ffff66;
    color: #000000;
    padding: 15px; }
  .statuses .success {
    background-color: #66ff66;
    color: #000000;
    padding: 15px; }
  .statuses .info {
    background-color: #4ca5ff;
    color: #ffffff;
    padding: 15px; }
  .statuses .error {
    background-color: #fc4c55;
    color: #ffffff;
    padding: 15px; }

.form-alignment {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

.avatar-upload-wrapper .updated {
  margin-top: 30px;
  background-color: #66ff66;
  color: #000000;
  padding: 15px; }
  .avatar-upload-wrapper .updated p {
    margin: 0 auto; }

.avatar-upload-wrapper #wpua-images-existing {
  display: flex;
  max-width: 800px;
  margin: 0 auto; }
  .avatar-upload-wrapper #wpua-images-existing #wpua-preview-existing {
    margin: 0 15px 0 0; }
  .avatar-upload-wrapper #wpua-images-existing #wpua-thumbnail-existing {
    margin: 0 15px; }
  .avatar-upload-wrapper #wpua-images-existing #wpua-remove-button-existing, .avatar-upload-wrapper #wpua-images-existing #wpua-undo-button-existing {
    margin-left: 0; }

.avatar-upload-wrapper .button {
  padding: 10px 30px;
  background-color: transparent;
  color: #248AD0;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  outline: 0;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3rem;
  text-decoration: none;
  cursor: pointer;
  text-shadow: none;
  text-decoration: none !important;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 3px;
  border: 1px solid #248AD0;
  transition: 0.2s all ease-in-out; }
  .avatar-upload-wrapper .button:hover {
    color: #6DB1E0;
    border: 1px solid #248AD0; }

.avatar-upload-wrapper .button-primary {
  padding: 10px 30px;
  background-color: transparent;
  color: #248AD0;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  outline: 0;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3rem;
  text-decoration: none;
  cursor: pointer;
  text-shadow: none;
  text-decoration: none !important;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 3px;
  border: 1px solid #248AD0;
  transition: 0.2s all ease-in-out;
  background-color: #0077C8;
  color: #ffffff;
  border: 1px solid transparent; }
  .avatar-upload-wrapper .button-primary:hover {
    color: #6DB1E0;
    border: 1px solid #248AD0; }
  .avatar-upload-wrapper .button-primary:hover {
    color: #ffffff;
    background-color: #248AD0; }

html, body {
  min-height: 100%;
  height: 100%;
  margin: 0; }

.r {
  display: block;
  clear: both; }
  @media only screen and (min-width: 481px) {
    .r {
      display: flex; } }
  @media only screen and (min-width: 481px) {
    .r .c {
      flex: 1; }
      .r .c.c-2 {
        flex: 2; }
      .r .c.c-3 {
        flex: 3; }
      .r .c.c-4 {
        flex: 4; }
      .r .c.c-5 {
        flex: 5; } }
  .r .c .r {
    padding-left: 0;
    padding-right: 0; }
  .r.mobile-reverse {
    display: flex;
    flex-direction: column-reverse; }
    @media only screen and (min-width: 481px) {
      .r.mobile-reverse {
        flex-direction: row; } }
  .r.list {
    display: block; }
    .r.list .c {
      display: block; }
  .r.grid {
    flex-wrap: wrap;
    display: flex; }
    .r.grid.g-1 .c {
      flex: 1 1 100%;
      width: 100%;
      max-width: 100%;
      padding: 15px 7.5px; }
    .r.grid.g-2 .c {
      flex: 1 1 100%;
      width: 100%;
      max-width: 100%;
      padding: 15px 7.5px; }
      @media only screen and (min-width: 481px) {
        .r.grid.g-2 .c {
          max-width: 50%;
          flex: 1 1 50%;
          width: 50%; }
          .r.grid.g-2 .c:nth-child(2n+1) {
            padding-left: 0;
            padding-right: 15px; }
          .r.grid.g-2 .c:nth-child(2n) {
            padding-right: 0;
            padding-left: 15px; } }
    .r.grid.g-3 .c {
      flex: 1 1 100%;
      width: 100%;
      max-width: 100%;
      padding: 0 7.5px; }
      @media only screen and (min-width: 481px) {
        .r.grid.g-3 .c {
          max-width: 33.333%;
          flex: 1 1 33.333%;
          width: 33.333%; }
          .r.grid.g-3 .c:nth-child(2n+1) {
            padding: 0 7.5px; }
          .r.grid.g-3 .c:nth-child(2n) {
            padding: 0 7.5px; }
          .r.grid.g-3 .c:nth-child(3n+1) {
            padding-left: 0;
            padding-right: 15px; }
          .r.grid.g-3 .c:nth-child(3n) {
            padding-left: 15px;
            padding-right: 0; } }
    .r.grid.g-4 .c {
      flex: 1 1 100%;
      width: 100%;
      max-width: 100%;
      padding: 0 7.5px; }
      @media only screen and (min-width: 481px) {
        .r.grid.g-4 .c {
          max-width: 50%;
          flex: 1 1 50%;
          width: 50%; }
          .r.grid.g-4 .c:nth-child(2n+1) {
            padding-left: 0;
            padding-right: 15px; }
          .r.grid.g-4 .c:nth-child(2n) {
            padding-right: 0;
            padding-left: 15px; } }
      @media only screen and (min-width: 1024px) {
        .r.grid.g-4 .c {
          max-width: 25%;
          flex: 1 1 25%;
          width: 25%; }
          .r.grid.g-4 .c:nth-child(2n+1) {
            padding: 0 7.5px; }
          .r.grid.g-4 .c:nth-child(2n) {
            padding: 0 7.5px; }
          .r.grid.g-4 .c:nth-child(4n+1) {
            padding-left: 0;
            padding-right: 15px; }
          .r.grid.g-4 .c:nth-child(4n) {
            padding-right: 0;
            padding-left: 15px; } }
    .r.grid.g-5 .c {
      flex: 1 1 100%;
      width: 100%;
      max-width: 100%;
      padding: 0 7.5px; }
      @media only screen and (min-width: 481px) {
        .r.grid.g-5 .c {
          max-width: 33.333%;
          flex: 1 1 33.333%;
          width: 33.333%; }
          .r.grid.g-5 .c:nth-child(2n+1) {
            padding: 0 7.5px; }
          .r.grid.g-5 .c:nth-child(2n) {
            padding: 0 7.5px; }
          .r.grid.g-5 .c:nth-child(3n+1) {
            padding-left: 0;
            padding-right: 15px; }
          .r.grid.g-5 .c:nth-child(3n) {
            padding-left: 15px;
            padding-right: 0; } }
      @media only screen and (min-width: 1024px) {
        .r.grid.g-5 .c {
          max-width: 20%;
          flex: 1 1 20%;
          width: 20%; }
          .r.grid.g-5 .c:nth-child(2n+1) {
            padding: 0 7.5px; }
          .r.grid.g-5 .c:nth-child(2n) {
            padding: 0 7.5px; }
          .r.grid.g-5 .c:nth-child(5n+1) {
            padding-left: 0;
            padding-right: 15px; }
          .r.grid.g-5 .c:nth-child(5n) {
            padding-right: 0;
            padding-left: 15px; } }
    .r.grid.g-6 .c {
      flex: 1 1 100%;
      width: 100%;
      max-width: 100%;
      padding: 0 7.5px; }
      @media only screen and (min-width: 481px) {
        .r.grid.g-6 .c {
          max-width: 33.333%;
          flex: 1 1 33.333%;
          width: 33.333%; }
          .r.grid.g-6 .c:nth-child(2n+1) {
            padding: 0 7.5px; }
          .r.grid.g-6 .c:nth-child(2n) {
            padding: 0 7.5px; }
          .r.grid.g-6 .c:nth-child(3n+1) {
            padding-left: 0;
            padding-right: 15px; }
          .r.grid.g-6 .c:nth-child(3n) {
            padding-left: 15px;
            padding-right: 0; } }
      @media only screen and (min-width: 1024px) {
        .r.grid.g-6 .c {
          max-width: 16.666%;
          flex: 1 1 16.666%;
          width: 16.666%; }
          .r.grid.g-6 .c:nth-child(2n+1) {
            padding: 0 7.5px; }
          .r.grid.g-6 .c:nth-child(2n) {
            padding: 0 7.5px; }
          .r.grid.g-6 .c:nth-child(6n+1) {
            padding-left: 0;
            padding-right: 15px; }
          .r.grid.g-6 .c:nth-child(6n) {
            padding-right: 0;
            padding-left: 15px; } }

* html body, body, html {
  margin: 0 !important;
  margin-top: 0 !important; }

body {
  padding-top: 80px; }
  @media only screen and (min-width: 1024px) {
    body {
      padding-top: 80px; } }
  body.has-global-alert {
    padding-top: 134px; }
  body.has-subnavigation {
    padding-top: 130px; }
    @media only screen and (min-width: 1024px) {
      body.has-subnavigation {
        padding-top: 130px; } }
  body.has-subnavigation.has-global-alert {
    padding-top: 184px; }
  body.header-slim {
    padding-top: 80px; }
  body.header-no-menu {
    padding-top: 0; }
    body.header-no-menu .page-content {
      margin: 0 auto; }

.main-header-sticky {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000; }

body.header-slim .main-header {
  height: 80px; }
  @media only screen and (min-width: 1024px) {
    body.header-slim .main-header > .wrapper {
      height: 80px; } }

.clientside-site #wpadminbar {
  display: none !important; }
  @media only screen and (min-width: 1024px) {
    .clientside-site #wpadminbar {
      display: block !important;
      top: -73px;
      position: fixed;
      transition: 0.2s all ease-in-out;
      background-color: transparent;
      border-bottom: 2px solid transparent; }
      .clientside-site #wpadminbar:after {
        content: 'Admin Bar';
        display: block;
        z-index: 10000;
        position: absolute;
        bottom: -16px;
        font-size: 0.8rem;
        background-color: #f8f8fa;
        border: 2px solid #f0f0f0;
        padding: 0 10px;
        pointer-events: none;
        color: #888; }
      .clientside-site #wpadminbar:hover {
        top: 0;
        background-color: #f8f8fa;
        border-bottom: 2px solid #f0f0f0; }
        .clientside-site #wpadminbar:hover:after {
          display: none; } }
  .clientside-site #wpadminbar #wp-admin-bar-top-secondary {
    background: transparent !important; }

.global-alert {
  background-color: #248AD0;
  color: #ffffff;
  text-align: center;
  padding: 15px 60px;
  position: relative; }
  .global-alert > .wrapper {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto; }
  .global-alert a {
    color: #ffffff;
    text-decoration: underline; }
    .global-alert a:hover {
      color: #f7f7f7; }
  .global-alert .close-button {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-16px);
    margin: 0;
    border: 0;
    background-color: transparent;
    line-height: inherit;
    font-size: 1.25rem;
    outline: 0;
    cursor: pointer;
    color: inherit; }

.hide-global-alert .global-alert {
  display: none; }

#single-article-progress-bar {
  width: 100%;
  height: 5px;
  background-color: #ffffff; }
  #single-article-progress-bar .progress-bar-inner {
    background: #248AD0;
    background: linear-gradient(90deg, #F78D2D 0%, #F0B431 100%);
    height: inherit;
    width: 0%; }

.main-header {
  background-color: #ffffff; }
  .main-header .main-header-content {
    max-width: 1400px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; }
  .main-header .logo img {
    display: block;
    width: 200px; }
    @media only screen and (min-width: 1024px) {
      .main-header .logo img {
        padding-left: 15px; } }
  .main-header .main-navigation {
    flex: 1;
    text-align: center;
    transition: 0.2s all ease-out;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none; }
    @media only screen and (min-width: 1024px) {
      .main-header .main-navigation {
        position: initial;
        padding-left: 15px;
        padding-right: 15px;
        pointer-events: auto; } }
    .main-header .main-navigation > div {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .main-header .main-navigation > div {
          display: block; } }
  .main-header .search {
    display: flex;
    position: relative;
    font-size: 1.2rem;
    position: absolute;
    right: 40px; }
    @media only screen and (min-width: 1024px) {
      .main-header .search {
        position: initial;
        right: auto; } }
    .main-header .search .input-wrapper {
      position: absolute;
      right: 40px;
      white-space: nowrap;
      padding-right: 15px;
      opacity: 0;
      pointer-events: none; }
      .main-header .search .input-wrapper input {
        padding: 12px 30px;
        border: 1px solid #002843;
        border-radius: 3px; }
        .main-header .search .input-wrapper input[type="submit"] {
          padding: 10px 30px;
          background-color: transparent;
          color: #248AD0;
          display: inline-block;
          font-family: 'Open Sans', sans-serif;
          outline: 0;
          font-weight: bold;
          font-size: 1rem;
          line-height: 1.3rem;
          text-decoration: none;
          cursor: pointer;
          text-shadow: none;
          text-decoration: none !important;
          text-align: center;
          -webkit-appearance: none;
          border-radius: 3px;
          border: 1px solid #248AD0;
          transition: 0.2s all ease-in-out;
          background-color: #0077C8;
          color: #ffffff;
          border: 1px solid transparent; }
          .main-header .search .input-wrapper input[type="submit"]:hover {
            color: #6DB1E0;
            border: 1px solid #248AD0; }
          .main-header .search .input-wrapper input[type="submit"]:hover {
            color: #ffffff;
            background-color: #248AD0; }
    .main-header .search .search-toggle {
      width: 40px;
      text-align: center;
      cursor: pointer; }
  .main-header .membership {
    display: none;
    position: absolute;
    bottom: 0; }
    @media only screen and (min-width: 1024px) {
      .main-header .membership {
        display: block;
        position: relative; } }
    @media only screen and (min-width: 1024px) {
      .main-header .membership .profile-dropdown {
        position: relative; } }
    .main-header .membership .profile-dropdown .profile-button {
      height: 80px;
      white-space: nowrap;
      cursor: pointer;
      margin-left: -15px; }
      @media only screen and (min-width: 1024px) {
        .main-header .membership .profile-dropdown .profile-button {
          margin-left: 0; } }
      .main-header .membership .profile-dropdown .profile-button .avatar {
        float: right;
        margin-left: 7.5px; }
        .main-header .membership .profile-dropdown .profile-button .avatar img {
          display: block;
          border-radius: 50%;
          width: 35px;
          height: 35px;
          border: 2px solid #ffffff;
          margin-top: 3px; }
      .main-header .membership .profile-dropdown .profile-button .nav-login-button, .main-header .membership .profile-dropdown .profile-button .nav-signup-button {
        padding: 10px 30px;
        background-color: transparent;
        color: #248AD0;
        display: inline-block;
        font-family: 'Open Sans', sans-serif;
        outline: 0;
        font-weight: bold;
        font-size: 1rem;
        line-height: 1.3rem;
        text-decoration: none;
        cursor: pointer;
        text-shadow: none;
        text-decoration: none !important;
        text-align: center;
        -webkit-appearance: none;
        border-radius: 3px;
        border: 1px solid #248AD0;
        transition: 0.2s all ease-in-out;
        background-color: #0077C8;
        color: #ffffff;
        border: 1px solid transparent;
        background-color: #DBECF7;
        color: #002843;
        padding: 0 15px;
        margin-left: 7.5px;
        line-height: 40px; }
        .main-header .membership .profile-dropdown .profile-button .nav-login-button:hover, .main-header .membership .profile-dropdown .profile-button .nav-signup-button:hover {
          color: #6DB1E0;
          border: 1px solid #248AD0; }
        .main-header .membership .profile-dropdown .profile-button .nav-login-button:hover, .main-header .membership .profile-dropdown .profile-button .nav-signup-button:hover {
          color: #ffffff;
          background-color: #248AD0; }
        .main-header .membership .profile-dropdown .profile-button .nav-login-button:hover, .main-header .membership .profile-dropdown .profile-button .nav-signup-button:hover {
          background-color: #ffffff;
          color: #002843;
          border: 1px solid #DBECF7; }
      .main-header .membership .profile-dropdown .profile-button .nav-login-button {
        background-color: #002843;
        color: #ffffff; }
        .main-header .membership .profile-dropdown .profile-button .nav-login-button:hover {
          background-color: #248AD0;
          color: #ffffff; }
    .main-header .membership .profile-dropdown ul.sub-menu {
      top: 75px;
      width: 300px;
      right: 0;
      display: none;
      line-height: 45px;
      position: absolute;
      width: 400px;
      background-color: #f7f7f7;
      box-shadow: 0 5px 10px rgba(0, 40, 67, 0.15);
      text-align: left;
      z-index: 100;
      padding: 15px;
      opacity: 0;
      pointer-events: none;
      transition: 0.2s all ease-out; }
      @media only screen and (min-width: 1024px) {
        .main-header .membership .profile-dropdown ul.sub-menu {
          display: block;
          z-index: 1030; } }
      .main-header .membership .profile-dropdown ul.sub-menu:before {
        right: 30px;
        left: auto; }
      .main-header .membership .profile-dropdown ul.sub-menu a {
        color: #63666A; }
      .main-header .membership .profile-dropdown ul.sub-menu .title a {
        color: #248AD0;
        font-weight: bold; }
      .main-header .membership .profile-dropdown ul.sub-menu .divider {
        border-top: 1px solid #B1B3B3; }
    @media only screen and (min-width: 1024px) {
      .main-header .membership .profile-dropdown:hover > ul.sub-menu {
        opacity: 1;
        pointer-events: auto; } }
  .main-header .hamburger-toggle {
    display: block;
    padding-right: 15px;
    font-size: 1.2rem;
    position: absolute;
    right: 0; }
    @media only screen and (min-width: 1024px) {
      .main-header .hamburger-toggle {
        display: none; } }

.menu {
  white-space: nowrap; }
  .menu > .menu-item {
    display: block;
    position: relative;
    color: #63666A;
    white-space: initial; }
    @media only screen and (min-width: 1024px) {
      .menu > .menu-item {
        display: inline-block; } }
    .menu > .menu-item:hover > a {
      background-color: #DBECF7; }
    .menu > .menu-item a {
      padding: 3px 15px;
      border-radius: 3px;
      margin: 0;
      color: inherit;
      display: block;
      transition: 0.2s all ease-out;
      line-height: 26.66667px; }
      .menu > .menu-item a[href="#"] {
        font-weight: bold;
        color: #248AD0;
        font-size: 1rem; }
        @media only screen and (min-width: 1024px) {
          .menu > .menu-item a[href="#"] {
            pointer-events: none; } }
    .menu > .menu-item > a {
      font-weight: bold;
      color: #002843;
      padding: 0 15px;
      display: block;
      height: 40px;
      line-height: 40px;
      text-align: left; }
      @media only screen and (min-width: 1024px) {
        .menu > .menu-item > a {
          display: inline-block; } }
      .menu > .menu-item > a[href="#"] {
        color: #002843; }
    .menu > .menu-item.current-menu-item > a, .menu > .menu-item.current-menu-ancestor > a {
      background-color: #DBECF7; }
    .menu > .menu-item.current-menu-ancestor ~ .current-menu-ancestor > a {
      background-color: transparent; }
    .menu > .menu-item > .sub-menu, .menu > .menu-item > .mega-menu-content {
      line-height: 45px;
      position: absolute;
      width: 400px;
      background-color: #f7f7f7;
      box-shadow: 0 5px 10px rgba(0, 40, 67, 0.15);
      text-align: left;
      z-index: 100;
      padding: 15px; }
      .menu > .menu-item > .sub-menu .menu-item, .menu > .menu-item > .mega-menu-content .menu-item {
        display: block; }
        .menu > .menu-item > .sub-menu .menu-item .menu-item, .menu > .menu-item > .mega-menu-content .menu-item .menu-item {
          padding: 0; }
      .menu > .menu-item > .sub-menu .sub-menu a, .menu > .menu-item > .mega-menu-content .sub-menu a {
        font-size: 0.9rem;
        line-height: 33.75px;
        font-weight: normal; }
        .menu > .menu-item > .sub-menu .sub-menu a[href="#"], .menu > .menu-item > .mega-menu-content .sub-menu a[href="#"] {
          font-weight: bold;
          color: #248AD0;
          font-size: 1rem; }
          @media only screen and (min-width: 1024px) {
            .menu > .menu-item > .sub-menu .sub-menu a[href="#"], .menu > .menu-item > .mega-menu-content .sub-menu a[href="#"] {
              pointer-events: none; } }
        .menu > .menu-item > .sub-menu .sub-menu a:hover, .menu > .menu-item > .mega-menu-content .sub-menu a:hover {
          background-color: transparent;
          border-radius: 0;
          color: #002843; }
    .menu > .menu-item > .mega-menu-content {
      padding: 0; }
      .menu > .menu-item > .mega-menu-content .menu-item {
        display: block;
        padding: 30px 0; }
        .menu > .menu-item > .mega-menu-content .menu-item a {
          padding: 0 15px; }
          @media only screen and (min-width: 1024px) {
            .menu > .menu-item > .mega-menu-content .menu-item a {
              padding: 0 30px; } }
    @media only screen and (min-width: 1024px) {
      .menu > .menu-item.has-columns > .sub-menu {
        display: flex; } }
    .menu > .menu-item.has-columns > .sub-menu > .menu-item {
      flex: 1; }
    .menu > .menu-item.mega-menu {
      position: initial; }
      .menu > .menu-item.mega-menu > .mega-menu-content {
        width: 100%;
        left: 0;
        right: 0;
        position: absolute;
        height: 0;
        transition: 0.2s all ease-out;
        overflow: hidden;
        padding-left: 15px;
        padding-right: 15px; }
        @media only screen and (min-width: 1024px) {
          .menu > .menu-item.mega-menu > .mega-menu-content {
            left: 0; } }
        .menu > .menu-item.mega-menu > .mega-menu-content > .sub-menu {
          margin-left: auto;
          margin-right: auto;
          display: block;
          width: 100%;
          height: 100%;
          max-width: 1200px;
          z-index: 1;
          position: relative; }
          @media only screen and (min-width: 1024px) {
            .menu > .menu-item.mega-menu > .mega-menu-content > .sub-menu {
              display: flex; } }
          .menu > .menu-item.mega-menu > .mega-menu-content > .sub-menu > .menu-item {
            flex: 1; }
            .menu > .menu-item.mega-menu > .mega-menu-content > .sub-menu > .menu-item.column-2x {
              flex: 2; }
        .menu > .menu-item.mega-menu > .mega-menu-content .bg-mega-menu {
          position: absolute;
          width: 20%;
          height: 100%;
          right: 0;
          top: 0;
          display: none; }
          @media only screen and (min-width: 1024px) {
            .menu > .menu-item.mega-menu > .mega-menu-content .bg-mega-menu {
              display: block; } }
          @media only screen and (min-width: 2000px) {
            .menu > .menu-item.mega-menu > .mega-menu-content .bg-mega-menu {
              width: 30%; } }
    .menu > .menu-item .menu-item.bg-dark-blue {
      background-color: #002843;
      color: #D9D9D6; }
      .menu > .menu-item .menu-item.bg-dark-blue.current-menu-item > a, .menu > .menu-item .menu-item.bg-dark-blue a:hover {
        color: #92C5E7; }
      .menu > .menu-item .menu-item.bg-dark-blue.column-title > a, .menu > .menu-item .menu-item.bg-dark-blue .column-title > a {
        color: #92C5E7; }
    .menu > .menu-item .menu-item.bg-light-gray {
      background-color: #D9D9D6; }
    .menu > .menu-item .menu-item.bg-gray-2 {
      background-color: #F0F0F0; }
    .menu > .menu-item .menu-item.column-title > a {
      font-weight: bold;
      font-size: 1rem;
      color: #248AD0; }
    .menu > .menu-item .menu-item.hidden > a {
      display: none; }
    .menu > .menu-item .menu-item.image-with-link {
      overflow: hidden;
      margin-bottom: 30px;
      flex: 1.3 !important; }
      .menu > .menu-item .menu-item.image-with-link > a {
        display: flex;
        align-items: center;
        line-height: 22.5px; }
      .menu > .menu-item .menu-item.image-with-link .image-wrap {
        width: 125px;
        max-width: 125px;
        height: 80px;
        overflow: hidden;
        float: left;
        border-radius: 3px;
        margin-right: 15px;
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: -9999px; }
        .menu > .menu-item .menu-item.image-with-link .image-wrap img {
          width: 1px;
          height: 1px; }
      .menu > .menu-item .menu-item.image-with-link div {
        font-weight: bold;
        color: #248AD0;
        font-size: 1rem;
        flex: 1; }
        .menu > .menu-item .menu-item.image-with-link div > span {
          color: #63666A;
          font-weight: normal;
          font-size: 0.9rem; }
    .menu > .menu-item .menu-item.image-block {
      flex: 1.3 !important;
      overflow: hidden; }
      .menu > .menu-item .menu-item.image-block .image-wrap {
        max-width: 260px;
        height: 325px;
        border-radius: 3px;
        overflow: hidden;
        background-size: 100%;
        background-position: top center;
        background-repeat: no-repeat; }
        @media only screen and (min-width: 481px) {
          .menu > .menu-item .menu-item.image-block .image-wrap {
            height: 300px; } }
        .menu > .menu-item .menu-item.image-block .image-wrap img {
          width: 1px;
          height: 1px; }
      .menu > .menu-item .menu-item.image-block div {
        font-weight: bold;
        color: #248AD0;
        font-size: 1rem; }
        .menu > .menu-item .menu-item.image-block div > span {
          color: #248AD0;
          font-weight: bold; }
      @media only screen and (max-width: 480px) {
        .menu > .menu-item .menu-item.image-block.bg-dark-blue {
          margin: 0 -15px;
          padding: 30px 15px; } }
      .menu > .menu-item .menu-item.image-block.bg-dark-blue div > span {
        color: #ffffff !important; }
    .menu > .menu-item.menu-item-has-children > a:after {
      background-image: url(/wp-content/themes/FHN/images/icons/down_arrow.svg);
      content: '';
      display: inline-block;
      width: 11px;
      height: 11px;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      margin-left: 7.5px;
      margin-bottom: 0px; }

.menu > .menu-item.menu-item-has-children > .sub-menu {
  opacity: 0;
  pointer-events: none;
  transition: 0.2s all ease-out; }

.menu > .menu-item-has-children:hover > .sub-menu, .menu > .menu-item-has-children.submenu-nav-active > .sub-menu {
  opacity: 1;
  pointer-events: auto; }

@media only screen and (min-width: 1024px) {
  .menu > .menu-item-has-children.mega-menu:hover .mega-menu-content, .menu > .menu-item-has-children.mega-menu.submenu-nav-active .mega-menu-content {
    height: 100% !important; } }
  @media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .menu > .menu-item-has-children.mega-menu:hover .mega-menu-content, .menu > .menu-item-has-children.mega-menu.submenu-nav-active .mega-menu-content {
      height: 400px !important; } }

.menu > .menu-item-has-children.submenu-nav-active > .sub-menu {
  opacity: 1;
  pointer-events: auto; }

.menu > .menu-item-has-children.mega-menu.submenu-nav-active .mega-menu-content {
  height: 200% !important; }
  @media only screen and (min-width: 1024px) {
    .menu > .menu-item-has-children.mega-menu.submenu-nav-active .mega-menu-content {
      height: 400px !important; } }

.main-submenu {
  background-color: #ffffff;
  height: auto; }
  @media only screen and (min-width: 1024px) {
    .main-submenu {
      height: 80px; } }
  .main-submenu .main-submenu-content {
    height: 0;
    transition: 0.2s all ease-out;
    overflow: hidden; }
    @media only screen and (min-width: 1024px) {
      .main-submenu .main-submenu-content {
        overflow: initial;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        max-width: 1400px;
        margin: 0 auto;
        height: inherit;
        border-top: 1px solid #D9D9D6;
        padding: 15px 0; } }
    .main-submenu .main-submenu-content .submenu-body .menu > .menu-item > a {
      padding: 0 15px;
      font-size: 0.9rem;
      line-height: 30px;
      height: 30px; }
    .main-submenu .main-submenu-content .submenu-body .menu > .menu-item.current-menu-item > a, .main-submenu .main-submenu-content .submenu-body .menu > .menu-item a:hover {
      background-color: #002843;
      color: #ffffff; }
      .main-submenu .main-submenu-content .submenu-body .menu > .menu-item.current-menu-item > a:after, .main-submenu .main-submenu-content .submenu-body .menu > .menu-item a:hover:after {
        background-image: url(/wp-content/themes/FHN/images/icons/down_arrow_white.svg); }
    .main-submenu .main-submenu-content .submenu-header {
      padding-left: 15px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .main-submenu .main-submenu-content .submenu-header img {
        max-height: 45px; }
  .main-submenu .main-submenu-hamburger-toggle {
    display: block;
    text-align: right;
    padding: 15px;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7; }
    @media only screen and (min-width: 1024px) {
      .main-submenu .main-submenu-hamburger-toggle {
        display: none; } }
    .main-submenu .main-submenu-hamburger-toggle .title {
      float: left;
      color: #002843;
      font-weight: bold; }
  .main-submenu.main-submenu-active {
    height: auto; }
    .main-submenu.main-submenu-active .main-submenu-hamburger-toggle .fa {
      transform: rotate(180deg); }
    .main-submenu.main-submenu-active .main-submenu-content {
      height: auto; }
  @media only screen and (max-width: 480px) {
    .main-submenu .menu > .menu-item.menu-item-has-children > .sub-menu {
      opacity: 1; }
    .main-submenu .menu > .menu-item > .sub-menu {
      padding: 0 15px;
      position: initial;
      background-color: transparent;
      box-shadow: none; } }

.search-active .main-navigation {
  opacity: 0;
  pointer-events: none; }

@media only screen and (min-width: 1024px) {
  .search-active .search {
    right: auto;
    position: relative; } }

.search-active .search .input-wrapper {
  opacity: 1;
  pointer-events: auto;
  top: 80px;
  right: -35px;
  background-color: #ffffff;
  padding: 0 15px; }
  @media only screen and (min-width: 1024px) {
    .search-active .search .input-wrapper {
      top: auto;
      right: 30px; } }

.search-active .search .search-toggle {
  color: #248AD0; }
  .search-active .search .search-toggle .fa-search:before {
    content: '\f057'; }

.nav-active {
  overflow: hidden; }
  .nav-active .main-header-sticky {
    bottom: 0;
    overflow: scroll; }
  .nav-active .main-header {
    height: 100%;
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .nav-active .main-header {
        height: 80px; } }
    .nav-active .main-header .main-navigation {
      pointer-events: auto; }
      .nav-active .main-header .main-navigation > div {
        display: block; }
    .nav-active .main-header .membership {
      display: block; }
    .nav-active .main-header .hamburger-toggle {
      color: #248AD0; }
      .nav-active .main-header .hamburger-toggle .fa-bars:before {
        content: '\f057'; }

@media only screen and (min-width: 1024px) {
  #menu-main-navigation > .menu-item > a {
    pointer-events: none; } }

.newsletter-signup-component {
  background-color: #f7f7f7; }
  .newsletter-signup-component .content-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    .newsletter-signup-component .content-wrapper .image-wrapper {
      padding-left: 60px;
      padding-right: 60px; }
      @media only screen and (min-width: 481px) {
        .newsletter-signup-component .content-wrapper .image-wrapper {
          padding-right: 180px; } }

.logo-and-newsletter {
  padding-top: 30px; }
  .logo-and-newsletter .logo {
    padding-left: 30px; }
    .logo-and-newsletter .logo img {
      width: 100%;
      max-width: 200px; }

.main-footer {
  text-align: center;
  background-color: #004F85; }
  .main-footer .content-wrapper {
    position: relative; }
    .main-footer .content-wrapper .back-to-top-button {
      position: absolute;
      right: 15px;
      top: -85px;
      width: 50px;
      height: 50px;
      background-color: #002843;
      color: #ffffff;
      font-size: 0.6rem;
      text-align: center;
      border-radius: 50%;
      text-transform: uppercase;
      line-height: 1rem; }
      @media only screen and (min-width: 481px) {
        .main-footer .content-wrapper .back-to-top-button {
          right: 0; } }
      .main-footer .content-wrapper .back-to-top-button .fas {
        font-size: 1.25rem;
        margin-top: 7px; }
      .main-footer .content-wrapper .back-to-top-button:hover {
        background-color: #248AD0; }
  .main-footer .logo {
    margin: 30px auto;
    text-align: center; }
    @media only screen and (min-width: 481px) {
      .main-footer .logo {
        display: flex;
        align-items: center;
        justify-content: center; } }
    .main-footer .logo img {
      width: 70%;
      margin: 15px;
      display: inline; }
      @media only screen and (min-width: 481px) {
        .main-footer .logo img {
          width: auto;
          max-width: 400px;
          display: inline;
          margin: 0 15px; } }
  .main-footer .menu {
    display: block;
    margin: 0; }
    @media only screen and (min-width: 1024px) {
      .main-footer .menu {
        display: flex; } }
    .main-footer .menu li.menu-item {
      margin: 30px 0;
      padding: 0 15px;
      flex: 1; }
      .main-footer .menu li.menu-item > a {
        padding: 0;
        font-size: 1rem;
        line-height: 40px;
        display: block;
        color: #ffffff;
        background-color: transparent !important;
        border-radius: 0; }
        .main-footer .menu li.menu-item > a:hover {
          color: #499ED8; }
      .main-footer .menu li.menu-item.menu-item-has-children > a {
        border-bottom: 1px solid #D9D9D6; }
        .main-footer .menu li.menu-item.menu-item-has-children > a:after {
          display: none; }
      .main-footer .menu li.menu-item .sub-menu {
        opacity: 1;
        pointer-events: auto;
        position: initial;
        box-shadow: none;
        background-color: transparent;
        width: auto;
        border: 0;
        height: auto;
        padding: 0; }
        .main-footer .menu li.menu-item .sub-menu:before {
          display: none; }
        .main-footer .menu li.menu-item .sub-menu li.menu-item {
          margin: 0;
          padding: 0; }
          .main-footer .menu li.menu-item .sub-menu li.menu-item a {
            padding: 0;
            font-size: 0.85rem;
            border: 0;
            color: #ffffff; }
            .main-footer .menu li.menu-item .sub-menu li.menu-item a:hover {
              opacity: 0.8; }

.secondary-footer {
  background-color: #002843;
  text-align: center; }
  .secondary-footer .menu {
    display: block;
    margin: 0; }
    .secondary-footer .menu li.menu-item {
      display: inline-block;
      text-align: center;
      opacity: 0.9;
      padding: 0; }
      .secondary-footer .menu li.menu-item a {
        color: #ffffff;
        font-size: 0.80rem;
        font-weight: normal;
        line-height: 45px; }
        .secondary-footer .menu li.menu-item a:hover {
          color: #92C5E7;
          background-color: transparent; }
  .secondary-footer .socials a {
    width: 40px;
    height: 40px;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
    font-size: 1.25rem;
    margin: 0; }
    .secondary-footer .socials a:hover {
      color: #248AD0; }
  .secondary-footer p.copyright {
    color: #ffffff;
    font-size: 0.8rem;
    line-height: 45px;
    text-align: center; }

.search .no-results {
  max-width: none; }

.search .search-header {
  border-bottom: 2px solid #002843;
  margin-bottom: 30px; }
  .search .search-header h1, .search .search-header h3 {
    max-width: none; }
    .search .search-header h1 a, .search .search-header h3 a {
      color: inherit;
      text-decoration: none; }

ul.social-share, .component ul.social-share {
  margin: 30px 0;
  padding: 0; }
  ul.social-share li, .component ul.social-share li {
    list-style: none;
    display: inline-block;
    margin: 0 15px 0 0;
    font-size: 1rem; }
    ul.social-share li.title, .component ul.social-share li.title {
      font-size: 1rem;
      margin: 0 15px 0 0; }
    ul.social-share li a, .component ul.social-share li a {
      color: #002843; }
      ul.social-share li a:hover, .component ul.social-share li a:hover {
        color: #248AD0;
        opacity: 0.8; }
  ul.social-share.quote-share, .component ul.social-share.quote-share {
    float: right;
    margin: 30px 0 0 0; }
    ul.social-share.quote-share li, .component ul.social-share.quote-share li {
      margin: 0 7.5px 0 0; }
      ul.social-share.quote-share li a, .component ul.social-share.quote-share li a {
        color: #002843;
        background-color: #ffffff;
        border-radius: 50%;
        width: 44px;
        height: 44px;
        line-height: 44px;
        display: block;
        text-align: center;
        font-size: 1rem; }

.autocomplete-input .autocomplete-input-wrapper {
  /*the container must be positioned relative:*/
  position: relative; }

.autocomplete-input .autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0; }

.autocomplete-input .autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4; }

.autocomplete-input .autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; }

.autocomplete-input .autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff; }

i.fhn-icon:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 20px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; }

i.fhn-icon.favorite:before {
  background-image: url(/wp-content/themes/FHN/images/icons/favorite_bookmark.svg); }

i.fhn-icon.favorite.active:before {
  background-image: url(/wp-content/themes/FHN/images/icons/favorite_bookmark_active.svg); }

i.fhn-icon.down-arrow:before {
  background-image: url(/wp-content/themes/FHN/images/icons/down_arrow.svg); }

i.fhn-icon.calendar:before {
  background-image: url(/wp-content/themes/FHN/images/icons/calendar_solid.svg); }

i.fhn-icon.calendar-outline:before {
  background-image: url(/wp-content/themes/FHN/images/icons/calendar_outline.svg); }

i.fhn-icon.search:before {
  background-image: url(/wp-content/themes/FHN/images/icons/search.svg); }

i.fhn-icon.play-button:before {
  background-image: url(/wp-content/themes/FHN/images/icons/play_button.svg); }

i.fhn-icon.page:before {
  background-image: url(/wp-content/themes/FHN/images/icons/page.svg); }

i.fhn-icon.headphones:before {
  background-image: url(/wp-content/themes/FHN/images/icons/headphones.svg); }

.user-card {
  display: flex;
  align-items: center;
  padding: 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f7f7f7;
  max-width: 800px; }
  .user-card.without-user {
    background-color: #f7f7f7;
    color: #424448; }
    .user-card.without-user a {
      color: #000000; }
  .user-card .avatar {
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden; }
    .user-card .avatar img {
      width: 100%;
      visibility: none;
      pointer-events: none;
      opacity: 0; }
  .user-card .user-info {
    flex: 1; }
    .user-card .user-info .eyebrow {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      margin: 0;
      color: inherit;
      opacity: 0.8; }
    .user-card .user-info h2 {
      font-size: 2.6rem;
      line-height: 3.4rem;
      font-weight: 300;
      margin: 0;
      color: inherit; }
      @media only screen and (min-width: 481px) {
        .user-card .user-info h2 {
          font-size: 2.6rem;
          line-height: 3.4rem; } }
    .user-card .user-info p {
      margin: 0;
      opacity: 0.9; }

.theme-dark-blue .user-card {
  background-color: transparent;
  border: 1px solid #248AD0; }

.theme-purple .user-card {
  background-color: transparent;
  border: 1px solid #542368; }

.login-page {
  display: flex;
  max-width: none;
  height: 100%;
  display: flex;
  flex-direction: column-reverse; }
  @media only screen and (min-width: 1024px) {
    .login-page {
      flex-direction: row; } }
  .login-page .login-left {
    justify-content: center;
    align-items: center;
    display: flex;
    flex: 1; }
    .login-page .login-left .logo {
      max-width: 200px;
      margin: 0 auto 30px auto;
      display: none; }
      @media only screen and (min-width: 481px) {
        .login-page .login-left .logo {
          display: block; } }
    .login-page .login-left .card {
      max-width: 500px;
      margin: 15px;
      box-shadow: none; }
      .login-page .login-left .card h2 {
        font-size: 1.25rem;
        line-height: 2rem;
        text-align: center;
        margin-bottom: 15px; }
        @media only screen and (min-width: 481px) {
          .login-page .login-left .card h2 {
            font-size: 1.25rem; } }
      .login-page .login-left .card label, .login-page .login-left .card p {
        margin: 15px 0; }
      .login-page .login-left .card .actions {
        margin: 30px 0 15px 0; }
      .login-page .login-left .card .btn-primary {
        display: block;
        width: 100%;
        max-width: none; }
      .login-page .login-left .card .create-account {
        text-align: center;
        margin-bottom: 30px;
        font-size: 0.9rem; }
    .login-page .login-left .bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      text-align: center; }
      @media only screen and (min-width: 481px) {
        .login-page .login-left .bottom {
          right: 50%; } }
  .login-page .login-right {
    justify-content: center;
    align-items: center;
    display: flex;
    flex: 1;
    background-color: #ffffff;
    max-height: 150px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 480px) {
      .login-page .login-right {
        background-image: none !important; } }
    @media only screen and (min-width: 1024px) {
      .login-page .login-right {
        max-height: none; }
        .login-page .login-right.has-dynamic-content.justify-content-top {
          align-items: flex-start; }
        .login-page .login-right.has-dynamic-content.justify-content-bottom {
          align-items: flex-end; } }
    .login-page .login-right .dynamic-content {
      display: none;
      width: 100%;
      padding: 30px; }
      @media only screen and (min-width: 481px) {
        .login-page .login-right .dynamic-content {
          display: block; } }
    .login-page .login-right .logo {
      max-width: 250px;
      display: block; }
    @media only screen and (min-width: 481px) {
      .login-page .login-right.has-dynamic-content .logo {
        display: none; } }
    .login-page .login-right.background-color- {
      background-color: #ffffff; }
      .login-page .login-right.background-color-light-blue {
        background-color: #DBECF7; }
      .login-page .login-right.background-color-purple {
        background-color: #542368;
        color: #ffffff; }
      .login-page .login-right.background-color-dark-blue {
        background-color: #002843;
        color: #ffffff; }

.login-page .mobile-dont-wrap {
  display: flex;
  font-size: 0.9rem;
  width: 100%; }
  .login-page .mobile-dont-wrap .c {
    width: 50%;
    white-space: nowrap; }
    .login-page .mobile-dont-wrap .c #rememberme {
      margin-right: 2px; }

.registration-page .card {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

.login-popover {
  position: fixed;
  bottom: 0;
  background-color: rgba(0, 79, 133, 0.9);
  color: #ffffff;
  width: 100%;
  text-align: center;
  padding: 30px;
  z-index: 1000;
  bottom: -260px;
  transition: 0.2s all ease-out; }
  @media only screen and (min-width: 481px) {
    .login-popover {
      bottom: 0; } }
  .login-popover form {
    max-width: 600px;
    margin: 0 auto;
    align-items: flex-end;
    opacity: 1; }
    @media only screen and (min-width: 481px) {
      .login-popover form {
        display: flex; } }
    .login-popover form label {
      padding: 0 7.5px;
      flex: 3;
      text-align: left;
      margin: 7.5px 0 15px; }
      .login-popover form label .label {
        font-size: 0.9rem;
        line-height: 25px; }
    .login-popover form .actions {
      flex: 2;
      text-align: left;
      padding-left: 7.5px;
      margin: 7.5px 0 15px; }
      .login-popover form .actions .btn-primary {
        padding: 9px 30px; }
  .login-popover a {
    color: #ffffff;
    text-decoration: underline; }
  .login-popover p {
    font-size: 0.9rem; }
  .login-popover header img {
    max-width: 50px;
    width: 100%; }
  .login-popover.expanded, .login-popover:hover {
    bottom: 0; }
    @media only screen and (min-width: 481px) {
      .login-popover.expanded, .login-popover:hover {
        bottom: 0; } }

.wp-core-ui.login {
  background-color: #ffffff; }
  .wp-core-ui.login #login {
    width: 500px; }
    .wp-core-ui.login #login h1 a {
      background-image: url("/wp-content/themes/FHN/images/logo.png"); }
    .wp-core-ui.login #login .message.reset-pass {
      color: #000000; }
    .wp-core-ui.login #login #resetpassform {
      padding: 30px; }
    .wp-core-ui.login #login #nav, .wp-core-ui.login #login #backtoblog, .wp-core-ui.login #login .submit.reset-pass-submit {
      text-align: center; }

.b0t_style {
  text-indent: -9999px;
  opacity: 0;
  display: none;
  height: 0;
  overflow: hidden; }

.authors-component h2.section-title {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  border-bottom: 2px solid #002843;
  padding-bottom: 7.5px;
  margin-bottom: 7.5px;
  color: #002843; }
  @media only screen and (min-width: 481px) {
    .authors-component h2.section-title {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

.authors-component .authors {
  padding: 0;
  margin: 15px 0 30px 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  @media only screen and (min-width: 481px) {
    .authors-component .authors {
      max-width: 1200px;
      flex-direction: row; } }
  .authors-component .authors li.author {
    max-width: 600px;
    width: 50%;
    list-style: none;
    float: left;
    padding-right: 15px;
    margin-bottom: 30px;
    transition: 0.2s all ease-out; }
    @media only screen and (min-width: 481px) {
      .authors-component .authors li.author {
        width: 20%;
        max-width: 240px; } }
    .authors-component .authors li.author:nth-child(2n + 1) {
      clear: both; }
      @media only screen and (min-width: 481px) {
        .authors-component .authors li.author:nth-child(2n + 1) {
          clear: none; } }
    @media only screen and (min-width: 481px) {
      .authors-component .authors li.author {
        flex: 1;
        padding-right: 15px; } }
    .authors-component .authors li.author a.image-wrapper, .authors-component .authors li.author span.image-wrapper {
      display: block;
      position: relative;
      height: 0;
      padding-bottom: calc(100% - 4px);
      border: 1px solid #D9D9D6;
      margin-bottom: 15px;
      background-color: #D9D9D6;
      background-size: cover;
      background-position: center center; }
      .authors-component .authors li.author a.image-wrapper img, .authors-component .authors li.author span.image-wrapper img {
        width: 100%;
        display: none; }
    .authors-component .authors li.author .no-image {
      margin-bottom: 15px;
      width: 100%;
      padding-bottom: 98%;
      background-image: url("/wp-content/themes/mando-child/images/default.png");
      background-size: cover;
      height: auto;
      border: 1px solid #D9D9D6; }
    .authors-component .authors li.author .name {
      font-weight: bold;
      color: #002843;
      font-family: "Open Sans", sans-serif;
      font-size: 1.6rem;
      line-height: 2.2rem;
      font-weight: 400;
      margin: 15px 0 7.5px 0; }
      @media only screen and (min-width: 481px) {
        .authors-component .authors li.author .name {
          font-size: 1.6rem;
          line-height: 2.2rem; } }
    .authors-component .authors li.author .job-title {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      margin: 7.5px 0;
      font-weight: bold; }
    .authors-component .authors li.author .company {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      margin: 7.5px 0; }
    .authors-component .authors li.author p.description {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      line-height: 1.2rem;
      color: #75787B;
      margin: 15px 0 0 0;
      height: calc(1.2rem * 3);
      overflow: hidden;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
    .authors-component .authors li.author .see-profile-link {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400; }

h4.authors-title {
  font-size: 1rem;
  margin: 30px 0 7.5px 0; }

ul.article-authors {
  margin: 7.5px 0 30px 0;
  padding: 0;
  flex-wrap: wrap;
  display: flex; }
  ul.article-authors li {
    margin: 0 0 15px 0;
    list-style: none;
    max-width: 50%;
    flex: 1 1 50%;
    width: 50%;
    padding-left: 0;
    padding-right: 30px;
    display: flex; }
    ul.article-authors li:nth-child(2n) {
      padding-left: 30px;
      padding-right: 0; }
    ul.article-authors li .authors-image-wrapper {
      max-width: 75px;
      width: 100%; }
      ul.article-authors li .authors-image-wrapper a, ul.article-authors li .authors-image-wrapper span {
        display: block;
        box-shadow: 7.5px 7.5px 0 0 rgba(146, 197, 231, 0.25);
        background-size: cover;
        width: 100%;
        padding-bottom: 100%;
        height: 0; }
      ul.article-authors li .authors-image-wrapper img {
        display: none; }
    ul.article-authors li .authors-text-wrapper {
      flex: 1;
      padding-left: 15px;
      line-height: 1.2rem; }
      ul.article-authors li .authors-text-wrapper .name {
        font-weight: bold;
        display: block;
        color: #248AD0; }
      ul.article-authors li .authors-text-wrapper .job-title, ul.article-authors li .authors-text-wrapper .company {
        font-size: 0.8rem;
        line-height: 1rem;
        font-weight: 400; }

[data-tooltip] {
  display: inline-block;
  position: relative;
  cursor: help;
  border-bottom: 1px dotted #000; }

/* Tooltip styling */
[data-tooltip]:before {
  content: attr(data-tooltip);
  display: none;
  position: absolute;
  background: #000;
  color: #fff;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 1.4;
  min-width: 200px;
  text-align: center;
  border-radius: 4px; }

/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
  left: 50%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

[data-tooltip-position="top"]:before {
  bottom: 100%;
  margin-bottom: 6px; }

[data-tooltip-position="right"]:before {
  left: 100%;
  margin-left: 6px; }

[data-tooltip-position="bottom"]:before {
  top: 100%;
  margin-top: 6px; }

[data-tooltip-position="left"]:before {
  right: 100%;
  margin-right: 6px; }

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
  content: '';
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
  left: 50%;
  margin-left: -6px; }

/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
  top: 50%;
  margin-top: -6px; }

[data-tooltip-position="top"]:after {
  bottom: 100%;
  border-width: 6px 6px 0;
  border-top-color: #000; }

[data-tooltip-position="right"]:after {
  left: 100%;
  border-width: 6px 6px 6px 0;
  border-right-color: #000; }

[data-tooltip-position="bottom"]:after {
  top: 100%;
  border-width: 0 6px 6px;
  border-bottom-color: #000; }

[data-tooltip-position="left"]:after {
  right: 100%;
  border-width: 6px 0 6px 6px;
  border-left-color: #000; }

/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  z-index: 50; }

article.content-thumbnail {
  margin: 0 0 30px 0;
  background-color: #f7f7f7;
  max-width: 600px; }
  article.content-thumbnail.featured-image-is-logo .image-wrapper {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #D9D9D6; }
    article.content-thumbnail.featured-image-is-logo .image-wrapper .image-inner-wrapper {
      display: flex;
      align-items: center;
      justify-content: center; }
      article.content-thumbnail.featured-image-is-logo .image-wrapper .image-inner-wrapper img {
        margin: 0 auto;
        width: auto;
        max-width: 80%;
        height: auto;
        max-height: 80%; }
  article.content-thumbnail .image-wrapper {
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%; }
    article.content-thumbnail .image-wrapper .chiclet {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      font-weight: bold;
      color: #002843;
      background-color: #D9D9D6;
      border-radius: 0px;
      padding: 1px 5px;
      margin: 0;
      display: inline-block;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 50; }
      article.content-thumbnail .image-wrapper .chiclet.theme-default {
        background-color: #D9D9D6;
        color: #002843; }
      article.content-thumbnail .image-wrapper .chiclet.theme-emerge {
        background-color: #702F8A;
        color: #ffffff; }
      article.content-thumbnail .image-wrapper .chiclet.theme-fsl {
        background-color: #F68D2E;
        color: #ffffff; }
      article.content-thumbnail .image-wrapper .chiclet.theme-fhn {
        background-color: #002843;
        color: #ffffff; }
      article.content-thumbnail .image-wrapper .chiclet.theme-pulse {
        background-color: #002843;
        color: #ffffff; }
      article.content-thumbnail .image-wrapper .chiclet.theme-esi {
        background-color: #000000;
        color: #ffffff; }
    article.content-thumbnail .image-wrapper .image-inner-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    article.content-thumbnail .image-wrapper img {
      display: block;
      margin: 0;
      width: 100%; }
    article.content-thumbnail .image-wrapper .no-image, article.content-thumbnail .image-wrapper .image-author-image {
      background-color: #002843;
      padding-bottom: 56.25%;
      background-image: url("/wp-content/themes/FHN/images/default.png");
      background-size: cover;
      background-position: center center;
      overflow: hidden; }
    article.content-thumbnail .image-wrapper .image-author-image img {
      width: 1px;
      height: 1px;
      opacity: 0; }
  article.content-thumbnail .text-wrapper {
    padding: 0 15px 15px 15px; }
  article.content-thumbnail .meta {
    margin: 10px 0 0 0;
    font-size: 0.9rem;
    display: flex;
    align-items: center; }
    article.content-thumbnail .meta .simplefavorite-button {
      display: block;
      background: none;
      padding-left: 0;
      outline: none;
      border: none; }
      article.content-thumbnail .meta .simplefavorite-button [data-tooltip] {
        border-bottom: none; }
    article.content-thumbnail .meta .category-tag {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      line-height: 27px;
      vertical-align: top;
      color: #0077C8;
      font-weight: bold;
      display: inline;
      margin-top: -3px;
      flex: 1; }
      article.content-thumbnail .meta .category-tag a {
        color: inherit;
        text-decoration: none; }
    article.content-thumbnail .meta .member-exclusive {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      font-weight: bold;
      color: #002843;
      background-color: #D9D9D6;
      border-radius: 3px;
      padding: 1px 5px;
      margin: -3px 0 4px 0;
      display: inline-block;
      float: right; }
  article.content-thumbnail h1.post-title {
    font-size: 1.111rem;
    font-weight: 600;
    line-height: 1.667rem;
    height: 3.334rem;
    /* exactly 2 lines */
    max-height: 3.334rem;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #002843; }
    article.content-thumbnail h1.post-title a {
      color: inherit; }
      article.content-thumbnail h1.post-title a:hover {
        color: #0077C8; }
    article.content-thumbnail h1.post-title small {
      display: block;
      font-size: 0.85rem; }
  article.content-thumbnail .post-excerpt p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    color: #53565A;
    margin: 15px 0;
    height: calc(1.4rem * 3);
    overflow: hidden;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  article.content-thumbnail .card-bottom {
    display: flex;
    margin-top: 15px; }
    article.content-thumbnail .card-bottom .topics {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      margin: 0;
      color: #97999B;
      font-weight: 400;
      flex: 1; }
      article.content-thumbnail .card-bottom .topics a {
        color: inherit;
        font-size: 0.9rem;
        font-weight: 400; }
    article.content-thumbnail .card-bottom .post-date {
      font-size: 0.9rem;
      line-height: 1rem;
      font-weight: 400;
      margin: 0;
      color: #97999B; }

article.content-thumbnail.post-type-event .text-wrapper .two-column-card {
  display: flex;
  width: 100%; }
  article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta {
    padding-right: 15px;
    margin: 15px 0 0 0;
    width: 80px; }
    article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .date-box, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .time-box {
      background-color: #002843;
      color: #ffffff;
      margin: 0 0 7.5px;
      padding: 3.75px;
      overflow: hidden; }
      article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .date-box .line-1, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .date-box .line-2, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .date-box .line-3, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .time-box .line-1, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .time-box .line-2, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .time-box .line-3 {
        display: block;
        font-size: 0.65rem;
        line-height: 1rem;
        text-align: center; }
        article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .date-box .line-1.month, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .date-box .line-2.month, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .date-box .line-3.month, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .time-box .line-1.month, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .time-box .line-2.month, article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .time-box .line-3.month {
          font-size: 16px;
          line-height: 24px;
          font-weight: 400;
          line-height: 1.2rem;
          font-weight: bold; }
    article.content-thumbnail.post-type-event .text-wrapper .two-column-card .event-meta .time-box {
      background-color: #D0D0CE;
      color: #424448; }
  article.content-thumbnail.post-type-event .text-wrapper .two-column-card .rest-of-card {
    flex: 1; }

article.user-thumb {
  display: flex;
  border: 1px solid #D9D9D6;
  margin: 0 0 15px 0;
  align-items: center;
  height: 250px;
  overflow: hidden; }
  article.user-thumb .image-wrapper {
    max-width: 200px;
    padding: 30px 0 30px 30px; }
    article.user-thumb .image-wrapper .avatar {
      width: 160px;
      height: 160px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      border-radius: 50%;
      overflow: hidden; }
      article.user-thumb .image-wrapper .avatar img {
        width: 100%;
        visibility: none;
        pointer-events: none;
        opacity: 0; }
  article.user-thumb .text-wrapper {
    flex: 1;
    padding: 30px; }
    article.user-thumb .text-wrapper h1.user-name {
      font-size: 1.6rem;
      line-height: 2.2rem;
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 0; }
      @media only screen and (min-width: 481px) {
        article.user-thumb .text-wrapper h1.user-name {
          font-size: 1.6rem;
          line-height: 2.2rem; } }
    article.user-thumb .text-wrapper .job-title {
      font-weight: bold;
      color: #0063A7; }
    article.user-thumb .text-wrapper p {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400; }

.single article header .content-wrapper, .tax-authors article header .content-wrapper {
  padding-top: 0; }
  .single article header .content-wrapper .c, .tax-authors article header .content-wrapper .c {
    justify-content: flex-start;
    flex-direction: column;
    display: flex;
    position: relative; }
    .single article header .content-wrapper .c.desktop-only, .tax-authors article header .content-wrapper .c.desktop-only {
      display: none; }
      @media only screen and (min-width: 481px) {
        .single article header .content-wrapper .c.desktop-only, .tax-authors article header .content-wrapper .c.desktop-only {
          display: block; } }

.single article header .text-wrapper, .single article header .image-wrapper, .tax-authors article header .text-wrapper, .tax-authors article header .image-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%; }

@media only screen and (min-width: 481px) {
  .single article header .text-wrapper, .tax-authors article header .text-wrapper {
    padding-right: 30px;
    padding-left: 90px; } }

.single article header .author-job-title, .tax-authors article header .author-job-title {
  font-size: 22px;
  font-weight: 600;
  display: block;
  margin-bottom: 15px;
  color: #002843; }

.single article header .author-info, .tax-authors article header .author-info {
  margin-top: 15px;
  margin-bottom: 50px; }

.single article header .image-wrapper, .single article header .player-wrapper, .tax-authors article header .image-wrapper, .tax-authors article header .player-wrapper {
  box-shadow: 7.5px 7.5px 0 0 rgba(146, 197, 231, 0.25);
  position: relative;
  padding-bottom: 93%;
  height: 0;
  background-color: #f0f7fc;
  margin: 30px 7.5px 30px 0; }
  @media only screen and (min-width: 481px) {
    .single article header .image-wrapper, .single article header .player-wrapper, .tax-authors article header .image-wrapper, .tax-authors article header .player-wrapper {
      box-shadow: 30px 30px 0 0 rgba(146, 197, 231, 0.25); } }
  @media only screen and (min-width: 481px) {
    .single article header .image-wrapper, .single article header .player-wrapper, .tax-authors article header .image-wrapper, .tax-authors article header .player-wrapper {
      margin: 30px 30px 30px 0; } }
  .single article header .image-wrapper.with-logo, .single article header .player-wrapper.with-logo, .tax-authors article header .image-wrapper.with-logo, .tax-authors article header .player-wrapper.with-logo {
    border: 1px solid #DBECF7;
    background-color: #ffffff; }
    .single article header .image-wrapper.with-logo .image-square, .single article header .player-wrapper.with-logo .image-square, .tax-authors article header .image-wrapper.with-logo .image-square, .tax-authors article header .player-wrapper.with-logo .image-square {
      padding: 60px;
      background-image: none !important; }
      .single article header .image-wrapper.with-logo .image-square img, .single article header .player-wrapper.with-logo .image-square img, .tax-authors article header .image-wrapper.with-logo .image-square img, .tax-authors article header .player-wrapper.with-logo .image-square img {
        height: auto;
        width: 100%;
        max-width: 100%;
        display: block;
        opacity: 1;
        visibility: visible; }
    .single article header .image-wrapper.with-logo .w, .single article header .player-wrapper.with-logo .w, .tax-authors article header .image-wrapper.with-logo .w, .tax-authors article header .player-wrapper.with-logo .w {
      top: 50%;
      transform: translateY(-25%); }
  .single article header .image-wrapper .w, .single article header .player-wrapper .w, .tax-authors article header .image-wrapper .w, .tax-authors article header .player-wrapper .w {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-size: cover;
    background-position: center center; }
  .single article header .image-wrapper .image-square, .single article header .player-wrapper .image-square, .tax-authors article header .image-wrapper .image-square, .tax-authors article header .player-wrapper .image-square {
    height: inherit;
    overflow: hidden;
    background-size: cover;
    background-position: center center; }
    .single article header .image-wrapper .image-square img, .single article header .player-wrapper .image-square img, .tax-authors article header .image-wrapper .image-square img, .tax-authors article header .player-wrapper .image-square img {
      display: block;
      margin: 0;
      height: 100%;
      max-width: none;
      opacity: 0;
      visibility: hidden; }
  .single article header .image-wrapper .image-overlay, .single article header .player-wrapper .image-overlay, .tax-authors article header .image-wrapper .image-overlay, .tax-authors article header .player-wrapper .image-overlay {
    position: absolute;
    top: 15px;
    right: 15px;
    line-height: 1.1rem;
    z-index: 100; }
  .single article header .image-wrapper .favorites-button-wrapper, .single article header .player-wrapper .favorites-button-wrapper, .tax-authors article header .image-wrapper .favorites-button-wrapper, .tax-authors article header .player-wrapper .favorites-button-wrapper {
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 400;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 7.5px;
    display: inline-block;
    z-index: 50;
    white-space: nowrap;
    vertical-align: top; }
    .single article header .image-wrapper .favorites-button-wrapper button, .single article header .player-wrapper .favorites-button-wrapper button, .tax-authors article header .image-wrapper .favorites-button-wrapper button, .tax-authors article header .player-wrapper .favorites-button-wrapper button {
      padding: 10px 30px;
      background-color: transparent;
      color: #248AD0;
      display: inline-block;
      font-family: 'Open Sans', sans-serif;
      outline: 0;
      font-weight: bold;
      font-size: 1rem;
      line-height: 1.3rem;
      text-decoration: none;
      cursor: pointer;
      text-shadow: none;
      text-decoration: none !important;
      text-align: center;
      -webkit-appearance: none;
      border-radius: 3px;
      border: 1px solid #248AD0;
      transition: 0.2s all ease-in-out;
      padding: 0;
      margin: 0;
      line-height: 23px;
      width: 30px;
      height: 23px;
      background-color: #ffffff;
      border: 1px solid #ffffff; }
      .single article header .image-wrapper .favorites-button-wrapper button:hover, .single article header .player-wrapper .favorites-button-wrapper button:hover, .tax-authors article header .image-wrapper .favorites-button-wrapper button:hover, .tax-authors article header .player-wrapper .favorites-button-wrapper button:hover {
        color: #6DB1E0;
        border: 1px solid #248AD0; }
      .single article header .image-wrapper .favorites-button-wrapper button.active, .single article header .player-wrapper .favorites-button-wrapper button.active, .tax-authors article header .image-wrapper .favorites-button-wrapper button.active, .tax-authors article header .player-wrapper .favorites-button-wrapper button.active {
        border: 1px solid #248AD0;
        background-color: #ffffff;
        opacity: 1; }
      .single article header .image-wrapper .favorites-button-wrapper button:hover, .single article header .player-wrapper .favorites-button-wrapper button:hover, .tax-authors article header .image-wrapper .favorites-button-wrapper button:hover, .tax-authors article header .player-wrapper .favorites-button-wrapper button:hover {
        line-height: 23px;
        border: 1px solid #248AD0; }
      .single article header .image-wrapper .favorites-button-wrapper button span, .single article header .player-wrapper .favorites-button-wrapper button span, .tax-authors article header .image-wrapper .favorites-button-wrapper button span, .tax-authors article header .player-wrapper .favorites-button-wrapper button span {
        border: 0;
        cursor: pointer; }
        .single article header .image-wrapper .favorites-button-wrapper button span i.fhn-icon:before, .single article header .player-wrapper .favorites-button-wrapper button span i.fhn-icon:before, .tax-authors article header .image-wrapper .favorites-button-wrapper button span i.fhn-icon:before, .tax-authors article header .player-wrapper .favorites-button-wrapper button span i.fhn-icon:before {
          width: 14px;
          height: 14px; }
  .single article header .image-wrapper .chiclet, .single article header .player-wrapper .chiclet, .tax-authors article header .image-wrapper .chiclet, .tax-authors article header .player-wrapper .chiclet {
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 400;
    font-weight: bold;
    color: #002843;
    background-color: #D9D9D6;
    border-radius: 0px;
    padding: 0 5px;
    margin: 0 0 0 7.5px;
    display: inline-block;
    z-index: 50;
    line-height: 21px;
    height: 23px;
    border: 2px solid transparent;
    vertical-align: top; }
    .single article header .image-wrapper .chiclet.theme-default, .single article header .player-wrapper .chiclet.theme-default, .tax-authors article header .image-wrapper .chiclet.theme-default, .tax-authors article header .player-wrapper .chiclet.theme-default {
      background-color: #D9D9D6;
      color: #002843; }
    .single article header .image-wrapper .chiclet.theme-emerge, .single article header .player-wrapper .chiclet.theme-emerge, .tax-authors article header .image-wrapper .chiclet.theme-emerge, .tax-authors article header .player-wrapper .chiclet.theme-emerge {
      background-color: #702F8A;
      color: #ffffff; }
    .single article header .image-wrapper .chiclet.theme-fsl, .single article header .player-wrapper .chiclet.theme-fsl, .tax-authors article header .image-wrapper .chiclet.theme-fsl, .tax-authors article header .player-wrapper .chiclet.theme-fsl {
      background-color: #F68D2E;
      color: #ffffff; }
    .single article header .image-wrapper .chiclet.theme-fhn, .single article header .player-wrapper .chiclet.theme-fhn, .tax-authors article header .image-wrapper .chiclet.theme-fhn, .tax-authors article header .player-wrapper .chiclet.theme-fhn {
      background-color: #002843;
      color: #ffffff; }
    .single article header .image-wrapper .chiclet.theme-pulse, .single article header .player-wrapper .chiclet.theme-pulse, .tax-authors article header .image-wrapper .chiclet.theme-pulse, .tax-authors article header .player-wrapper .chiclet.theme-pulse {
      background-color: #002843;
      color: #ffffff; }
    .single article header .image-wrapper .chiclet.theme-esi, .single article header .player-wrapper .chiclet.theme-esi, .tax-authors article header .image-wrapper .chiclet.theme-esi, .tax-authors article header .player-wrapper .chiclet.theme-esi {
      background-color: #000000;
      color: #ffffff; }
  .single article header .image-wrapper.video-disabled .disabled-video, .single article header .player-wrapper.video-disabled .disabled-video, .tax-authors article header .image-wrapper.video-disabled .disabled-video, .tax-authors article header .player-wrapper.video-disabled .disabled-video {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px; }
    .single article header .image-wrapper.video-disabled .disabled-video img, .single article header .player-wrapper.video-disabled .disabled-video img, .tax-authors article header .image-wrapper.video-disabled .disabled-video img, .tax-authors article header .player-wrapper.video-disabled .disabled-video img {
      width: 75px;
      height: 100%; }
  .single article header .image-wrapper.video-disabled .image-square, .single article header .player-wrapper.video-disabled .image-square, .tax-authors article header .image-wrapper.video-disabled .image-square, .tax-authors article header .player-wrapper.video-disabled .image-square {
    opacity: 0.5; }
  .single article header .image-wrapper .image-wrapper .image-square, .single article header .player-wrapper .image-wrapper .image-square, .tax-authors article header .image-wrapper .image-wrapper .image-square, .tax-authors article header .player-wrapper .image-wrapper .image-square {
    opacity: 0.5; }

.single article header .player-wrapper, .tax-authors article header .player-wrapper {
  padding-bottom: 53%; }
  .single article header .player-wrapper.podcast-player .w, .tax-authors article header .player-wrapper.podcast-player .w {
    padding-top: 40px;
    border-radius: 10px; }
    .single article header .player-wrapper.podcast-player .w .image-overlay, .tax-authors article header .player-wrapper.podcast-player .w .image-overlay {
      top: 0;
      right: 0;
      padding-top: 7.5px;
      padding-right: 15px;
      height: 40px;
      margin-bottom: 5px;
      border-bottom: 1px solid #ffffff;
      width: 100%;
      text-align: right; }
  .single article header .player-wrapper .w, .tax-authors article header .player-wrapper .w {
    background-color: #2e7db2; }
    .single article header .player-wrapper .w .video-wrapper, .tax-authors article header .player-wrapper .w .video-wrapper {
      margin: 0; }

.single article header .back-to-link, .tax-authors article header .back-to-link {
  margin-bottom: 0; }
  .single article header .back-to-link a, .tax-authors article header .back-to-link a {
    font-weight: bold;
    text-decoration: none;
    color: #002843; }
    .single article header .back-to-link a .fa, .tax-authors article header .back-to-link a .fa {
      margin-right: 5px; }
    .single article header .back-to-link a:hover, .tax-authors article header .back-to-link a:hover {
      color: #248AD0; }

.single article header .post-type, .tax-authors article header .post-type {
  color: #0077C8;
  font-size: 1.2rem; }

.single article header h1, .tax-authors article header h1 {
  font-size: 2.6rem;
  line-height: 3.4rem;
  font-weight: 300;
  font-weight: 300;
  color: #002843;
  margin: 15px 0; }
  @media only screen and (min-width: 481px) {
    .single article header h1, .tax-authors article header h1 {
      font-size: 2.6rem;
      line-height: 3.4rem; } }

.single article header.research-spend-header .authors a, .tax-authors article header.research-spend-header .authors a {
  color: #ffffff; }
  .single article header.research-spend-header .authors a:hover, .tax-authors article header.research-spend-header .authors a:hover {
    color: #248AD0; }

.single article header .date-meta, .tax-authors article header .date-meta {
  font-size: 0.8rem;
  line-height: 1rem;
  font-weight: 400; }

.single article header .extended-meta, .tax-authors article header .extended-meta {
  margin: 30px 0;
  padding: 0; }
  .single article header .extended-meta li, .tax-authors article header .extended-meta li {
    list-style: none;
    font-size: 0.9rem;
    margin: 0; }
    .single article header .extended-meta li .label, .tax-authors article header .extended-meta li .label {
      display: inline;
      color: #002843; }
    .single article header .extended-meta li .content, .tax-authors article header .extended-meta li .content {
      color: #0077C8;
      display: inline;
      font-weight: bold; }

@media only screen and (min-width: 481px) {
  .single article header .sponsor-logos, .tax-authors article header .sponsor-logos {
    display: flex;
    align-items: center; } }

.single article header .sponsor-logos h4, .tax-authors article header .sponsor-logos h4 {
  font-size: 1rem;
  margin: 0 30px 0 0; }

.single article header .sponsor-logos ul.sponsor-images, .tax-authors article header .sponsor-logos ul.sponsor-images {
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 481px) {
    .single article header .sponsor-logos ul.sponsor-images, .tax-authors article header .sponsor-logos ul.sponsor-images {
      display: flex;
      flex: 1;
      align-items: center; } }
  .single article header .sponsor-logos ul.sponsor-images li, .tax-authors article header .sponsor-logos ul.sponsor-images li {
    list-style: none; }
    @media only screen and (min-width: 481px) {
      .single article header .sponsor-logos ul.sponsor-images li, .tax-authors article header .sponsor-logos ul.sponsor-images li {
        display: inline-block;
        float: left;
        max-width: 46%;
        margin: 0 4% 0 0; } }
    .single article header .sponsor-logos ul.sponsor-images li img, .tax-authors article header .sponsor-logos ul.sponsor-images li img {
      max-height: 100px;
      max-width: 250px; }

.single article .excerpt h2, .tax-authors article .excerpt h2 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #002843;
  max-width: 1200px; }
  @media only screen and (min-width: 481px) {
    .single article .excerpt h2, .tax-authors article .excerpt h2 {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

.single article .excerpt p, .tax-authors article .excerpt p {
  max-width: 1200px; }

.single article .authors a, .tax-authors article .authors a {
  color: #002843; }
  .single article .authors a:hover, .tax-authors article .authors a:hover {
    color: #248AD0; }

.single article .video-ad-block, .tax-authors article .video-ad-block {
  margin: 30px 0 0 0;
  padding: 15px 15px 15px 15px;
  border: 1px solid transparent;
  min-height: 200px; }
  @media only screen and (min-width: 481px) {
    .single article .video-ad-block, .tax-authors article .video-ad-block {
      margin-left: 30px; } }
  .single article .video-ad-block *:first-child, .tax-authors article .video-ad-block *:first-child {
    margin-top: 0; }
  .single article .video-ad-block p:last-child, .tax-authors article .video-ad-block p:last-child {
    margin-bottom: 0; }
  .single article .video-ad-block img, .tax-authors article .video-ad-block img {
    width: 100%;
    display: block; }
  .single article .video-ad-block.border-color-dark-blue, .tax-authors article .video-ad-block.border-color-dark-blue {
    background-color: #002843;
    color: #ffffff;
    border-color: #002843; }
  .single article .video-ad-block.border-color-light-blue, .tax-authors article .video-ad-block.border-color-light-blue {
    background-color: #DBECF7;
    color: #002843;
    border-color: #DBECF7; }
  .single article .video-ad-block.border-color-purple, .tax-authors article .video-ad-block.border-color-purple {
    background-color: #542368;
    color: #ffffff;
    border-color: #542368; }
  .single article .video-ad-block.bg-color-dark-blue, .tax-authors article .video-ad-block.bg-color-dark-blue {
    background-color: #002843;
    color: #ffffff; }
  .single article .video-ad-block.bg-color-light-blue, .tax-authors article .video-ad-block.bg-color-light-blue {
    background-color: #DBECF7;
    color: #002843; }
  .single article .video-ad-block.bg-color-purple, .tax-authors article .video-ad-block.bg-color-purple {
    background-color: #542368;
    color: #ffffff; }
  .single article .video-ad-block.has-background-image, .tax-authors article .video-ad-block.has-background-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .single article .video-ad-block.has-background-image p, .tax-authors article .video-ad-block.has-background-image p {
      padding-right: 120px; }
  .single article .video-ad-block.has-foreground-image, .tax-authors article .video-ad-block.has-foreground-image {
    padding: 0; }

@media only screen and (min-width: 481px) {
  .single article .related-posts, .tax-authors article .related-posts {
    margin-left: 30px; } }

.single article .related-posts h2.related-title, .tax-authors article .related-posts h2.related-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-weight: bold; }

.single article .related-posts .related-card, .tax-authors article .related-posts .related-card {
  display: flex;
  margin: 15px 0; }
  .single article .related-posts .related-card a, .tax-authors article .related-posts .related-card a {
    color: #002843;
    font-weight: bold; }
    .single article .related-posts .related-card a:hover, .tax-authors article .related-posts .related-card a:hover {
      color: #248AD0; }
  .single article .related-posts .related-card .card-image-wrapper, .tax-authors article .related-posts .related-card .card-image-wrapper {
    max-width: 125px; }
    .single article .related-posts .related-card .card-image-wrapper img, .tax-authors article .related-posts .related-card .card-image-wrapper img {
      width: 100%; }
  .single article .related-posts .related-card .card-text-wrapper, .tax-authors article .related-posts .related-card .card-text-wrapper {
    flex: 1;
    padding-left: 15px;
    display: flex;
    align-items: center; }
    .single article .related-posts .related-card .card-text-wrapper h1, .tax-authors article .related-posts .related-card .card-text-wrapper h1 {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      margin: 0;
      max-height: 75px;
      overflow: hidden;
      text-overflow: ellipsis; }

.single article .mobile-only, .tax-authors article .mobile-only {
  display: block;
  padding: 0 15px; }
  @media only screen and (min-width: 481px) {
    .single article .mobile-only, .tax-authors article .mobile-only {
      display: none; } }

.tax-authors article header .content-wrapper .c {
  justify-content: flex-start; }

.tax-authors article header .content-wrapper .image-wrapper .w {
  background-size: cover;
  background-position: center center; }

.tax-authors article header .content-wrapper .image-wrapper .image-square img {
  display: none;
  opacity: 0;
  pointer-events: none; }

@media only screen and (min-width: 481px) {
  .tax-authors article header .content-wrapper .text-wrapper h1 {
    margin-top: 60px; } }

.tax-authors article header .content-wrapper .text-wrapper .author-email {
  color: #248AD0;
  text-decoration: none;
  display: block;
  margin-top: 15px; }
  .tax-authors article header .content-wrapper .text-wrapper .author-email:hover {
    color: #F68D2E; }

body.single-event-session article header .image-wrapper {
  padding-bottom: 54.25%; }

.single-research .research-spend-header .content-wrapper {
  max-width: none;
  padding: 0; }
  .single-research .research-spend-header .content-wrapper .c {
    display: block; }

.single-research .research-spend-header .image-wrapper {
  height: 550px;
  padding: 0;
  box-shadow: none;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0; }
  .single-research .research-spend-header .image-wrapper img {
    display: block;
    height: 1px;
    width: 1px;
    opacity: 0; }

.single-research .research-spend-header .text-wrapper {
  max-width: 1170px;
  background-color: #004F85;
  color: #ffffff;
  padding: 30px;
  margin: 0 auto;
  margin-top: -150px;
  position: relative;
  z-index: 1; }
  .single-research .research-spend-header .text-wrapper .eyebrow {
    margin: 0 30px 0 0;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 20px; }
  .single-research .research-spend-header .text-wrapper .date {
    display: inline;
    font-size: 12px;
    line-height: 20px; }
  .single-research .research-spend-header .text-wrapper .favorites-button-wrapper {
    float: right; }
    .single-research .research-spend-header .text-wrapper .favorites-button-wrapper button {
      background-color: transparent;
      border: 0;
      cursor: pointer;
      color: #ffffff; }
      .single-research .research-spend-header .text-wrapper .favorites-button-wrapper button [data-tooltip] {
        border: 0; }
  .single-research .research-spend-header .text-wrapper h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 300; }
  .single-research .research-spend-header .text-wrapper .excerpt {
    max-width: 800px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700; }
  .single-research .research-spend-header .text-wrapper ul.social-share {
    margin: 0;
    text-align: right; }
    .single-research .research-spend-header .text-wrapper ul.social-share li a {
      color: #ffffff; }
  .single-research .research-spend-header .text-wrapper .meta-cols .c {
    display: flex;
    justify-content: flex-end; }
  .single-research .research-spend-header .text-wrapper .extended-meta {
    margin: 30px 0 0 0; }
    .single-research .research-spend-header .text-wrapper .extended-meta li {
      font-size: 12px;
      line-height: 24px; }
    .single-research .research-spend-header .text-wrapper .extended-meta .label {
      color: #ffffff; }
    .single-research .research-spend-header .text-wrapper .extended-meta .content {
      color: #ffffff; }
      .single-research .research-spend-header .text-wrapper .extended-meta .content a {
        color: inherit; }
        .single-research .research-spend-header .text-wrapper .extended-meta .content a:hover {
          opacity: 0.8; }
  .single-research .research-spend-header .text-wrapper .date-meta {
    display: none; }

ul.podcast-subscribe {
  margin: 30px 0;
  padding: 0 !important; }
  ul.podcast-subscribe li {
    list-style: none;
    margin: 0;
    display: inline; }
    ul.podcast-subscribe li i {
      margin-right: 7.5px; }
    ul.podcast-subscribe li.title {
      display: block; }
      ul.podcast-subscribe li.title h2 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 15px; }

.component.bullet-bubble-component .columns {
  max-width: 1200px;
  margin: 0 auto; }
  .component.bullet-bubble-component .columns .r .c {
    align-items: center;
    display: flex; }
    .component.bullet-bubble-component .columns .r .c .body {
      padding-left: 30px; }
      .component.bullet-bubble-component .columns .r .c .body p {
        margin: 15px 0; }
        .component.bullet-bubble-component .columns .r .c .body p:before {
          content: '';
          width: 6px;
          height: 6px;
          margin-left: 2px;
          margin-right: 13px;
          background-color: #002843;
          display: inline-block;
          border-radius: 50%; }

.component.three-item-component .content-wrapper {
  max-width: 830px; }
  .component.three-item-component .content-wrapper .c:first-child .body {
    margin-right: 30px; }

.component.three-item-component p:first-child {
  margin-top: 0; }

.component.three-item-component p:last-child {
  margin-bottom: 0; }

.component.three-item-component p img.post-img-center {
  margin-left: auto;
  display: block; }

.component.three-item-component p iframe {
  margin: 0 30px; }

.component.two-column-text-component .content-wrapper {
  max-width: 830px; }
  .component.two-column-text-component .content-wrapper .c:first-child .body {
    margin-right: 30px; }

.component.two-column-text-component p:first-child {
  margin-top: 0; }

.component.two-column-text-component p:last-child {
  margin-bottom: 0; }

.component.two-column-text-component p img.post-img-center {
  margin-left: auto;
  margin-right: auto;
  display: block; }

.component.two-column-text-component p iframe {
  margin: 0 30px; }

.accordion-component .accordion-panel .accordion-title {
  cursor: pointer;
  margin-bottom: 0; }
  .accordion-component .accordion-panel .accordion-title .fhn-icon {
    margin-left: 7.5px; }
    .accordion-component .accordion-panel .accordion-title .fhn-icon.flipped {
      transition: 0.2s all ease-out;
      margin-top: 2px; }
      .accordion-component .accordion-panel .accordion-title .fhn-icon.flipped:before {
        transform: scale(-1); }

.accordion-component .accordion-panel .body {
  display: none; }

.add-to-calendar-component .add-to-calendar-dropdown {
  margin: 0;
  position: relative;
  display: inline-block; }
  .add-to-calendar-component .add-to-calendar-dropdown .cal-button {
    cursor: pointer;
    transition: 0.2s all ease-out; }
    .add-to-calendar-component .add-to-calendar-dropdown .cal-button .far {
      margin-right: 7.5px; }
  .add-to-calendar-component .add-to-calendar-dropdown.active ul {
    display: block; }
  .add-to-calendar-component .add-to-calendar-dropdown ul {
    background-color: #ffffff;
    position: absolute;
    left: 27px;
    top: 57px;
    z-index: 10000;
    padding: 15px;
    width: 250px;
    border: 1px solid #D9D9D6;
    box-shadow: 0 10px 8px -8px rgba(66, 68, 72, 0.5);
    display: none; }
    .add-to-calendar-component .add-to-calendar-dropdown ul:before {
      content: '';
      position: absolute;
      left: 0;
      top: -15px;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 15px solid #D9D9D6; }
    .add-to-calendar-component .add-to-calendar-dropdown ul li {
      list-style: none;
      margin: 5px 0;
      text-align: left; }
      .add-to-calendar-component .add-to-calendar-dropdown ul li a {
        color: inherit;
        text-decoration: none;
        display: block;
        padding: 1px 0; }
        .add-to-calendar-component .add-to-calendar-dropdown ul li a:hover {
          color: #542368; }

.asset-plus-text-component .c {
  display: flex;
  justify-content: center;
  flex-direction: column; }

.asset-plus-text-component .image-wrapper {
  margin-top: 30px;
  margin-bottom: 30px; }

.asset-plus-text-component.shadow-with-shadow .image-wrapper img {
  box-shadow: 7.5px 7.5px 0 0 rgba(146, 197, 231, 0.25); }
  @media only screen and (min-width: 481px) {
    .asset-plus-text-component.shadow-with-shadow .image-wrapper img {
      box-shadow: 30px 30px 0 0 rgba(146, 197, 231, 0.25); } }

.asset-plus-text-component.asset-type-logo.shadow-with-shadow .image-wrapper img {
  box-shadow: none; }

.asset-plus-text-component.asset-type-logo.shadow-with-shadow .logo-wrapper {
  box-shadow: 7.5px 7.5px 0 0 rgba(146, 197, 231, 0.25);
  padding: 60px;
  border: 1px solid #6DB1E0;
  text-align: center; }
  @media only screen and (min-width: 481px) {
    .asset-plus-text-component.asset-type-logo.shadow-with-shadow .logo-wrapper {
      box-shadow: 30px 30px 0 0 rgba(146, 197, 231, 0.25); } }

@media only screen and (min-width: 481px) {
  .asset-plus-text-component.asset-left .text-wrapper {
    padding-left: 60px; }
  .asset-plus-text-component.asset-left .image-wrapper {
    padding-right: 45px; }
  .asset-plus-text-component.asset-right .text-wrapper {
    padding-right: 15px; }
  .asset-plus-text-component.asset-right .image-wrapper {
    padding-right: 30px;
    padding-left: 15px; }
  .asset-plus-text-component.columns-30-70 .c:first-child {
    max-width: 30%; }
  .asset-plus-text-component.columns-40-60 .c:first-child {
    max-width: 40%; }
  .asset-plus-text-component.columns-60-40 .c:last-child {
    max-width: 40%; }
  .asset-plus-text-component.columns-70-30 .c:last-child {
    max-width: 30%; } }

.asset-plus-text-component.theme-white .image-wrapper, .asset-plus-text-component.theme-default .image-wrapper {
  background-color: #ffffff; }

.asset-plus-text-component.theme-dark-blue.shadow-with-shadow .image-wrapper img {
  box-shadow: 7.5px 7.5px 0 0 #003c64; }
  @media only screen and (min-width: 481px) {
    .asset-plus-text-component.theme-dark-blue.shadow-with-shadow .image-wrapper img {
      box-shadow: 30px 30px 0 0 #003c64; } }

.asset-plus-text-component.theme-purple.shadow-with-shadow .image-wrapper img {
  box-shadow: 7.5px 7.5px 0 0 #542368; }
  @media only screen and (min-width: 481px) {
    .asset-plus-text-component.theme-purple.shadow-with-shadow .image-wrapper img {
      box-shadow: 30px 30px 0 0 #542368; } }

.asset-plus-text-component.theme-light-gray-with-purple.shadow-with-shadow .image-wrapper img {
  box-shadow: 7.5px 7.5px 0 0 #efe1f5; }
  @media only screen and (min-width: 481px) {
    .asset-plus-text-component.theme-light-gray-with-purple.shadow-with-shadow .image-wrapper img {
      box-shadow: 30px 30px 0 0 #efe1f5; } }

.asset-plus-text-component.theme-white-with-purple.shadow-with-shadow .image-wrapper img {
  box-shadow: 7.5px 7.5px 0 0 rgba(223, 194, 234, 0.25); }
  @media only screen and (min-width: 481px) {
    .asset-plus-text-component.theme-white-with-purple.shadow-with-shadow .image-wrapper img {
      box-shadow: 30px 30px 0 0 rgba(223, 194, 234, 0.25); } }

.component.author-grid-component .image-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 15px 0; }
  .component.author-grid-component .image-card .image-wrapper img {
    width: 100%;
    display: none;
    margin: 0; }
  .component.author-grid-component .image-card .image-wrapper a, .component.author-grid-component .image-card .image-wrapper span {
    width: 100%;
    display: block;
    padding-bottom: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  .component.author-grid-component .image-card .image-wrapper .no-image {
    background-color: #002843;
    background-image: url("/wp-content/themes/FHN/images/default.png");
    background-size: cover;
    background-position: center center; }
  .component.author-grid-component .image-card .text-wrapper {
    flex: 1; }
    .component.author-grid-component .image-card .text-wrapper h2 {
      font-size: 1.33rem;
      line-height: 1.956rem;
      max-height: 5.868rem;
      margin-bottom: 15px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      color: #002843;
      font-weight: bold; }
      .component.author-grid-component .image-card .text-wrapper h2 a {
        color: #248AD0; }
        .component.author-grid-component .image-card .text-wrapper h2 a:hover {
          color: #6DB1E0; }
    .component.author-grid-component .image-card .text-wrapper .job-title {
      font-weight: bold;
      margin-bottom: 15px;
      color: #002843; }
    .component.author-grid-component .image-card .text-wrapper .description {
      font-size: 1rem;
      line-height: 1.667rem;
      height: 5.001rem;
      /* exactly 2 lines */
      max-height: 5.001rem;
      margin-bottom: 15px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      color: #002843; }

.component.blockquote-component {
  background-color: #ffffff; }
  .component.blockquote-component .blockquote-wrapper {
    box-shadow: 7.5px 7.5px 0 0 rgba(146, 197, 231, 0.25);
    border: 1px solid #D9D9D6;
    margin-top: 30px;
    margin-bottom: 60px;
    position: relative;
    padding: 60px 30px 30px 30px;
    overflow: hidden;
    color: #002843;
    font-size: 1.2rem;
    line-height: 2rem;
    background-color: #f7f7f7;
    border: 0; }
    @media only screen and (min-width: 481px) {
      .component.blockquote-component .blockquote-wrapper {
        box-shadow: 30px 30px 0 0 rgba(146, 197, 231, 0.25); } }
    @media only screen and (min-width: 481px) {
      .component.blockquote-component .blockquote-wrapper {
        padding: 60px; } }
    .component.blockquote-component .blockquote-wrapper .quote-icon {
      font-family: serif;
      font-size: 5rem;
      position: absolute;
      top: 30px;
      left: 60px;
      width: 40px; }
      .component.blockquote-component .blockquote-wrapper .quote-icon img {
        width: 100%;
        filter: invert(70%) sepia(51%) saturate(1357%) hue-rotate(178deg) brightness(98%) contrast(108%); }
    .component.blockquote-component .blockquote-wrapper .author-title {
      font-size: 1.5rem;
      line-height: 1.9rem;
      color: #002843;
      margin-bottom: 5px; }
    .component.blockquote-component .blockquote-wrapper .author-subtitle {
      color: #A7A8AA;
      font-size: 1rem;
      line-height: 1.4rem; }
  .component.blockquote-component.theme-white .blockquote-wrapper {
    background-color: #ffffff; }
  .component.blockquote-component.theme-black .blockquote-wrapper {
    background-color: #000000;
    color: #ffffff; }
  .component.blockquote-component.theme-gray .blockquote-wrapper, .component.blockquote-component .theme-light-gray .blockquote-wrapper {
    background-color: #f7f7f7; }
  .component.blockquote-component.theme-dark-gray .blockquote-wrapper {
    background-color: #424448;
    color: #ffffff; }
  .component.blockquote-component.theme-black .blockquote-wrapper {
    background-color: #000000;
    color: #ffffff; }
  .component.blockquote-component.theme-dark-blue .blockquote-wrapper {
    background-color: #002843;
    color: #ffffff; }
  .component.blockquote-component.theme-purple .blockquote-wrapper {
    background-color: #542368;
    color: #ffffff; }
  .component.blockquote-component.theme-white-with-purple .blockquote-wrapper {
    background-color: #ffffff; }

.component.blocktext-component {
  background-color: #ffffff; }
  .component.blocktext-component .blockquote-wrapper {
    padding: 0 30px;
    margin-left: 30px;
    border-left: 4px solid #248AD0; }
    .component.blocktext-component .blockquote-wrapper p {
      font-size: 1.2rem;
      line-height: 2rem; }
  .component.blocktext-component.theme-white .content-wrapper > .r {
    background-color: #ffffff; }
  .component.blocktext-component.theme-black .content-wrapper > .r {
    background-color: #000000;
    color: #ffffff; }
  .component.blocktext-component.theme-gray .content-wrapper > .r, .component.blocktext-component .theme-light-gray .content-wrapper > .r {
    background-color: #f7f7f7; }
  .component.blocktext-component.theme-dark-gray .content-wrapper > .r {
    background-color: #424448;
    color: #ffffff; }
  .component.blocktext-component.theme-black .content-wrapper > .r {
    background-color: #000000;
    color: #ffffff; }
  .component.blocktext-component.theme-dark-blue .content-wrapper > .r {
    background-color: #002843;
    color: #ffffff; }
  .component.blocktext-component.theme-dark-blue .blockquote-wrapper {
    border-left: 4px solid #6DB1E0; }
  .component.blocktext-component.theme-purple .content-wrapper > .r {
    background-color: #542368;
    color: #ffffff;
    border-left-color: #ffffff; }
  .component.blocktext-component.theme-white-with-purple .content-wrapper > .r {
    background-color: #ffffff; }

.breadcrumbs-component .crumb {
  margin-right: 7.5px;
  color: #75787B;
  font-size: 14px; }
  .breadcrumbs-component .crumb img {
    filter: invert(41%) sepia(67%) saturate(14%) hue-rotate(344deg) brightness(98%) contrast(85%); }
  .breadcrumbs-component .crumb:after {
    content: '/';
    display: inline;
    margin-left: 15px;
    font-weight: normal; }
  .breadcrumbs-component .crumb:last-child:after {
    display: none; }

.breadcrumbs-component.theme-purple .crumb, .breadcrumbs-component.theme-dark-blue .crumb, .breadcrumbs-component.theme-dark-gray .crumb, .breadcrumbs-component.theme-black .crumb, .breadcrumbs-component.theme-blue-7 .crumb {
  color: #ffffff; }
  .breadcrumbs-component.theme-purple .crumb img, .breadcrumbs-component.theme-dark-blue .crumb img, .breadcrumbs-component.theme-dark-gray .crumb img, .breadcrumbs-component.theme-black .crumb img, .breadcrumbs-component.theme-blue-7 .crumb img {
    filter: invert(100%) sepia(5%) saturate(523%) hue-rotate(340deg) brightness(112%) contrast(100%); }

.breadcrumbs-component.theme-white-with-purple .crumb {
  color: #542368; }
  .breadcrumbs-component.theme-white-with-purple .crumb img {
    filter: invert(17%) sepia(31%) saturate(2712%) hue-rotate(254deg) brightness(95%) contrast(97%); }

.byline-component .download-cta {
  text-align: right; }
  .byline-component .download-cta a {
    color: #002843;
    font-weight: bold;
    font-size: 14px; }
    .byline-component .download-cta a:hover {
      color: #248AD0; }

.callout-component {
  background-color: #ededed;
  color: #424448; }
  .callout-component .content-wrapper .c {
    align-items: center;
    justify-content: center;
    display: flex; }
  .callout-component .ctas {
    text-align: center; }
    .callout-component .ctas .btn {
      margin-top: 15px;
      margin-bottom: 15px; }
    .callout-component .ctas .no-border {
      border: none; }

.carousel-component {
  /* ----- */ }
  .carousel-component.theme-purple {
    background-color: transparent; }
    .carousel-component.theme-purple .carousel-button {
      color: #542368; }
    .carousel-component.theme-purple .text-wrapper {
      color: #000000; }
    .carousel-component.theme-purple .carousel-dots .dot {
      background-color: #B1B3B3; }
      .carousel-component.theme-purple .carousel-dots .dot.active {
        background-color: #542368; }
  .carousel-component .carousel {
    position: relative;
    --current-slide: 0; }
  .carousel-component .slides-outer {
    /* we set position relative so absolute position works properly for the buttons */
    position: relative;
    overflow: hidden; }
  .carousel-component .carousel-buttons {
    padding-top: 26.125%;
    width: 100%;
    position: absolute;
    pointer-events: none;
    z-index: 10; }
    @media only screen and (max-width: 480px) {
      .carousel-component .carousel-buttons {
        padding-top: 33.125%; } }
  @media only screen and (min-width: 481px) {
    .carousel-component.text-only .carousel-buttons {
      padding-top: 11%; } }
  .carousel-component .carousel-button {
    transform: translateY(-50%) translateX(-70px);
    z-index: 1;
    pointer-events: auto;
    position: absolute;
    /* basic styling */
    padding: 0;
    margin: 0.5rem;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    color: #002843;
    font-size: 1.5rem;
    cursor: pointer;
    transition: color 0.1s; }
    @media only screen and (max-width: 480px) {
      .carousel-component .carousel-button {
        margin: 0.5rem -10px; } }
    .carousel-component .carousel-button img {
      transform: rotate(180deg);
      width: 32px;
      height: 32px; }
  .carousel-component .carousel-button:hover {
    opacity: 0.8; }
  .carousel-component .carousel-button_next {
    /* The "next slide button" will be at the right */
    right: 0;
    transform: translateY(-50%) translateX(70px); }
    .carousel-component .carousel-button_next img {
      transform: rotate(0deg); }
  .carousel-component .carousel-dots {
    padding-top: 56.25%;
    width: 100%;
    pointer-events: none;
    position: absolute;
    text-align: center;
    z-index: 10; }
    .carousel-component .carousel-dots .dot {
      width: 12px;
      height: 12px;
      background-color: #f7f7f7;
      border-radius: 50%;
      pointer-events: auto;
      display: inline-block;
      margin: 30px 5px;
      transition: all 0.5s ease-out;
      cursor: pointer; }
      .carousel-component .carousel-dots .dot.active {
        background-color: #248AD0; }
  @media only screen and (min-width: 481px) {
    .carousel-component.text-only .carousel-dots {
      padding-top: 19%; } }
  .carousel-component .slides {
    display: flex;
    transition: transform 0.5s ease-out;
    transform: translateX(calc(-100% * var(--current-slide))); }
  .carousel-component .slide {
    flex: 0 0 100%; }
    @media only screen and (max-width: 480px) {
      .carousel-component .slide {
        min-height: 250px; } }
  @media screen and (min-width: 768px) {
    .carousel-component .carousel-button {
      font-size: 2rem;
      margin: 1rem; } }
  .carousel-component.content-width-full .carousel-header {
    margin: 0 auto;
    max-width: 1200px; }
  .carousel-component.content-width-full .content-wrapper {
    padding: 0; }
  .carousel-component.content-width-full .carousel-button {
    transform: translateY(-50%); }
  .carousel-component.content-width-full .carousel-button_next {
    transform: translateY(-50%) translateX(0); }
  @media only screen and (max-width: 480px) {
    .carousel-component .carousel-button {
      transform: translateY(-50%); }
    .carousel-component .carousel-button_next {
      transform: translateY(-50%) translateX(0); } }
  .carousel-component .content {
    width: 100%;
    margin: auto; }
    @media only screen and (min-width: 481px) {
      .carousel-component .content.text-only {
        height: 0;
        padding-bottom: 25%; } }
    .carousel-component .content.text-only .text-wrapper {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: absolute;
      margin: 0; }
    .carousel-component .content .image-wrapper {
      width: 100%;
      padding-bottom: 56.25%;
      background-size: cover;
      background-position: center; }
    .carousel-component .content .text-wrapper {
      margin: 60px auto 30px auto;
      max-width: 1200px;
      padding-left: 30px;
      padding-right: 30px; }

.component.content-gate-component .tab {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

.component.content-gate-component .user-card {
  margin: 30px auto;
  padding: 15px;
  max-width: 800px; }
  .component.content-gate-component .user-card .avatar {
    margin-right: 30px; }
    .component.content-gate-component .user-card .avatar img {
      width: 100%;
      border-radius: 50%;
      max-width: 100px; }
  .component.content-gate-component .user-card .user-info {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .component.content-gate-component .user-card .user-info .eyebrow {
      margin-top: 0; }
    .component.content-gate-component .user-card .user-info h2 {
      font-size: 1.6rem;
      line-height: 2.2rem;
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 5px; }
      @media only screen and (min-width: 481px) {
        .component.content-gate-component .user-card .user-info h2 {
          font-size: 1.6rem;
          line-height: 2.2rem; } }
    .component.content-gate-component .user-card .user-info p {
      margin: 0; }

.content-grid-component .header-row {
  margin: 15px 7.5px;
  padding: 0 0 7.5px 0;
  border-bottom: 2px solid #f7f7f7; }
  @media only screen and (min-width: 481px) {
    .content-grid-component .header-row {
      margin: 15px 0; } }
  .content-grid-component .header-row h2.section-headline {
    font-size: 2rem;
    margin: 0;
    line-height: 2.4rem; }
    .content-grid-component .header-row h2.section-headline a {
      color: inherit; }
    .content-grid-component .header-row h2.section-headline i.fhn-icon:before {
      width: 26px;
      height: 26px; }
  .content-grid-component .header-row .see-all {
    font-size: 1rem;
    margin-left: 15px;
    color: #002843; }
    .content-grid-component .header-row .see-all:hover {
      color: #248AD0; }
  .content-grid-component .header-row .filter-panel {
    display: flex;
    justify-content: flex-start; }
    @media only screen and (min-width: 481px) {
      .content-grid-component .header-row .filter-panel {
        justify-content: flex-end; } }
    .content-grid-component .header-row .filter-panel .ajax-status {
      opacity: 0;
      padding: 7.5px; }
      .content-grid-component .header-row .filter-panel .ajax-status.active {
        opacity: 1; }
    .content-grid-component .header-row .filter-panel .filter-group {
      flex: 1;
      margin: 7.5px;
      background-color: #f7f7f7;
      padding: 7.5px 15px;
      position: relative; }
      @media only screen and (min-width: 481px) {
        .content-grid-component .header-row .filter-panel .filter-group {
          min-width: 175px;
          max-width: 300px; } }
      .content-grid-component .header-row .filter-panel .filter-group:last-child {
        margin-right: 0; }
      .content-grid-component .header-row .filter-panel .filter-group .dropdown-title {
        font-size: 0.9rem;
        margin: 0;
        white-space: nowrap;
        cursor: pointer;
        overflow: hidden; }
        .content-grid-component .header-row .filter-panel .filter-group .dropdown-title span {
          float: right;
          font-size: 0.9rem;
          cursor: pointer; }
      .content-grid-component .header-row .filter-panel .filter-group .dropdown {
        position: absolute;
        left: 0;
        right: 0;
        display: none;
        background-color: #f7f7f7;
        padding: 15px;
        top: 46px;
        z-index: 100;
        max-height: 300px;
        overflow-y: auto; }
        .content-grid-component .header-row .filter-panel .filter-group .dropdown label {
          text-align: left;
          display: block;
          margin: 0 0 2px 0; }
          .content-grid-component .header-row .filter-panel .filter-group .dropdown label input {
            display: none; }
          .content-grid-component .header-row .filter-panel .filter-group .dropdown label input:checked + span, .content-grid-component .header-row .filter-panel .filter-group .dropdown label .default-selection {
            background-color: #248AD0;
            color: #ffffff; }
          .content-grid-component .header-row .filter-panel .filter-group .dropdown label span {
            padding: 0 7.5px;
            display: block;
            cursor: pointer;
            font-size: 0.9rem;
            line-height: 1.5rem; }
            .content-grid-component .header-row .filter-panel .filter-group .dropdown label span:hover {
              background-color: #D9D9D6; }
      .content-grid-component .header-row .filter-panel .filter-group.active .dropdown {
        display: block; }

.content-grid-component.show-as-list .header-row {
  max-width: 800px; }

.content-grid-component .list {
  max-width: 800px; }

.dismissable-text-component.dismissed {
  display: none; }

.dismissable-text-component .btn + .btn {
  margin-left: 15px; }

.divider-component {
  background: transparent; }
  .divider-component hr {
    border: 0;
    height: 0;
    border-bottom: 1px solid #002843; }
  .divider-component.theme-black {
    background: transparent; }
    .divider-component.theme-black hr {
      border-bottom: 1px solid #000000; }
  .divider-component.theme-gray, .divider-component .theme-light-gray {
    background: transparent; }
    .divider-component.theme-gray hr, .divider-component .theme-light-gray hr {
      border-bottom: 1px solid #D9D9D6; }
  .divider-component.theme-dark-gray {
    background: transparent; }
    .divider-component.theme-dark-gray hr {
      border-bottom: 1px solid #63666A; }
  .divider-component.theme-black {
    background: transparent; }
    .divider-component.theme-black hr {
      border-bottom: 1px solid #000000; }
  .divider-component.theme-blue {
    background: transparent; }
    .divider-component.theme-blue hr {
      border-bottom: 1px solid #248AD0; }
  .divider-component.theme-purple {
    background: transparent; }
    .divider-component.theme-purple hr {
      border-bottom: 1px solid #542368; }
  .divider-component.theme-white-with-purple {
    background: transparent; }
    .divider-component.theme-white-with-purple hr {
      border-bottom: 1px solid #542368; }

.donation-form-component h2 {
  text-align: center; }

.donation-form-component .process-error {
  border: 1px solid red;
  background-color: #FFCBCC;
  padding: 30px;
  margin: 30px 0; }

.donation-form-component .amount-radio-group {
  overflow: hidden;
  text-align: center; }
  .donation-form-component .amount-radio-group .amount-wrapper {
    width: 25%;
    display: inline-block;
    padding: 0 7.5px; }
    @media only screen and (min-width: 481px) {
      .donation-form-component .amount-radio-group .amount-wrapper {
        padding: 0 15px; } }
  .donation-form-component .amount-radio-group label {
    border: 1px solid transparent;
    border-radius: 2px;
    color: #000000;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 60px;
    min-height: 60px;
    opacity: 1;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: block;
    background-color: #D9D9D6; }
    @media only screen and (min-width: 481px) {
      .donation-form-component .amount-radio-group label {
        display: inline-block; } }
  .donation-form-component .amount-radio-group input {
    opacity: 0;
    position: absolute; }
  .donation-form-component .amount-radio-group input:checked + label {
    background-color: #F68D2E;
    color: #ffffff; }

.donation-form-component form {
  margin: 30px auto;
  width: 100%; }
  @media only screen and (min-width: 481px) {
    .donation-form-component form {
      width: 480px; } }

.donation-form-component .group {
  background: white;
  margin: 30px 0;
  overflow: hidden; }

.donation-form-component .custom-amount-wrapper {
  width: 40%;
  margin: 30px auto;
  text-align: center; }
  .donation-form-component .custom-amount-wrapper input {
    text-align: center; }

.donation-form-component label {
  position: relative;
  color: #8898AA;
  font-weight: 300;
  line-height: 40px;
  display: block;
  margin: 0; }

.donation-form-component .group label:not(:last-child) {
  border-bottom: 1px solid #F0F5FA; }

.donation-form-component .field {
  border-radius: 2px;
  border: 1px solid #888B8D;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  padding: 7.5px 15px;
  width: 100%; }
  .donation-form-component .field:focus {
    background: #fafafa;
    -webkit-appearance: none;
    border-color: #999999;
    outline: none; }
  .donation-form-component .field.error {
    margin: 0 0 15px; }

.donation-form-component .field::-webkit-input-placeholder {
  color: #CFD7E0; }

.donation-form-component .field::-moz-placeholder {
  color: #CFD7E0; }

.donation-form-component .field:-ms-input-placeholder {
  color: #CFD7E0; }

.donation-form-component button {
  background-color: #F68D2E;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 0;
  min-height: 60px;
  margin: 30px 0 0 0;
  opacity: 1;
  padding: 18px 45px 13px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  transition: 0.2s all ease-out; }
  .donation-form-component button.invalid, .donation-form-component button:disabled {
    opacity: .7;
    color: #888B8D;
    background-color: #D9D9D6; }
  .donation-form-component button a {
    color: inherit; }
  @media only screen and (min-width: 1025px) {
    .donation-form-component button:hover {
      background-color: #e7730a;
      border: 1px solid #F68D2E;
      color: #ffffff; } }

.donation-form-component button:focus {
  background: #555ABF; }

.donation-form-component button:active {
  background: #43458B; }

.donation-form-component .outcome {
  float: left;
  width: 100%;
  padding-top: 8px;
  min-height: 24px;
  text-align: center; }

.donation-form-component .success, .donation-form-component .error {
  display: none;
  font-size: 13px; }

.donation-form-component .success.visible, .donation-form-component .error.visible {
  display: inline; }

.donation-form-component .error {
  color: #E4584C; }

.donation-form-component .success {
  color: #666EE8; }

.donation-form-component .success .token {
  font-weight: 500;
  font-size: 13px; }

.footnote-component .body p, .footnote-component .body li {
  font-size: 0.8rem;
  line-height: 1rem;
  font-weight: 400; }

.footnote-component.bgColumnWidth-default .bg {
  max-width: 1400px;
  margin: 0 auto; }

.footnote-component.bgColumnWidth-full .bg, .footnote-component.bgColumnWidth- .bg {
  max-width: none;
  margin: 0 auto; }

.footnote-component.bgColumnWidth-narrow .bg {
  max-width: 1000px;
  margin: 0 auto; }

.footnote-component.bgColumnWidth-wide .bg {
  max-width: 1600px;
  margin: 0 auto; }

.footnote-component .bg {
  margin: 0 auto; }

.footnote-component.theme-dark-blue {
  background-color: transparent; }
  .footnote-component.theme-dark-blue .bg {
    background-color: #002843; }

.footnote-component.theme-blue {
  background-color: transparent; }
  .footnote-component.theme-blue .bg {
    background-color: #0063A7; }

.footnote-component.theme-purple {
  background-color: transparent; }
  .footnote-component.theme-purple .bg {
    background-color: #542368; }

.footnote-component.theme-light-gray, .footnote-component.theme-gray {
  background-color: transparent; }
  .footnote-component.theme-light-gray .bg, .footnote-component.theme-gray .bg {
    background-color: #f7f7f7; }

.graphsline-component .r {
  align-items: center; }
  .graphsline-component .r.vertical-alignment-top {
    align-items: flex-start; }
  .graphsline-component .r.vertical-alignment-bottom {
    align-items: flex-end; }

.graphsline-component .react-dom-point {
  width: 100%; }

.graphsline-component .type-donut .g2-html-annotation {
  display: none !important; }

@media only screen and (min-width: 481px) {
  .graphsline-component .c {
    padding-right: 30px;
    padding-left: 30px; }
    .graphsline-component .c.col-width-2-1 {
      flex: 2; }
      .graphsline-component .c.col-width-2-1 + .col-width-2-1 {
        flex: 1; }
    .graphsline-component .c.col-width-1-2 {
      flex: 1; }
      .graphsline-component .c.col-width-1-2 + .col-width-1-2 {
        flex: 2; } }

.component.headline-component h1 {
  font-size: 2.6rem;
  line-height: 3.4rem;
  font-weight: 300; }
  @media only screen and (min-width: 481px) {
    .component.headline-component h1 {
      font-size: 2.6rem;
      line-height: 3.4rem; } }

.component.headline-component .subtitle {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  font-weight: normal; }
  @media only screen and (min-width: 481px) {
    .component.headline-component .subtitle {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

.component.headline-component.theme-white .subtitle, .component.headline-component.theme-default .subtitle {
  color: #248AD0; }

.component.headline-component.theme-dark-blue .subtitle {
  color: #DBECF7; }

.component.headline-component.theme-purple .subtitle {
  color: #DBECF7; }

.component.headline-component.theme-purple .tag-cloud a {
  color: #ffffff;
  border-color: #ffffff; }
  .component.headline-component.theme-purple .tag-cloud a:hover {
    opacity: 0.8; }

.component.headline-component.theme-white-with-purple .subtitle {
  color: #702F8A; }

.component.headline-component.theme-white-with-purple .tag-cloud a {
  color: #702F8A;
  border-color: #702F8A; }
  .component.headline-component.theme-white-with-purple .tag-cloud a:hover {
    opacity: 0.8; }

.hero-component {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative; }
  @media only screen and (min-width: 481px) {
    .hero-component {
      height: 50vh;
      min-height: 500px;
      align-items: center; } }
  .hero-component.background-image-yes .background-wrapper {
    z-index: 3;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-width: 1200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60%;
    bottom: auto; }
    @media only screen and (min-width: 481px) {
      .hero-component.background-image-yes .background-wrapper {
        background-position: center right;
        padding-bottom: 0;
        top: 0;
        left: 40%;
        bottom: 0;
        width: 60%;
        height: 100%;
        max-height: none; } }
    .hero-component.background-image-yes .background-wrapper:before {
      content: '';
      background: white;
      background: linear-gradient(0, white 0%, rgba(255, 255, 255, 0) 100%);
      position: absolute;
      top: auto;
      left: 0;
      bottom: 0;
      height: 75%;
      width: 100%;
      z-index: 5; }
      @media only screen and (min-width: 481px) {
        .hero-component.background-image-yes .background-wrapper:before {
          top: 0;
          left: 0;
          bottom: 0;
          width: 40%;
          height: 100%;
          background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); } }
  @media only screen and (min-width: 481px) {
    .hero-component.background-image-yes.content-right .background-wrapper {
      left: 0; } }
  @media only screen and (min-width: 481px) {
    .hero-component.background-image-yes.content-right .background-wrapper:before {
      left: auto;
      right: 0;
      transform: rotate(180deg); } }
  .hero-component .content-wrapper {
    z-index: 10;
    padding-top: 60%; }
    @media only screen and (min-width: 481px) {
      .hero-component .content-wrapper {
        padding-top: 30px; } }
    .hero-component .content-wrapper .text-wrapper h1 {
      font-weight: 100; }
  .hero-component.is-admin-preview {
    min-height: auto; }
  .hero-component.content-left .text-wrapper {
    padding-left: 15px; }
    @media only screen and (min-width: 481px) {
      .hero-component.content-left .text-wrapper {
        margin-right: auto;
        width: 50%; } }
  .hero-component.content-right .text-wrapper {
    padding-right: 15px; }
    @media only screen and (min-width: 481px) {
      .hero-component.content-right .text-wrapper {
        margin-left: auto;
        width: 50%; } }
  .hero-component.theme-white.background-image-yes .background-wrapper:before, .hero-component.theme-default.background-image-yes .background-wrapper:before {
    background: white;
    background: linear-gradient(0, white 0%, rgba(255, 255, 255, 0) 100%); }
    @media only screen and (min-width: 481px) {
      .hero-component.theme-white.background-image-yes .background-wrapper:before, .hero-component.theme-default.background-image-yes .background-wrapper:before {
        background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); } }
  .hero-component.theme-black.background-image-yes .background-wrapper:before {
    background: black;
    background: linear-gradient(0, black 0%, rgba(0, 0, 0, 0) 100%); }
    @media only screen and (min-width: 481px) {
      .hero-component.theme-black.background-image-yes .background-wrapper:before {
        background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%); } }
  .hero-component.theme-gray.background-image-yes .background-wrapper:before, .hero-component .theme-light-gray.background-image-yes .background-wrapper:before {
    background: #f7f7f7;
    background: linear-gradient(0, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%); }
    @media only screen and (min-width: 481px) {
      .hero-component.theme-gray.background-image-yes .background-wrapper:before, .hero-component .theme-light-gray.background-image-yes .background-wrapper:before {
        background: linear-gradient(90deg, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%); } }
  .hero-component.theme-dark-gray.background-image-yes .background-wrapper:before {
    background: #424448;
    background: linear-gradient(0, #424448 0%, rgba(66, 68, 72, 0) 100%); }
    @media only screen and (min-width: 481px) {
      .hero-component.theme-dark-gray.background-image-yes .background-wrapper:before {
        background: linear-gradient(90deg, #424448 0%, rgba(66, 68, 72, 0) 100%); } }
  .hero-component.theme-black.background-image-yes .background-wrapper:before {
    background: black;
    background: linear-gradient(0, black 0%, rgba(0, 40, 67, 0) 100%); }
    @media only screen and (min-width: 481px) {
      .hero-component.theme-black.background-image-yes .background-wrapper:before {
        background: linear-gradient(90deg, black 0%, rgba(0, 40, 67, 0) 100%); } }
  .hero-component.theme-dark-blue.background-image-yes .background-wrapper:before {
    background: #002843;
    background: linear-gradient(0, #002843 0%, rgba(0, 40, 67, 0) 100%); }
    @media only screen and (min-width: 481px) {
      .hero-component.theme-dark-blue.background-image-yes .background-wrapper:before {
        background: linear-gradient(90deg, #002843 0%, rgba(0, 40, 67, 0) 100%); } }
  .hero-component.theme-dark-blue .text-wrapper h1, .hero-component.theme-dark-blue .text-wrapper h2 {
    color: #92C5E7; }
  .hero-component.theme-blue.background-image-yes .background-wrapper:before {
    background: #0063a7;
    background: linear-gradient(0, #0063a7 0%, rgba(0, 99, 167, 0) 100%); }
    @media only screen and (min-width: 481px) {
      .hero-component.theme-blue.background-image-yes .background-wrapper:before {
        background: linear-gradient(90deg, #0063a7 0%, rgba(0, 99, 167, 0) 100%); } }
  .hero-component.theme-blue .text-wrapper h1, .hero-component.theme-blue .text-wrapper h2 {
    color: #ffffff; }
  .hero-component.theme-purple.background-image-yes .background-wrapper:before {
    background: #542368;
    background: linear-gradient(0, #542368 0%, rgba(84, 35, 104, 0) 100%); }
    @media only screen and (min-width: 481px) {
      .hero-component.theme-purple.background-image-yes .background-wrapper:before {
        background: linear-gradient(90deg, #542368 0%, rgba(84, 35, 104, 0) 100%); } }
  .hero-component.theme-purple .text-wrapper h1, .hero-component.theme-purple .text-wrapper h2 {
    color: #DFC2EA; }
  .hero-component.theme-white-with-purple.background-image-yes .background-wrapper:before {
    background: white;
    background: linear-gradient(0, white 0%, rgba(255, 255, 255, 0) 100%); }
    @media only screen and (min-width: 481px) {
      .hero-component.theme-white-with-purple.background-image-yes .background-wrapper:before {
        background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); } }
  .hero-component.theme-white-with-purple .text-wrapper h1, .hero-component.theme-white-with-purple .text-wrapper h2 {
    color: #702F8A; }

.component.hero-asset-plus-text-component {
  min-height: 800px;
  height: 100vh;
  background-color: #ffffff; }
  @media only screen and (min-width: 481px) {
    .component.hero-asset-plus-text-component {
      height: 70vh;
      min-height: 500px;
      max-height: 700px; } }
  .component.hero-asset-plus-text-component .content-wrapper {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center; }
  .component.hero-asset-plus-text-component .image-wrapper {
    box-shadow: 7.5px 7.5px 0 0 rgba(146, 197, 231, 0.25);
    height: 50%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    position: absolute;
    right: 15px;
    top: 30px; }
    @media only screen and (min-width: 481px) {
      .component.hero-asset-plus-text-component .image-wrapper {
        box-shadow: 30px 30px 0 0 rgba(146, 197, 231, 0.25); } }
    @media only screen and (min-width: 481px) {
      .component.hero-asset-plus-text-component .image-wrapper {
        wdith: 70%;
        max-width: 70%;
        height: calc(100% - 60px);
        right: 30px; } }
  .component.hero-asset-plus-text-component .text-wrapper {
    position: absolute;
    background-color: #f7f7f7;
    width: 95%;
    min-width: 350px;
    max-width: 700px;
    z-index: 10;
    right: 0;
    top: 45%;
    padding: 0 30px;
    overflow: hidden;
    margin-top: 0; }
    @media only screen and (min-width: 481px) {
      .component.hero-asset-plus-text-component .text-wrapper {
        top: 50%;
        transform: translateY(-50%);
        left: 30px;
        max-width: 50%;
        width: 100%; } }
    @media only screen and (min-width: 1024px) {
      .component.hero-asset-plus-text-component .text-wrapper {
        min-width: 450px;
        max-width: 500px; } }
    .component.hero-asset-plus-text-component .text-wrapper h1 {
      font-size: 2.6rem;
      line-height: 3.4rem;
      font-weight: 300; }
      @media only screen and (min-width: 481px) {
        .component.hero-asset-plus-text-component .text-wrapper h1 {
          font-size: 2.6rem;
          line-height: 3.4rem; } }
    .component.hero-asset-plus-text-component .text-wrapper h2, .component.hero-asset-plus-text-component .text-wrapper h3, .component.hero-asset-plus-text-component .text-wrapper h4, .component.hero-asset-plus-text-component .text-wrapper h5, .component.hero-asset-plus-text-component .text-wrapper h6 {
      font-size: 1.6rem;
      line-height: 2.2rem;
      font-weight: 400;
      font-weight: 300;
      opacity: 0.75; }
      @media only screen and (min-width: 481px) {
        .component.hero-asset-plus-text-component .text-wrapper h2, .component.hero-asset-plus-text-component .text-wrapper h3, .component.hero-asset-plus-text-component .text-wrapper h4, .component.hero-asset-plus-text-component .text-wrapper h5, .component.hero-asset-plus-text-component .text-wrapper h6 {
          font-size: 1.6rem;
          line-height: 2.2rem; } }
  .component.hero-asset-plus-text-component.asset-left .image-wrapper {
    left: 15px;
    right: auto; }
  .component.hero-asset-plus-text-component.asset-left .text-wrapper {
    right: 15px;
    left: auto; }
  .component.hero-asset-plus-text-component.theme-white .text-wrapper, .component.hero-asset-plus-text-component.theme-default .text-wrapper {
    background-color: #ffffff; }
  .component.hero-asset-plus-text-component.theme-black .text-wrapper {
    background-color: #000000;
    color: #ffffff; }
  .component.hero-asset-plus-text-component.theme-gray .text-wrapper, .component.hero-asset-plus-text-component .theme-light-gray .text-wrapper {
    background-color: #f7f7f7; }
  .component.hero-asset-plus-text-component.theme-dark-gray .text-wrapper {
    background-color: #424448;
    color: #ffffff; }
  .component.hero-asset-plus-text-component.theme-black .text-wrapper {
    background-color: #000000;
    color: #ffffff; }
  .component.hero-asset-plus-text-component.theme-dark-blue .text-wrapper {
    background-color: #002843;
    color: #ffffff; }
    .component.hero-asset-plus-text-component.theme-dark-blue .text-wrapper h2, .component.hero-asset-plus-text-component.theme-dark-blue .text-wrapper h3, .component.hero-asset-plus-text-component.theme-dark-blue .text-wrapper h4, .component.hero-asset-plus-text-component.theme-dark-blue .text-wrapper h5, .component.hero-asset-plus-text-component.theme-dark-blue .text-wrapper h6 {
      color: #92C5E7; }
  .component.hero-asset-plus-text-component.theme-purple .image-wrapper {
    box-shadow: 7.5px 7.5px 0 0 rgba(223, 194, 234, 0.25); }
    @media only screen and (min-width: 481px) {
      .component.hero-asset-plus-text-component.theme-purple .image-wrapper {
        box-shadow: 30px 30px 0 0 rgba(223, 194, 234, 0.25); } }
  .component.hero-asset-plus-text-component.theme-purple .text-wrapper {
    background-color: #542368;
    color: #ffffff; }
    .component.hero-asset-plus-text-component.theme-purple .text-wrapper h2, .component.hero-asset-plus-text-component.theme-purple .text-wrapper h3, .component.hero-asset-plus-text-component.theme-purple .text-wrapper h4, .component.hero-asset-plus-text-component.theme-purple .text-wrapper h5, .component.hero-asset-plus-text-component.theme-purple .text-wrapper h6 {
      color: #DFC2EA; }
  .component.hero-asset-plus-text-component.theme-white-with-purple .image-wrapper {
    box-shadow: 7.5px 7.5px 0 0 rgba(223, 194, 234, 0.25); }
    @media only screen and (min-width: 481px) {
      .component.hero-asset-plus-text-component.theme-white-with-purple .image-wrapper {
        box-shadow: 30px 30px 0 0 rgba(223, 194, 234, 0.25); } }
  .component.hero-asset-plus-text-component.theme-white-with-purple .text-wrapper {
    background-color: #ffffff; }

.content-width-normal .r {
  display: block; }
  @media only screen and (min-width: 481px) {
    .content-width-normal .r {
      display: flex; } }

.content-width-normal .image-card {
  max-width: 100% !important; }

.content-width-normal .image-card.is-logo-no .image-wrapper img {
  max-height: 100% !important; }

.component.image-grid-component .image-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 15px;
  max-width: 400px; }
  .component.image-grid-component .image-card .image-wrapper {
    position: relative;
    margin-bottom: 30px; }
    .component.image-grid-component .image-card .image-wrapper .image-overlay {
      background-color: #ffffff;
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      padding: 0 30px;
      transition: 0.2s all ease-out;
      display: flex;
      align-items: center;
      justify-content: center; }
      .component.image-grid-component .image-card .image-wrapper .image-overlay.overlay-background-default {
        background-color: #ffffff;
        color: #424448; }
      .component.image-grid-component .image-card .image-wrapper .image-overlay.overlay-background-blue {
        background-color: #0063A7;
        color: #ffffff; }
      .component.image-grid-component .image-card .image-wrapper .image-overlay.overlay-background-dark-blue {
        background-color: #002843;
        color: #ffffff; }
      .component.image-grid-component .image-card .image-wrapper .image-overlay.overlay-background-purple {
        background-color: #542368;
        color: #ffffff; }
    .component.image-grid-component .image-card .image-wrapper:hover .image-overlay {
      opacity: 1; }
    .component.image-grid-component .image-card .image-wrapper img {
      width: 100%;
      display: block;
      margin: 0; }
  .component.image-grid-component .image-card .text-wrapper {
    flex: 1; }
    .component.image-grid-component .image-card .text-wrapper h5 {
      margin: 0; }
    .component.image-grid-component .image-card .text-wrapper .body *:first-child {
      margin-top: 15px; }
    .component.image-grid-component .image-card .text-wrapper .body *:last-child {
      margin-bottom: 0; }
  .component.image-grid-component .image-card .cta {
    margin-top: 15px; }
  .component.image-grid-component .image-card.is-logo-no .image-wrapper img {
    max-height: 240px; }
  .component.image-grid-component .image-card.is-logo-yes .image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 100%;
    position: relative; }
    .component.image-grid-component .image-card.is-logo-yes .image-wrapper > a, .component.image-grid-component .image-card.is-logo-yes .image-wrapper > img {
      position: absolute;
      margin-top: 25%;
      transform: translateY(50%);
      display: block;
      width: 100%; }
  .component.image-grid-component .image-card.logo-white-bg-yes .image-wrapper {
    background-color: #ffffff; }

.component.image-grid-component.justify-center .image-card {
  margin: 15px auto;
  padding-left: 15px;
  padding-right: 15px; }

.component.image-grid-component.justify-center .c:first-child .image-card {
  padding-left: 0; }

.component.image-grid-component.justify-center .c:last-child .image-card {
  padding-right: 0; }

.intrapage-menu-component {
  position: relative;
  z-index: 9999; }
  .intrapage-menu-component.sticky .content-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin: 0;
    max-width: none; }
    .intrapage-menu-component.sticky .content-wrapper .main-submenu {
      max-width: 1170px;
      margin: 0 auto; }
  .intrapage-menu-component .content-wrapper {
    background-color: #ffffff;
    padding-top: 0;
    padding-bottom: 0; }
  .intrapage-menu-component.theme-purple .content-wrapper {
    background-color: #542368;
    color: #ffffff; }
  .intrapage-menu-component.theme-dark-blue .content-wrapper {
    background-color: #002843;
    color: #ffffff; }
  .intrapage-menu-component.theme-blue .content-wrapper {
    background-color: #0063A7;
    color: #ffffff; }
  .intrapage-menu-component .main-submenu {
    background-color: transparent; }
    .intrapage-menu-component .main-submenu .main-submenu-hamburger-toggle {
      border: 0; }
      .intrapage-menu-component .main-submenu .main-submenu-hamburger-toggle .title {
        color: inherit; }
    .intrapage-menu-component .main-submenu .main-submenu-content {
      justify-content: center;
      border: 0; }
      .intrapage-menu-component .main-submenu .main-submenu-content .submenu-body .menu > .menu-item a {
        text-decoration: none;
        transition: 0.2s all ease-out;
        text-underline-offset: 5px;
        text-decoration-color: #248AD0; }
        .intrapage-menu-component .main-submenu .main-submenu-content .submenu-body .menu > .menu-item a:hover {
          text-decoration: underline;
          text-decoration-color: #248AD0;
          background-color: transparent;
          color: inherit; }
      .intrapage-menu-component .main-submenu .main-submenu-content .submenu-body .menu > .menu-item {
        color: #002843; }
        .intrapage-menu-component .main-submenu .main-submenu-content .submenu-body .menu > .menu-item.current-menu-item a {
          text-decoration: underline;
          text-decoration-color: #248AD0;
          background-color: transparent;
          color: inherit; }
      .intrapage-menu-component .main-submenu .main-submenu-content .submenu-header a {
        color: inherit;
        font-weight: bold; }
  .intrapage-menu-component.theme-purple .main-submenu .main-submenu-content .submenu-body .menu > .menu-item a {
    color: #ffffff; }
  .intrapage-menu-component.theme-dark-blue .main-submenu .main-submenu-content .submenu-body .menu > .menu-item a {
    color: #ffffff; }

.component.logo-grid-component .image-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 auto;
  max-width: 400px;
  padding: 15px 0; }
  .component.logo-grid-component .image-card h2 {
    margin-bottom: 0;
    flex: 1; }
  .component.logo-grid-component .image-card .body {
    flex: 1; }
    .component.logo-grid-component .image-card .body *:last-child {
      margin-bottom: 0; }
  .component.logo-grid-component .image-card .image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center; }
    .component.logo-grid-component .image-card .image-wrapper img {
      display: block;
      max-width: 70%;
      width: auto;
      margin: 0 auto; }
  .component.logo-grid-component .image-card.logo-white-bg-yes .image-wrapper {
    background-color: #ffffff;
    height: 100%;
    padding: 15px 0; }

.component.membership-directory-component h2.section-headline {
  padding-bottom: 15px;
  border-bottom: 2px solid #002843; }

.component.membership-directory-component .member-search-wrapper {
  height: 59px;
  margin: 30px 0; }
  @media only screen and (min-width: 481px) {
    .component.membership-directory-component .member-search-wrapper {
      text-align: right;
      border-bottom: 2px solid #002843; } }
  .component.membership-directory-component .member-search-wrapper input[type="search"] {
    flex: 1;
    padding: 10px;
    width: 100%;
    margin: 0;
    height: 40px;
    border: 1px solid #D0D0CE;
    box-sizing: border-box; }
    @media only screen and (min-width: 481px) {
      .component.membership-directory-component .member-search-wrapper input[type="search"] {
        width: 75%; } }

.component.membership-directory-component .user-thumbs-wrapper {
  display: flex;
  flex-wrap: wrap; }
  .component.membership-directory-component .user-thumbs-wrapper article.user-thumb {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%; }
    @media only screen and (min-width: 481px) {
      .component.membership-directory-component .user-thumbs-wrapper article.user-thumb {
        max-width: 49%;
        flex: 1 1 49%;
        width: 49%;
        margin-right: 1%; } }
    .component.membership-directory-component .user-thumbs-wrapper article.user-thumb.search-match {
      border: 1px solid #248AD0; }

.modal-component {
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  z-index: 10;
  max-width: 800px;
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
  z-index: 10010; }
  .modal-component__close-icon {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 15px;
    height: 15px;
    cursor: pointer; }
  .modal-component__close-link {
    display: inline;
    cursor: pointer;
    margin-right: 30px;
    color: #A7A8AA; }
  .modal-component .c > *:first-child {
    margin-top: 0; }
  .modal-component .c > *:last-child {
    margin-bottom: 0; }

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
  z-index: 10001; }
  .modal-overlay__active {
    display: block; }

.modal-overlay-overflow {
  overflow: hidden; }

.newsletter-form-component .content-wrapper .embed-code {
  margin: 30px 0; }

.newsletter-form-component .content-wrapper .email-errors {
  background-color: #fc4c55;
  padding: 15px;
  margin-bottom: 30px; }
  .newsletter-form-component .content-wrapper .email-errors p {
    margin: 0;
    color: #ffffff; }
    .newsletter-form-component .content-wrapper .email-errors p a {
      color: #ffffff; }

.component.portal-featured-dashboard-component h2.section-header {
  color: #248AD0;
  text-align: center; }

.component.portal-featured-dashboard-component .benefit {
  max-width: 800px;
  margin: 60px auto; }
  .component.portal-featured-dashboard-component .benefit.emerge {
    margin-top: 0; }
  .component.portal-featured-dashboard-component .benefit.leadership {
    margin-bottom: 0; }
  .component.portal-featured-dashboard-component .benefit h2, .component.portal-featured-dashboard-component .benefit h3 {
    color: #248AD0;
    position: relative; }
    .component.portal-featured-dashboard-component .benefit h2:after, .component.portal-featured-dashboard-component .benefit h3:after {
      content: '';
      width: 25%;
      background-color: #F68D2E;
      height: 2px;
      bottom: -15px;
      left: 0;
      position: absolute; }

.component.relationship-manager-component {
  background-color: #0063A7; }
  .component.relationship-manager-component .relationship-manager {
    color: #ffffff; }
    .component.relationship-manager-component .relationship-manager .eyebrow {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      margin: 0;
      color: inherit;
      opacity: 0.8; }
    .component.relationship-manager-component .relationship-manager h3 {
      font-size: 1.6rem;
      line-height: 2.2rem;
      font-weight: 400;
      font-weight: bold;
      margin: 0;
      color: inherit; }
      @media only screen and (min-width: 481px) {
        .component.relationship-manager-component .relationship-manager h3 {
          font-size: 1.6rem;
          line-height: 2.2rem; } }
    .component.relationship-manager-component .relationship-manager .email, .component.relationship-manager-component .relationship-manager .phone {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      margin: 0;
      opacity: 0.9; }
      .component.relationship-manager-component .relationship-manager .email a, .component.relationship-manager-component .relationship-manager .phone a {
        color: inherit; }

.component.small-groups-news-component h2.section-headline {
  padding-bottom: 15px;
  border-bottom: 1px solid #002843; }

.component.small-groups-news-component .card {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0; }
  .component.small-groups-news-component .card .news {
    border: 1px solid #D9D9D6;
    margin: 30px 0;
    padding: 15px; }
    .component.small-groups-news-component .card .news *:first-child {
      margin-top: 0; }
    .component.small-groups-news-component .card .news *:last-child {
      margin-bottom: 0; }

.survey-questions-component .header h4 {
  margin-bottom: 0;
  font-size: 1rem; }

.survey-questions-component .header h2 {
  margin-top: 0; }

.survey-questions-component .question-wrapper {
  margin-bottom: 60px; }
  .survey-questions-component .question-wrapper h2 {
    margin-bottom: 15px; }
  .survey-questions-component .question-wrapper .question {
    font-size: 1.2rem; }
  .survey-questions-component .question-wrapper form.submitting .btn-primary {
    opacity: 0.5; }
  .survey-questions-component .question-wrapper label {
    max-width: none;
    position: relative; }
    .survey-questions-component .question-wrapper label input {
      margin-bottom: 25px;
      position: absolute;
      top: 3px;
      left: 3px; }
    .survey-questions-component .question-wrapper label span.label {
      display: block;
      padding: 3px 3px 3px 40px; }
    .survey-questions-component .question-wrapper label input:checked + span.label {
      background-color: #DBECF7; }
  .survey-questions-component .question-wrapper.color-blue h2 {
    color: #248AD0; }
  .survey-questions-component .question-wrapper.color-dark-blue h2 {
    color: #002843; }
  .survey-questions-component .question-wrapper.color-purple h2 {
    color: #542368; }
  .survey-questions-component .question-wrapper.color-orange h2 {
    color: #F68D2E; }

.survey-questions-component .results .start-over-button {
  font-weight: bold;
  text-decoration: none; }

.survey-questions-component .results .results-wrapper {
  margin-bottom: 60px; }
  .survey-questions-component .results .results-wrapper .c {
    justify-content: flex-start;
    display: flex;
    flex-direction: column; }
  .survey-questions-component .results .results-wrapper .image-wrapper {
    padding: 0 45px 30px; }
    .survey-questions-component .results .results-wrapper .image-wrapper img {
      width: 100%; }
  .survey-questions-component .results .results-wrapper .eyebrow {
    margin-top: 0; }
  .survey-questions-component .results .results-wrapper.color-blue h2, .survey-questions-component .results .results-wrapper.color-blue .eyebrow {
    color: #248AD0; }
  .survey-questions-component .results .results-wrapper.color-dark-blue h2, .survey-questions-component .results .results-wrapper.color-dark-blue .eyebrow {
    color: #002843; }
  .survey-questions-component .results .results-wrapper.color-purple h2, .survey-questions-component .results .results-wrapper.color-purple .eyebrow {
    color: #542368; }
  .survey-questions-component .results .results-wrapper.color-orange h2, .survey-questions-component .results .results-wrapper.color-orange .eyebrow {
    color: #F68D2E; }

.survey-results-component .results-wrapper {
  text-align: center;
  padding: 30px 30px 0 30px; }
  .survey-results-component .results-wrapper.results-text {
    padding: 0 30px 30px 30px; }
  .survey-results-component .results-wrapper .eyebrow {
    font-size: 1.3rem;
    line-height: 1.7rem;
    font-weight: bold;
    color: inherit;
    margin: 15px 0 0 0; }
  .survey-results-component .results-wrapper h2 {
    font-size: 1.3rem;
    line-height: 1.7rem;
    margin: 0 0 15px 0; }
  .survey-results-component .results-wrapper .result {
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 400; }
    .survey-results-component .results-wrapper .result p {
      margin: 15px 0; }
  .survey-results-component .results-wrapper.color-blue .eyebrow {
    color: #248AD0; }
  .survey-results-component .results-wrapper.color-dark-blue .eyebrow {
    color: #002843; }
  .survey-results-component .results-wrapper.color-purple .eyebrow {
    color: #542368; }
  .survey-results-component .results-wrapper.color-orange .eyebrow {
    color: #F68D2E; }

.table-component .table-header-info .c {
  display: flex;
  justify-content: flex-end;
  flex-direction: column; }

@media screen and (max-width: 600px) {
  .table-component .body {
    width: 100%;
    max-height: 98vh;
    overflow: auto; }
  .table-component table {
    margin: 0;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed; }
  .table-component table.sticky {
    width: 200%; }
  .table-component table.sticky thead, .table-component table.sticky tbody {
    display: table-row; }
  .table-component table thead th {
    position: sticky;
    top: 0;
    z-index: 1; }
  .table-component table td {
    text-align: center; }
  .table-component table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2; }
  .table-component table tbody th {
    text-align: left;
    position: relative;
    position: sticky;
    left: 0;
    z-index: 1; } }

.text-component.bgColumnWidth-default .bg {
  max-width: 1400px;
  margin: 0 auto; }

.text-component.bgColumnWidth-full .bg, .text-component.bgColumnWidth- .bg {
  max-width: none;
  margin: 0 auto; }

.text-component.bgColumnWidth-narrow .bg {
  max-width: 1000px;
  margin: 0 auto; }

.text-component.bgColumnWidth-wide .bg {
  max-width: 1600px;
  margin: 0 auto; }

.text-component .bg {
  margin: 0 auto; }

.text-component.theme-dark-blue {
  background-color: transparent; }
  .text-component.theme-dark-blue .bg {
    background-color: #002843; }

.text-component.theme-blue {
  background-color: transparent; }
  .text-component.theme-blue .bg {
    background-color: #0063A7; }

.text-component.theme-purple {
  background-color: transparent; }
  .text-component.theme-purple .bg {
    background-color: #542368; }

.text-component.theme-light-gray, .text-component.theme-gray {
  background-color: transparent; }
  .text-component.theme-light-gray .bg, .text-component.theme-gray .bg {
    background-color: #f7f7f7; }

.text-multi-column-component.bgColumnWidth-default .bg {
  max-width: 1400px;
  margin: 0 auto; }

.text-multi-column-component.bgColumnWidth-full .bg, .text-multi-column-component.bgColumnWidth- .bg {
  max-width: none;
  margin: 0 auto; }

.text-multi-column-component.bgColumnWidth-narrow .bg {
  max-width: 1000px;
  margin: 0 auto; }

.text-multi-column-component.bgColumnWidth-wide .bg {
  max-width: 1600px;
  margin: 0 auto; }

.text-multi-column-component .bg {
  margin: 0 auto; }

.text-multi-column-component.theme-dark-blue {
  background-color: transparent; }
  .text-multi-column-component.theme-dark-blue .bg {
    background-color: #002843; }

.text-multi-column-component.theme-blue {
  background-color: transparent; }
  .text-multi-column-component.theme-blue .bg {
    background-color: #0063A7; }

.text-multi-column-component.theme-purple {
  background-color: transparent; }
  .text-multi-column-component.theme-purple .bg {
    background-color: #542368; }

.text-multi-column-component.theme-light-gray {
  background-color: transparent; }
  .text-multi-column-component.theme-light-gray .bg {
    background-color: #f7f7f7; }

.component.text-with-statistics-component .stat-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 500px; }
  .component.text-with-statistics-component .stat-card .body {
    flex: 1; }
  .component.text-with-statistics-component .stat-card .cta {
    margin-top: 0;
    margin-bottom: 0; }

.component.text-with-statistics-component .stat-wrapper {
  padding: 0 15px 0 0;
  color: #002843; }

.component.text-with-statistics-component.justify-center .stat-wrapper {
  padding: 0 15px; }

.component.text-with-statistics-component.justify-right .stat-wrapper {
  padding: 0 0 0 15px; }

.component.text-with-statistics-component.theme-black .stat-wrapper {
  color: #ffffff; }

.component.text-with-statistics-component.theme-dark-gray .stat-wrapper {
  color: #ffffff; }

.component.text-with-statistics-component.theme-black .stat-wrapper {
  color: #ffffff; }

.component.text-with-statistics-component.theme-dark-blue .stat-wrapper {
  color: #ffffff; }

.component.text-with-statistics-component.theme-purple .stat-wrapper {
  color: #ffffff; }

.component.text-with-statistics-component.theme-white-with-purple .stat-wrapper {
  color: #542368; }

.component.user-favorite-content-component h2.section-headline {
  padding-bottom: 15px;
  border-bottom: 1px solid #002843; }

.component.user-welcome-component {
  background-color: #0063A7; }
  .component.user-welcome-component .c:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .component.user-welcome-component .user-card {
    background-color: transparent;
    color: #ffffff;
    padding-left: 0; }
    .component.user-welcome-component .user-card .user-info {
      padding-left: 30px; }
  .component.user-welcome-component .relationship-manager {
    text-align: right;
    color: #ffffff; }
    .component.user-welcome-component .relationship-manager .eyebrow {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      margin: 0;
      color: inherit;
      opacity: 0.8; }
    .component.user-welcome-component .relationship-manager h3 {
      font-size: 1.6rem;
      line-height: 2.2rem;
      font-weight: 400;
      font-weight: bold;
      margin: 0;
      color: inherit; }
      @media only screen and (min-width: 481px) {
        .component.user-welcome-component .relationship-manager h3 {
          font-size: 1.6rem;
          line-height: 2.2rem; } }
    .component.user-welcome-component .relationship-manager .email, .component.user-welcome-component .relationship-manager .phone {
      font-size: 0.8rem;
      line-height: 1rem;
      font-weight: 400;
      margin: 0;
      opacity: 0.9; }
      .component.user-welcome-component .relationship-manager .email a, .component.user-welcome-component .relationship-manager .phone a {
        color: inherit; }

.video-with-chat-component.theme-black .chat {
  background-color: #000000;
  color: #f7f7f7;
  border: 1px solid #63666A; }
  .video-with-chat-component.theme-black .chat .chat-header .chat-alerts li {
    background-color: #424448;
    color: #f7f7f7;
    border: 1px solid #53565A; }
    .video-with-chat-component.theme-black .chat .chat-header .chat-alerts li.message {
      background-color: #003f7f; }

.video-with-chat-component .title {
  margin-top: 0; }

.video-with-chat-component .video-preview {
  margin: 0 0 30px 0;
  position: relative; }
  .video-with-chat-component .video-preview .live-tag {
    background-color: #ffffff;
    position: absolute;
    left: 15px;
    top: 15px;
    line-height: 20px;
    padding: 7.5px 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    border-radius: 4px;
    pointer-events: none; }
    .video-with-chat-component .video-preview .live-tag:before {
      content: '';
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-right: 7.5px;
      border-radius: 50%;
      background-color: #fc4c55; }
  .video-with-chat-component .video-preview .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 25px;
    text-align: center;
    color: #000000;
    border-radius: 50%;
    background-color: #ffffff;
    z-index: 100;
    cursor: pointer;
    box-shadow: 0 4px 2px -2px rgba(66, 68, 72, 0.2);
    pointer-events: none; }

.video-with-chat-component .share {
  margin: 30px 0; }
  .video-with-chat-component .share h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 7.5px 0 0;
    display: inline;
    font-size: 1.3rem; }
  .video-with-chat-component .share a {
    font-size: 1.3rem;
    margin: 0 15px; }

@media only screen and (min-width: 481px) {
  .video-with-chat-component .chat-wrapper {
    padding-left: 30px; } }

.video-with-chat-component #chat-banner {
  background-color: #cce5ff;
  color: #424448;
  box-shadow: 0 4px 8px -8px black;
  border: 1px solid #f7f7f7;
  padding: 15px;
  margin: 0 0 15px 0;
  display: none; }