@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Neat Bourbon Grid System
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Basic Variables + Mixins
--------------------------------------------------------------*/
.jaf-img-container.cover-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#jaf-announcement-btn-close, .jaf-announcement-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.jaf-news-content h2,
.jaf-news-content h3, a, .accordion-title {
  transition: color 150ms linear;
}

.jaf-announcement-btn, #utility-menu .btn-donate a,
#utility-menu .btn-donate button {
  transition: all 150ms linear;
}

.event-entry-content .jaf-event-link-block-btn, .footer-social-block .social-links__item--donate a,
.footer-social-block .social-links__item--donate button, .cta-btn,
input[type=submit].cta-btn,
.gform_wrapper .gform_footer input[type=submit] {
  transition: background-color 150ms linear;
}

.accordion-title {
  position: relative;
}
.accordion-title:after, .accordion-title:before {
  content: "";
  position: absolute;
  background-color: #FFFFFF;
  transition: transform 0.35s ease-out;
  margin: auto;
  position: absolute;
}
.accordion-title:after {
  width: 18px;
  height: 2px;
}
.accordion-title:before {
  width: 2px;
  height: 18px;
}
.open.accordion-title:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.open.accordion-title:before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: "Jaldi", sans-serif;
  line-height: 1.35em;
  margin: 40px 0 12px;
}

h1 {
  color: #E61D31;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.125em;
}
@media screen and (min-width: 570px) {
  h1 {
    font-size: 38px;
    font-size: 2.375rem;
  }
}
.entry-header h1 {
  margin: 5px 0 5px;
}
@media screen and (min-width: 1025px) {
  .entry-header h1 {
    margin: 0 0 1em;
  }
}

h2 {
  color: #103551;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.15em;
}
@media screen and (min-width: 570px) {
  h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

h3 {
  color: #008080;
  font-size: 22px;
  font-size: 1.375rem;
}
@media screen and (min-width: 570px) {
  h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

h4 {
  color: #3467C0;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
}
@media screen and (min-width: 570px) {
  h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

p {
  margin: 0.25em 0 1.25em;
  word-break: break-word;
}
.entry-content p {
  line-height: 1.65em;
}

cite,
dfn,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 1em 0;
  font-style: italic;
  font-size: 21.6px;
  font-size: 1.35rem;
  line-height: 1.35em;
}

address {
  margin: 0 0 1.25em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

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

ins,
mark {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

.cta-btn,
input[type=submit].cta-btn,
.gform_wrapper .gform_footer input[type=submit] {
  background-color: #E61D31;
  color: #FFFFFF;
  font-size: 15px;
  font-size: 0.9375rem;
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 20px 47px;
  text-align: center;
  text-transform: uppercase;
}
.cta-btn.sidebar-btn,
input[type=submit].cta-btn.sidebar-btn,
.gform_wrapper .gform_footer input[type=submit].sidebar-btn {
  display: block;
  width: 100%;
  margin-bottom: 9px;
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .cta-btn.sidebar-btn,
input[type=submit].cta-btn.sidebar-btn,
.gform_wrapper .gform_footer input[type=submit].sidebar-btn {
    margin-bottom: 16px;
  }
}

a.cta-btn:hover,
button.cta-btn:hover,
input[type=submit].cta-btn:hover,
.gform_wrapper .gform_footer input[type=submit]:hover {
  background-color: #1E194D;
  color: #fff;
}

.accordion {
  border-bottom: 4px solid #EAEAEA;
  margin-bottom: 20px;
}

.accordion-title {
  border-top: 4px solid #EAEAEA;
  color: #E61D31;
  cursor: pointer;
  font-family: "Jaldi", sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.25em;
  margin: 0;
  padding: 13px 0 13px 45px;
  position: relative;
}
.accordion-title:focus, .accordion-title:hover {
  color: #1E194D;
}
.accordion-title:after, .accordion-title:before {
  background-color: #1E194D;
  top: 17px;
  left: 12px;
}
.accordion-title:before {
  height: 16px;
  left: 19px;
}
.accordion-title:after {
  width: 16px;
  top: 24px;
}

.accordion-content {
  padding: 0 0 17px 45px;
}

.img-link {
  display: block;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #1E194D;
  /* Fallback for when there is no custom background color defined. */
  color: #1E194D;
  font-family: "Open Sans", sans-serif;
}
body.takeover-annoumcement-on, body.nav-menu-open:not(.page-template-page-news) {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

blockquote, q {
  quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote {
  background-color: #3467C0;
  color: #FFFFFF;
  font-family: "Jaldi", sans-serif;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2em;
  padding: 18px 7.8125%;
  margin-left: -9.5%;
  margin-right: -9.5%;
  text-align: center;
  position: relative;
}
blockquote:before, blockquote:after {
  content: "";
  position: absolute;
  background: url("../../img/symb-block-quote-start.svg") no-repeat center center;
  background-size: 100%;
  background-size: 100%;
  width: 35px;
  height: 24px;
}
blockquote:before {
  top: 0;
  left: 22px;
}
blockquote:after {
  bottom: 0;
  right: 23px;
  background: url("../../img/symb-block-quote-end.svg") no-repeat center center;
}
blockquote p {
  margin: 1.25em 0;
}
.entry-content blockquote p {
  line-height: 1.2em;
}
@media screen and (min-width: 570px) {
  blockquote {
    padding: 18px 52px;
    margin-left: 0;
    margin-right: 0;
  }
  blockquote p {
    margin: 0.5em 0;
  }
}
@media screen and (min-width: 1025px) {
  blockquote {
    padding: 18px 70px;
  }
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0.5em 1em;
  list-style: none;
  padding: 0 0 0 1.25em;
  position: relative;
}
ul li, ol li {
  margin-bottom: 5px;
}
ul li:before, ol li:before {
  content: "•";
  color: #1E194D;
  padding: 0 8px;
  position: absolute;
  left: 0;
}
ul li:last-child, ol li:last-child {
  margin-bottom: 0;
}

ol {
  counter-reset: item;
  padding-left: 1.5em;
}
ol li:before {
  color: #008080;
  content: counter(item);
  counter-increment: item;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  line-height: 1.25em;
  padding-left: 0;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  color: #103551;
  margin: 0 0 1.5em;
  width: 100%;
  display: block;
}
@media screen and (min-width: 570px) {
  table {
    display: table;
  }
}

tbody {
  display: block;
}
@media screen and (min-width: 570px) {
  tbody {
    display: table-row-group;
  }
}

th {
  background-color: #3467C0;
  color: #FFFFFF;
  font-weight: 400;
  text-align: left;
  display: none;
}

tr {
  display: block;
}
@media screen and (min-width: 570px) {
  tr {
    display: table-row;
  }
}
tr:nth-child(even) {
  background-color: #EAEAEA;
}

th, td {
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 9px 20px;
}

td {
  display: block;
}

th {
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.25em;
  text-transform: uppercase;
}

th:last-child, td:last-child {
  border-right: none;
}
@media screen and (min-width: 570px) {
  th, td {
    display: table-cell;
    padding: 9px 12px;
    border-right: 3px solid #FFFFFF;
  }
}

/*
 * Responsive tables CSS
 * https://github.com/jerrylow/basictable
 */
table.bt thead,
table.bt tbody th {
  display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: none;
  display: block;
  display: flex;
  vertical-align: top;
  /* IE 9 */
  float: left\9 ;
  width: 100% \9 ;
}

table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
  content: attr(data-th) ": ";
  display: inline-block;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  font-weight: bold;
  width: 7.5em;
  padding-right: 5px;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
  display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top;
}

.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
  display: none;
}

.hidden-mobile {
  display: none;
}
@media screen and (min-width: 570px) {
  .hidden-mobile {
    display: block;
  }
}

@media screen and (min-width: 570px) {
  .visible-mobile {
    display: none;
  }
}

.arrow-text span:last-child {
  white-space: nowrap;
  display: inline-flex;
  align-items: baseline;
}
.arrow-text svg {
  max-width: 0.35em;
  width: 100%;
  margin-left: 0.625rem;
}

a.arrow-text svg,
a .arrow-text svg {
  transition: margin 0.25s linear;
}
a.arrow-text:hover svg,
a .arrow-text:hover svg {
  margin-left: 0.9375rem;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0;
  color: #3467C0;
  font-size: 11px;
  font-size: 0.6875rem;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  padding: 0.35em 1em;
  text-align: center;
  text-transform: uppercase;
}

input[type=submit] {
  background-color: #3467C0;
  color: #FFFFFF;
  margin-right: 10px;
}

#jaf-blog-filter input[type=reset],
#jaf-blog-filter input[type=submit] {
  border: 2px solid #3467C0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  color: #666;
  border: 1px solid #ccc;
  padding: 0.5em 0.75em;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}
.form-content input[type=text],
.form-content input[type=email],
.form-content input[type=url],
.form-content input[type=password],
.form-content input[type=search],
.form-content input[type=number],
.form-content input[type=tel],
.form-content input[type=range],
.form-content input[type=date],
.form-content input[type=month],
.form-content input[type=week],
.form-content input[type=time],
.form-content input[type=datetime],
.form-content input[type=datetime-local],
.form-content input[type=color],
.form-content textarea {
  font-weight: 400;
  width: 100%;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border: 2px solid #FFFFFF;
  background: url(../../img/icon-select.svg) 90% center no-repeat;
  background-size: 15px 7px;
  color: #FFFFFF;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 400;
  padding: 0.25em 3em 0.25em 0.75em;
  text-transform: uppercase;
}
select:hover {
  cursor: pointer;
}

textarea {
  width: 100%;
}

input[type=radio],
input[type=checkbox] {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

input[type=radio] + span,
input[type=radio] + label {
  height: 19px;
  display: inline-block;
}

input[type=checkbox] + label {
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 2px 0;
}

input[type=radio] + span::before,
input[type=radio] + label::before,
input[type=checkbox] + span::before,
input[type=checkbox] + label::before {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 7px 3px 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type=radio] + span::before,
input[type=radio] + label::before {
  content: "";
  background: url("../../img/radio.svg") no-repeat center center;
}

input[type=radio]:checked + span::before,
input[type=radio]:checked + label::before {
  content: "";
  background: url("../../img/radio-checked.svg") no-repeat center center;
}

input[type=checkbox] + span::before,
input[type=checkbox] + label::before {
  border: 2px solid #3467C0;
  content: "";
  width: 19px;
  height: 19px;
}

input[type=checkbox]:checked + span::before,
input[type=checkbox]:checked + label::before {
  content: "";
  background: #3467C0 url("../../img/icon-checkbox.svg") no-repeat center;
  background-size: 85%;
}

input[type=radio]:focus + span,
input[type=radio]:focus + label,
input[type=checkbox]:focus + span,
input[type=checkbox]:focus + label {
  outline: #3b99fc auto 2px;
}

.jaf-checkbox-label {
  position: relative;
}

.jaf-checkbox-item {
  display: inline-block;
  margin-right: 16px;
  padding-bottom: 10px;
  position: relative;
}

/* Contact Form 7 stylings */
.wpcf7-form-control-wrap {
  margin-top: 0.5em;
  display: inline-block;
}

span.wpcf7-list-item {
  display: block;
  margin: 0 0 0.5em;
}

#content .gform_wrapper input[type=color],
#content .gform_wrapper input[type=date],
#content .gform_wrapper input[type=datetime-local],
#content .gform_wrapper input[type=datetime],
#content .gform_wrapper input[type=email],
#content .gform_wrapper input[type=month],
#content .gform_wrapper input[type=number],
#content .gform_wrapper input[type=password],
#content .gform_wrapper input[type=search],
#content .gform_wrapper input[type=tel],
#content .gform_wrapper input[type=text],
#content .gform_wrapper input[type=time],
#content .gform_wrapper input[type=url],
#content .gform_wrapper input[type=week],
#content .gform_wrapper select,
#content .gform_wrapper textarea {
  color: #1E194D;
  font-size: 16px;
  font-size: 1rem;
  padding: 6px 12px;
}
#content .gform_wrapper select {
  background: url(../../img/icon-select-blue.svg) 96% center no-repeat;
  background-size: 21px 10px;
  text-transform: none;
  padding-right: 40px;
  font-weight: normal;
}
@media screen and (max-width: 569px) {
  #content .gform_wrapper .gfield input {
    width: 100%;
  }
}
#content .gform_wrapper label,
#content .gform_wrapper .gfield_label {
  color: #1E194D;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  #content .gform_wrapper label,
#content .gform_wrapper .gfield_label {
    display: block;
  }
}
#content .gform_wrapper label .gfield_required,
#content .gform_wrapper .gfield_label .gfield_required {
  line-height: 0;
}
#content .gform_wrapper .gform_button {
  margin: 0 1rem 0 0;
}
#content .gform_wrapper .gform_required_legend {
  margin-top: 0;
}
#content #field_18_4 label {
  display: none;
}
#content .top_label div.ginput_container {
  margin-top: 6px;
}
#content .form-content .gform_wrapper label,
#content .form-content .gform_wrapper .gfield_label,
#content .form-content .gform_wrapper .gfield_required,
#content .form-content .gform_wrapper .gform_required_legend {
  color: #fff;
}
#content .gform_confirmation_message {
  color: #fff;
}
#content .entry-content .gform_confirmation_message {
  color: #1E194D;
}
#content .gform_confirmation_message h2 {
  color: #fff;
  margin-top: 35px;
}
#content .col-content .gform_wrapper input[type=color],
#content .col-content .gform_wrapper input[type=date],
#content .col-content .gform_wrapper input[type=datetime-local],
#content .col-content .gform_wrapper input[type=datetime],
#content .col-content .gform_wrapper input[type=email],
#content .col-content .gform_wrapper input[type=month],
#content .col-content .gform_wrapper input[type=number],
#content .col-content .gform_wrapper input[type=password],
#content .col-content .gform_wrapper input[type=search],
#content .col-content .gform_wrapper input[type=tel],
#content .col-content .gform_wrapper input[type=text],
#content .col-content .gform_wrapper input[type=time],
#content .col-content .gform_wrapper input[type=url],
#content .col-content .gform_wrapper input[type=week],
#content .col-content .gform_wrapper select,
#content .col-content .gform_wrapper textarea {
  border: 2px solid #3467C0;
}
#content .col-content .gchoice {
  position: relative;
}
#content .col-content input[type=checkbox],
#content .col-content input[type=radio] {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
#content .col-content input[type=checkbox] + label,
#content .col-content input[type=radio] + label {
  color: #3467C0;
  position: relative;
  line-height: 20px !important;
}
#content .col-content .gfield_checkbox .gchoice,
#content .col-content .gfield_radio .gchoice {
  font-size: 11px;
  font-size: 0.6875rem;
  margin-bottom: 10px;
}
#content .col-content .gform_wrapper ul.gform_fields li.gfield {
  margin-bottom: 18px;
}
#content .col-content .gform_wrapper .big-label label.gfield_label {
  color: #3467C0;
  font-family: "Jaldi", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin-bottom: 12px;
}
#content .col-content .gform_wrapper .gsection {
  border-bottom: 0;
  padding: 0;
  margin: 20px 0 0 0;
}
#content .col-content .gform_wrapper .gsection:first-child {
  margin-top: 0;
}
#content .col-content .gform_wrapper .gsection_description {
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 0;
}
#content .col-content .gform_wrapper h2.gsection_title,
#content .col-content .gform_wrapper h3.gsection_title {
  color: #3467C0;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin: 0;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #3467C0;
  text-decoration: none;
}
a:hover {
  color: midnightblue;
}

a.jaf-btn {
  background-color: #FFFFFF;
  color: #1E194D;
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.375em 1.125em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#primary-nav-desktop {
  clear: both;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
}
#primary-nav-desktop ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#primary-nav-desktop ul.sub-menu {
  display: none;
  font-family: "Roboto Condensed", sans-serif;
  width: 100%;
}
#primary-nav-desktop ul.sub-menu li a {
  line-height: 1.25em;
  letter-spacing: 1px;
}
#primary-nav-desktop ul.sub-menu li a:hover {
  text-decoration: underline;
}
#primary-nav-desktop li {
  position: relative;
}
#primary-nav-desktop li a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  text-decoration: none;
}
#primary-nav-desktop li.level-0 {
  display: inline-flex;
  padding: 19px 0;
}
#primary-nav-desktop li.level-0:not(:last-child) {
  margin-right: 30px;
}
#primary-nav-desktop li.level-0.open::after {
  content: "";
  background-color: #E61D31;
  position: absolute;
  height: 15px;
  width: 75%;
  left: 0;
  top: calc(100% - 7px);
  z-index: 9999;
}
#primary-nav-desktop li.level-0.menu-item-has-children > a {
  margin-right: 8px;
}
#primary-nav-desktop li.level-0 li.menu-item-has-children > a {
  max-width: calc(100% - 12px - 8px);
}
#primary-nav-desktop li.level-0 > a:hover {
  text-decoration: underline;
}
#primary-nav-desktop li.level-0 > ul.sub-menu {
  text-align: left;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  display: none;
  padding: 25px 18px 20px 18px;
  background-color: #3467C0;
  width: 226px;
  max-height: 60vh;
  overflow-y: auto;
}
#primary-nav-desktop li.level-1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 15px;
}
#primary-nav-desktop li.level-1:last-child {
  margin-bottom: 0;
}
#primary-nav-desktop li.level-1 > ul.sub-menu {
  padding: 10px 0;
}
#primary-nav-desktop li.level-2 {
  margin-bottom: 10px;
}
#primary-nav-desktop li.level-2:last-child {
  margin-bottom: 0;
}
#primary-nav-desktop li.level-2 a {
  text-transform: none;
  font-weight: 400;
}

#primary-nav-mobile ul {
  list-style: none;
  margin: 0;
  background-color: #1E194D;
  width: 100vw;
  padding: 30px calc(100vw * 0.078125 );
  margin: 0 calc( 100vw * -0.078125 );
}
@media screen and (min-width: 570px) {
  #primary-nav-mobile ul {
    width: calc(100vw * 0.48);
    padding: 30px calc( (100vw * 0.48) * 0.078125 );
    margin: 0 calc( (100vw * 0.48) * -0.078125 );
  }
}
#primary-nav-mobile ul.menu {
  overflow: hidden;
}
#primary-nav-mobile ul.sub-menu {
  background-color: #2F387A;
  display: none;
}
#primary-nav-mobile ul.sub-menu li a {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 1px;
}
#primary-nav-mobile li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#primary-nav-mobile li a {
  color: #FFFFFF;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
#primary-nav-mobile li.menu-item-has-children > a {
  max-width: calc( 100% + ((100vw - 100%) / 2) - 24px - 18px - 10px );
}
@media screen and (min-width: 570px) {
  #primary-nav-mobile li.menu-item-has-children > a {
    max-width: calc( 100% + ((100vw * 0.48 - 100%) / 2) - 46px - 18px - 10px );
  }
}
#primary-nav-mobile li.level-0 {
  margin-bottom: 30px;
}
#primary-nav-mobile li.level-0:last-child {
  margin-bottom: 0;
}
#primary-nav-mobile li.level-0 > ul.sub-menu {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 15px;
}
#primary-nav-mobile li.level-1 {
  margin-bottom: 20px;
}
#primary-nav-mobile li.level-1:last-child {
  margin-bottom: 0;
}
#primary-nav-mobile li.level-1 > ul.sub-menu {
  padding-top: 15px;
  padding-bottom: 15px;
}
#primary-nav-mobile li.level-2 {
  margin-bottom: 15px;
}
#primary-nav-mobile li.level-2:last-child {
  margin-bottom: 0;
}
#primary-nav-mobile li.level-2 a {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
}

.nav-toggle {
  background-color: transparent;
  padding: 0;
  width: 18px;
  flex-shrink: 0;
  position: relative;
  line-height: 0;
  margin-right: calc( ((100vw - 100%) / -2) + 24px );
}
@media screen and (min-width: 570px) {
  .nav-toggle {
    margin-right: calc( ((100vw * 0.48 - 100%) / -2) + 46px );
  }
}
@media screen and (min-width: 1025px) {
  .nav-toggle {
    margin-right: unset;
    width: 11px;
  }
}
.nav-toggle.open svg {
  transform: rotate(-90deg);
}
.nav-toggle svg {
  color: #FFFFFF;
  transform: rotate(90deg);
  height: 18px;
  transition: 0.35s ease-in-out;
}
@media screen and (min-width: 1025px) {
  .nav-toggle svg {
    height: 11px;
  }
}

.nav-container-wrapper {
  background-color: #1E194D;
  display: none;
}
@media screen and (min-width: 1025px) {
  .nav-container-wrapper {
    display: block;
    position: relative;
    z-index: 10;
  }
  .small .nav-container-wrapper {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19);
  }
  .nav-container-wrapper > .container {
    display: flex;
  }
}

.menu-wrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.menu-wrapper li::before {
  display: none;
}
.menu-wrapper a {
  text-decoration: none;
}

#utility-menu {
  font-size: 9px;
  font-size: 0.5625rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
#utility-menu a,
#utility-menu button {
  color: #1E194D;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
}
#utility-menu a:focus, #utility-menu a:hover,
#utility-menu button:focus,
#utility-menu button:hover {
  text-decoration: underline;
}
#utility-menu .btn-donate a,
#utility-menu .btn-donate button {
  background-color: #E61D31;
  border-radius: 10px;
  color: #FFFFFF;
  display: inline-block;
  padding: 0.65em 1.5em;
  position: relative;
  font-size: inherit;
}
#utility-menu .btn-donate a:hover,
#utility-menu .btn-donate button:hover {
  background-color: #1E194D;
  text-decoration: none;
}
#utility-menu .unicorn-logo a {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  display: block;
  width: 5.125rem;
  height: 1.125rem;
  background-image: url("/wp-content/themes/jaf-theme/img/jaf-unicorn-logo.svg");
  background-repeat: no-repeat;
  transition: 150ms linear;
}
#utility-menu .unicorn-logo a:hover {
  opacity: 0.85;
}

#utility-nav-mobile {
  margin: 30px 0;
}

#mobile-utility-menu {
  margin: 0;
  list-style: none;
  padding: 0;
}
#mobile-utility-menu li {
  margin-bottom: 15px;
}
#mobile-utility-menu li:last-child {
  margin-bottom: 0;
}
#mobile-utility-menu li a,
#mobile-utility-menu li button {
  color: #1E194D;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Roboto Condensed", sans-serif;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: inherit;
}
#mobile-utility-menu li.btn-donate {
  margin-top: 25px;
}
#mobile-utility-menu li.btn-donate a,
#mobile-utility-menu li.btn-donate button {
  color: #FFFFFF;
  background-color: #E61D31;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  padding: 10px 15px;
  text-align: center;
  width: 100%;
}
#mobile-utility-menu li.unicorn-logo {
  margin-top: 30px;
}
#mobile-utility-menu li.unicorn-logo a {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  display: block;
  width: 6.75rem;
  height: 1.5rem;
  background-image: url("/wp-content/themes/jaf-theme/img/jaf-unicorn-logo.svg");
  background-repeat: no-repeat;
}

#social-nav-desktop .social-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.9375rem;
}
#social-nav-desktop .social-links__item {
  font-size: 11.2px;
  font-size: 0.7rem;
  display: inline;
  margin: 0;
}
#social-nav-desktop .social-links__item a {
  color: #1E194D;
}
#social-nav-desktop .social-links__item a:hover {
  color: #E61D31;
}
#social-nav-desktop .social-links__item--donate {
  display: none;
}

#social-nav-mobile {
  margin: 1.875rem 0;
}
#social-nav-mobile .social-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  margin: 0;
  list-style: none;
  padding: 0;
}
#social-nav-mobile .social-links__item {
  font-size: 1.25rem;
  display: inline;
  line-height: 0;
  margin: 0;
}
#social-nav-mobile .social-links__item a {
  color: #1E194D;
}
#social-nav-mobile .social-links__item--donate {
  display: none;
}

.menu-toggle {
  background: #2F387A url(../../img/nav-burger.svg) center no-repeat;
  padding: 0;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 10;
}
.menu-toggle:focus, .menu-toggle:hover {
  background-color: #2F387A;
}
.menu-toggle.open {
  background: #2F387A url(../../img/nav-burger-close.svg) center no-repeat;
  background-size: 20px 20px;
}
@media screen and (min-width: 570px) {
  .menu-toggle {
    background-size: 27px 32px;
    width: 32px;
    height: 32px;
  }
  .menu-toggle.open {
    background-size: 25px 25px;
  }
}

.mobile-menu-wrapper {
  background-color: #FFFFFF;
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow-y: auto;
  top: 65px;
  bottom: 0;
  padding: 0 calc( 100vw * 0.078125 );
}
@media screen and (min-width: 570px) {
  .mobile-menu-wrapper {
    width: 48%;
    right: 0;
    left: initial;
    left: auto;
    top: 110px;
    padding: 0 calc((100vw * 0.48) * 0.078125 );
  }
}

.mobile-navigation.toggled .mobile-menu-wrapper {
  display: block;
}

#menu-bg-tablet {
  background-color: rgba(30, 25, 77, 0.7);
  display: none;
  width: 52%;
  height: 100%;
  top: 110px;
  left: 0;
  position: fixed;
  z-index: 10;
  -webkit-transform: translateZ(0);
}
.toggled #menu-bg-tablet {
  display: block;
}

#sidebar-menu {
  display: none;
  margin-bottom: 21px;
}
#sidebar-menu li.current-menu-item a {
  color: #E61D31;
}
#sidebar-menu a {
  color: #1E194D;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}
#sidebar-menu a:focus, #sidebar-menu a:hover {
  color: #E61D31;
}

.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

@media screen and (min-width: 1025px) {
  .main-navigation span,
.menu-toggle,
#mobile-navigation {
    display: none;
  }

  #sidebar-menu {
    display: block;
  }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before::after,
.clear:after::after,
.entry-content:before::after,
.entry-content:after::after,
.comment-content:before::after,
.comment-content:after::after,
.site-header:before::after,
.site-header:after::after,
.site-content:before::after,
.site-content:after::after,
.site-footer:before::after,
.site-footer:after::after {
  clear: both;
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Overall grid
--------------------------------------------------------------*/
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.container::after {
  clear: both;
  content: "";
  display: block;
}
.container::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 1025px) {
  .container {
    max-width: 1320px;
  }
}

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

.row {
  margin-left: -7.8125%;
  margin-right: -7.8125%;
}
.row::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 570px) {
  .row {
    margin-left: -5.22%;
    margin-right: -5.22%;
  }
}
@media screen and (min-width: 1025px) {
  .row {
    margin-left: -3.13%;
    margin-right: -3.13%;
  }
}

@media (min-width: 320px) {
  .col-full, .col-content, .col-half, .col-third {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .col-full, .col-content, .col-half, .col-third {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-full, .col-content, .col-half, .col-third {
    width: calc(100% - 6.26%);
    float: left;
    margin-left: 3.13%;
  }
}

@media (min-width: 570px) {
  .col-full-only-phone {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-full-only-phone {
    width: calc(100% - 6.26%);
    float: left;
    margin-left: 3.13%;
  }
}

@media (min-width: 1025px) {
  .col-full-desktop {
    width: calc(100% - 6.26%);
    float: left;
    margin-left: 3.13%;
  }
}

@media (min-width: 320px) {
  .col-wide-content {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .col-wide-content {
    width: calc(75% - 9.135%);
    float: left;
    margin-left: 5.22%;
    margin-left: calc(12.5% - 5.8725% + 10.44%);
  }
}
@media (min-width: 1025px) {
  .col-wide-content {
    width: calc(66.6666666667% - 5.2166666667%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(16.6666666667% - 3.6516666667% + 6.26%);
  }
}

@media (min-width: 1025px) {
  .col-half {
    width: calc(50% - 4.695%);
    float: left;
    margin-left: 3.13%;
  }
}

@media (min-width: 570px) {
  .col-third {
    width: calc(50% - 7.83%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-third {
    width: calc(33.3333333333% - 4.1733333333%);
    float: left;
    margin-left: 3.13%;
  }
}

@media (min-width: 1025px) {
  .col-content {
    width: calc(58.3333333333% - 4.9558333333%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}

.col-sidebar {
  float: left;
}
@media (min-width: 570px) {
  .col-sidebar {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-sidebar {
    width: calc(25% - 3.9125%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
    display: block;
  }
}

@media (min-width: 320px) {
  .push-right-one {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .push-right-one {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .push-right-one {
    width: calc(91.6666666667% - 5.9991666667%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}

/*--------------------------------------------------------------
## Header and Footer
--------------------------------------------------------------*/
.site-header {
  background-color: #FFFFFF;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
}
@media screen and (min-width: 1025px) {
  .admin-bar .site-header {
    top: 32px;
  }
}
.site-header li {
  margin-bottom: 0;
}
.site-header li:before {
  display: none;
}

.container-branding > div {
  transition: height 0.4s, opacity 0.4s, padding 0.4s ease-in;
}

.small-logo-img {
  height: 35px;
}

.site-branding {
  background-color: #FFFFFF;
  margin: 0;
  padding: 12px 0;
}
@media (min-width: 320px) {
  .site-branding {
    width: calc(83.3333333333% - 14.3229166667%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .site-branding {
    width: calc(50% - 7.83%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .site-branding {
    width: calc(25% - 3.9125%);
    float: left;
    margin-left: 3.13%;
  }
}
@media screen and (min-width: 570px) {
  .site-branding {
    padding: 22px 0;
  }
}
@media screen and (min-width: 1025px) {
  .site-branding {
    padding: 15px 0;
  }
}
.site-branding a {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  display: block;
}
.site-branding img {
  display: block;
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .site-branding img {
    height: 66px;
  }
}
@media screen and (max-width: 569px) {
  .site-branding img {
    height: 41px;
  }
}

.site-utility-block {
  text-align: right;
}
@media (min-width: 320px) {
  .site-utility-block {
    width: calc(16.6666666667% - 9.1145833333%);
    float: left;
    margin-left: 7.8125%;
    height: 65px;
  }
}
@media (min-width: 570px) {
  .site-utility-block {
    width: calc(50% - 7.83%);
    float: left;
    margin-left: 5.22%;
    height: 110px;
  }
}
@media (min-width: 1025px) {
  .site-utility-block {
    width: calc(75% - 5.4775%);
    float: left;
    margin-left: 3.13%;
    height: 87px;
    position: relative;
  }
}

.jaf-toggle-wrapper {
  position: absolute;
  background-color: #2F387A;
  height: 100%;
  max-height: 65px;
  width: 65px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 570px) {
  .jaf-toggle-wrapper {
    width: 110px;
    max-height: 110px;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-toggle-wrapper {
    display: none;
  }
}
.page-template-page-news .jaf-toggle-wrapper, .page-template-page-contact .jaf-toggle-wrapper {
  border-bottom: 1px solid white;
}

.utility-menu-wrapper {
  display: none;
}
@media screen and (min-width: 1025px) {
  .utility-menu-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.25rem;
    height: 100%;
  }
}

.col-small-header-logo {
  width: 0px;
  opacity: 0;
  visibility: hidden;
  transition: width 0.3s ease-in-out;
}
@media (min-width: 1025px) {
  .small .col-small-header-logo {
    width: calc(8.3333333333% - 3.3908333333%);
    float: left;
    margin-left: 3.13%;
    visibility: visible;
    visibility: visible;
    opacity: 1;
  }
}
.col-small-header-logo > * {
  display: block;
}
.col-small-header-logo a {
  background-color: #FFFFFF;
  line-height: 1em;
  padding: 11px 0;
  position: relative;
}
.col-small-header-logo a::after, .col-small-header-logo a::before {
  background-color: #FFFFFF;
  content: "";
  height: 100%;
  position: absolute;
  width: 14px;
  top: 0;
  left: 100%;
}
.col-small-header-logo a::before {
  left: -9999px;
  width: 9999px;
}

@media (min-width: 1025px) {
  .col-main-nav {
    width: calc(91.6666666667% - 5.9991666667%);
    float: left;
    margin-left: 3.13%;
  }
}

.primary-menu-wrapper {
  width: 100%;
}

#site-footer {
  color: #FFFFFF;
  font-size: 11px;
  font-size: 0.6875rem;
  padding: 0 0 2.8125rem 0;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  #site-footer {
    padding-top: 4.0625rem;
  }
}

#col-footer-sitemap {
  display: none;
}
@media (min-width: 1025px) {
  #col-footer-sitemap {
    width: calc(66.6666666667% - 5.2166666667%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(16.6666666667% - 3.6516666667% + 6.26%);
  }
}
@media screen and (min-width: 1025px) {
  #col-footer-sitemap {
    display: block;
  }
}

#sitemap-menu {
  margin: 0 -3.13% 3.4375rem -3.13%;
  padding: 0;
  text-align: left;
}
#sitemap-menu li {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
}
#sitemap-menu li:before {
  display: none;
}
#sitemap-menu li.btn-donate, #sitemap-menu li.unicorn-logo {
  display: none;
}
@media (min-width: 1025px) {
  #sitemap-menu > li {
    width: calc(25% - 3.9125%);
    float: left;
    margin-left: 3.13%;
  }
}
#sitemap-menu > li > a {
  font-weight: 700;
  letter-spacing: 0.5px;
}
#sitemap-menu a {
  color: #FFFFFF;
  text-decoration: none;
}
#sitemap-menu a:hover {
  color: #08C6B2;
}
#sitemap-menu ul {
  margin: 5px 0 37px;
  padding: 0;
}
#sitemap-menu ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: none;
}
#sitemap-menu ul a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.footer-social-block {
  margin: 1.875rem 0 1.25rem 0;
}
@media screen and (min-width: 570px) {
  .footer-social-block {
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .footer-social-block {
    margin-top: 3.75rem;
  }
}
.footer-social-block .social-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.footer-social-block .social-links__item {
  font-size: 15px;
  font-size: 0.9375rem;
  display: inline;
  margin: 0;
}
.footer-social-block .social-links__item a,
.footer-social-block .social-links__item button {
  color: #FFFFFF;
}
.footer-social-block .social-links__item a:hover,
.footer-social-block .social-links__item button:hover {
  color: #08C6B2;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .footer-social-block .social-links__item--donate {
    order: -1;
    width: 100%;
  }
}
.footer-social-block .social-links__item--donate a,
.footer-social-block .social-links__item--donate button {
  padding: 0.5em 2.75em;
  background-color: #FFFFFF;
  color: #1E194D;
}
@media screen and (min-width: 1025px) {
  .footer-social-block .social-links__item--donate a,
.footer-social-block .social-links__item--donate button {
    padding: 0.375em 1.125em;
  }
}
.footer-social-block .social-links__item--donate a:hover,
.footer-social-block .social-links__item--donate button:hover {
  background-color: #08C6B2;
  color: #1E194D;
}

.site-info p {
  margin: 0;
}
.site-info a {
  text-decoration: underline;
  color: #FFFFFF;
}
.site-info a:hover {
  color: #08C6B2;
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .footer-sponsors {
    background-color: #FFFFFF;
  }
}
@media screen and (min-width: 1025px) {
  .footer-sponsors {
    background-image: linear-gradient(to bottom, #1E194D 0%, #2F387A 100%);
  }
}
.footer-sponsors__inner {
  padding: 1.25rem 0;
  background-color: #FFFFFF;
}
@media (min-width: 320px) {
  .footer-sponsors__inner {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .footer-sponsors__inner {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
    padding: 1.25rem 0.625rem;
  }
}
@media (min-width: 1025px) {
  .footer-sponsors__inner {
    width: calc(66.6666666667% - 5.2166666667%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(16.6666666667% - 3.6516666667% + 6.26%);
  }
}
.footer-sponsors__heading {
  font-family: "Roboto Condensed";
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #1E194D;
  margin: 0 0 1.875rem 0;
  text-transform: uppercase;
}
.footer-sponsors__heading a {
  text-decoration: underline;
  color: inherit;
}
.footer-sponsors__heading a:hover {
  color: #3467C0;
}
.footer-sponsors__slider {
  padding: 0 0 2.1875rem 0;
  margin: 0 -0.625rem;
}
@media screen and (min-width: 570px) {
  .footer-sponsors__slider {
    margin: 0 -1.875rem;
  }
}
@media screen and (min-width: 1025px) {
  .footer-sponsors__slider {
    margin: 0;
  }
}

#footer-sponsors-slider .slick-sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
#footer-sponsors-slider .slick-track {
  display: flex;
  align-items: center;
}
#footer-sponsors-slider .slick-slide {
  margin: 0 0.625rem;
}
@media screen and (min-width: 570px) {
  #footer-sponsors-slider .slick-slide {
    margin: 0 1.875rem;
  }
}
#footer-sponsors-slider .slick-slide .jaf-sponsor-link {
  position: relative;
}
#footer-sponsors-slider .slick-slide img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  max-height: 2.8125rem;
}
@media screen and (min-width: 570px) {
  #footer-sponsors-slider .slick-slide img {
    max-height: 4.0625rem;
  }
}
#footer-sponsors-slider > button {
  line-height: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  color: #1E194D;
  transition: 150ms linear;
}
#footer-sponsors-slider > button:hover {
  color: #3467C0;
}
#footer-sponsors-slider .slick-autoplay-toggle-button {
  transform: translateX(50%);
  right: 50%;
}
@media screen and (min-width: 570px) {
  #footer-sponsors-slider .slick-autoplay-toggle-button {
    transform: none;
    right: calc( 7px + 1.5625rem + 1.875rem );
  }
}
@media screen and (min-width: 1025px) {
  #footer-sponsors-slider .slick-autoplay-toggle-button {
    right: calc( 7px + 0.9375rem + 1.875rem );
  }
}
#footer-sponsors-slider .slick-icon {
  width: 7px;
}
#footer-sponsors-slider .slick-prev {
  left: 0.625rem;
}
@media screen and (min-width: 570px) {
  #footer-sponsors-slider .slick-prev {
    left: unset;
    right: calc( (7px * 2) + (1.5625rem * 2) + 1.875rem );
  }
}
@media screen and (min-width: 1025px) {
  #footer-sponsors-slider .slick-prev {
    right: calc( (7px * 2) + (0.9375rem * 2) + 1.875rem );
  }
}
#footer-sponsors-slider .slick-prev > svg {
  transform: rotate(180deg);
}
#footer-sponsors-slider .slick-next {
  right: 0.625rem;
}
@media screen and (min-width: 570px) {
  #footer-sponsors-slider .slick-next {
    right: 1.875rem;
  }
}

/*--------------------------------------------------------------
## Website sidebar
--------------------------------------------------------------*/
.sidebar-item.image {
  margin-bottom: 9px;
}

.sidebar-item-content.img-caption:after {
  background-color: #008080;
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: -2px;
  left: 0;
}
.sidebar-item-content.img-caption p {
  margin: 0;
}
@media screen and (min-width: 570px) {
  .sidebar-item-content.img-caption {
    padding-bottom: 34px;
  }
}

.sidebar-item-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sidebar-item-text-content {
  background-color: #2F387A;
  color: #FFFFFF;
  font-size: 15px;
  font-size: 0.9375rem;
  position: relative;
  padding: 28px 27px 30px 36px;
  margin-bottom: 9px;
}
.sidebar-item-text-content:before {
  background-color: #08C6B2;
  content: "";
  height: 15px;
  position: absolute;
  left: 0;
  top: 30px;
  width: 24px;
}
.sidebar-item-text-content h4 {
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Roboto Condensed", sans-serif;
}
.sidebar-item-text-content p {
  margin: 0;
  word-break: break-word;
}
.sidebar-item-text-content p:not(:last-child) {
  margin-bottom: 1em;
}
.sidebar-item-text-content a {
  color: #08C6B2;
}
.sidebar-item-text-content a:hover, .sidebar-item-text-content a:focus {
  color: #08C6B2;
  text-decoration: underline;
}

.sidebar-item-title {
  margin-top: 0;
}

@media screen and (max-width: 569px) {
  .sidebar-items {
    margin-bottom: -25px;
  }
  .sidebar-items .sidebar-item:last-child {
    margin-bottom: 0;
  }
  .sidebar-items .sidebar-item:last-child > * {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .sidebar-items {
    margin-right: -16px;
  }
  .sidebar-items::after {
    clear: both;
    content: "";
    display: table;
  }

  .sidebar-item {
    float: left;
    width: calc(50% - 16px);
    margin-right: 16px;
  }
  .sidebar-item.image {
    margin-bottom: 16px;
  }

  .sidebar-item-text-content {
    margin-bottom: 16px;
  }
}
/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/
#content {
  margin-top: 65px;
  min-height: 500px;
}
.admin-bar #content {
  margin-top: 19px;
}
@media screen and (min-width: 570px) {
  #content {
    margin-top: 110px;
  }
  .admin-bar #content {
    margin-top: 64px;
  }
}
@media screen and (min-width: 820px) {
  .admin-bar #content {
    margin-top: 78px;
  }
}
@media screen and (min-width: 1025px) {
  #content {
    margin-top: 146px;
  }
  .admin-bar #content {
    margin-top: 146px;
  }
}

.section-page {
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  .section-page.has-featured-img {
    position: relative;
  }
  .section-page.has-featured-img:before {
    background-color: #EAEAEA;
    content: "";
    height: 370px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
  }
}

.section-page-header {
  overflow: hidden;
}

.container-header {
  margin-top: 18px;
}
.container-header h1 {
  margin-bottom: 5px;
}
.container-header h1.jaf-small-title {
  color: #1E194D;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}
.container-header h1.jaf-small-title:before {
  top: 1px;
}
.container-header h1.jaf-small-title:after {
  background-color: #009E8E;
  content: "";
  height: 15px;
  position: absolute;
  left: calc(100% + 10px);
  width: 9999px;
  top: 1px;
}
@media screen and (min-width: 1025px) {
  .container-header {
    margin-top: 30px;
  }
  .container-header h1 {
    margin-bottom: 0;
  }
}

.container-content {
  margin-top: 18px;
  margin-bottom: 25px;
}
.container-content .entry-content {
  margin-top: 0;
}
.container-content .entry-content > *:first-child {
  margin-top: 0;
}
@media screen and (min-width: 1025px) {
  .container-content {
    margin-top: 26px;
    margin-bottom: 50px;
  }
}

.site-main {
  background-color: #FFFFFF;
  overflow: auto;
}
@media screen and (min-width: 1025px) {
  .site-main {
    min-height: 475px;
  }
}
.blog .site-main, .page-template-page-blog .site-main, .archive .site-main, .page-template-page-ways-to-give .site-main, .page-template-page-events .site-main {
  background-color: #EAEAEA;
  overflow: hidden;
}

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline,
#jaf-blog-landing .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.basic-page-hero-img {
  height: 105px;
}
@media screen and (min-width: 570px) {
  .basic-page-hero-img {
    height: 265px;
  }
}
@media screen and (min-width: 1025px) {
  .basic-page-hero-img {
    height: 400px;
  }
}

.jaf-img-container img {
  display: block;
  height: 100%;
  max-width: 1000%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: none;
  width: 100%;
}
.jaf-img-container.cover-image img {
  display: none;
}

.jaf-small-title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  margin: 18px 0;
}
.jaf-small-title:before {
  background-color: #009E8E;
  content: "";
  height: 14px;
  position: absolute;
  left: -10008px;
  width: 9999px;
  top: 2px;
}
@media screen and (min-width: 570px) {
  .jaf-small-title {
    margin: 30px 0;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-small-title {
    margin: 35px 0 49px;
  }
}

.jaf-text-with-tag {
  color: #FFFFFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-top: 0;
  position: relative;
  text-transform: uppercase;
}
.jaf-text-with-tag:after {
  background-color: #E61D31;
  content: "";
  position: absolute;
  height: 11px;
  width: 11px;
  top: 4px;
  left: -20px;
}
@media screen and (min-width: 570px) {
  .jaf-text-with-tag:after {
    width: 13px;
    height: 13px;
    left: -25px;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-text-with-tag:after {
    top: 3px;
    height: 15px;
    width: 24px;
    left: -37px;
  }
}
.jaf-text-with-tag.both-directions:before {
  background-color: #E61D31;
  content: "";
  position: absolute;
  top: 3px;
  height: 15px;
  left: calc(100% + 8px);
  width: 9999px;
}

#jaf-announcement {
  display: none;
  background-color: #1E194D;
  color: #FFFFFF;
  padding: 12px 0 18px;
}
#jaf-announcement p {
  margin: 0;
  font-size: 11px;
  font-size: 0.6875rem;
}
#jaf-announcement h2 {
  color: #FFFFFF;
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 0 0 8px;
}
.small #jaf-announcement {
  display: none;
}
#jaf-announcement.closed {
  display: none;
}
@media screen and (min-width: 1025px) {
  #jaf-announcement {
    display: block;
  }
  .home #jaf-announcement {
    display: none;
  }
  #jaf-announcement h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  #jaf-announcement p {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media (min-width: 320px) {
  .col-announcement-content {
    width: calc(83.3333333333% - 14.3229166667%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .col-announcement-content {
    width: calc(87.5% - 9.7875%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-announcement-content {
    width: calc(91.6666666667% - 5.9991666667%);
    float: left;
    margin-left: 3.13%;
  }
}

.col-announcement-buttons {
  position: relative;
}
@media (min-width: 320px) {
  .col-announcement-buttons {
    width: calc(16.6666666667% - 9.1145833333%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .col-announcement-buttons {
    width: calc(12.5% - 5.8725%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-announcement-buttons {
    width: calc(8.3333333333% - 3.3908333333%);
    float: left;
    margin-left: 3.13%;
  }
}

.jaf-announcement-btn {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 10px;
  font-size: 0.625rem;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  padding: 16px 39px;
  text-align: center;
  text-transform: uppercase;
  width: calc(100% - 60px);
}
.jaf-announcement-btn:hover, .jaf-announcement-btn:focus {
  background-color: #FFFFFF;
  color: #1E194D;
}

#jaf-announcement-btn-close {
  background: url(../../img/nav-burger-close.svg) center no-repeat;
  background-size: 100%;
  display: block;
  height: 22px;
  right: 0;
  width: 22px;
}

/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/
#jaf-takeover-announcement {
  display: flex;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 11;
  background-color: rgba(30, 25, 77, 0.7);
  transition: 0.35s;
  align-items: center;
  justify-content: center;
}
#jaf-takeover-announcement > div {
  margin: 0 7.8125%;
}
@media screen and (min-width: 570px) {
  #jaf-takeover-announcement > div {
    margin: 0 23.25%;
  }
}
@media screen and (min-width: 1025px) {
  #jaf-takeover-announcement > div {
    margin: 0 10.9375%;
  }
}

.col-jaf-takeover-content {
  background-color: #FFFFFF;
  padding: 15px 19px 80px;
  position: relative;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  justify-content: center;
}
.col-jaf-takeover-content a.cta-btn {
  position: absolute;
  right: 0;
  bottom: 0;
}
.col-jaf-takeover-content h2 {
  color: #E61D31;
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 1.25em;
  margin: 0;
  position: relative;
}
.col-jaf-takeover-content h2::after {
  background-color: #538DF5;
  content: "";
  position: absolute;
  top: 8px;
  left: -19px;
  height: 12px;
  width: 12px;
}
.col-jaf-takeover-content p {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 569px) {
  .col-jaf-takeover-content a.cta-btn {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 570px) {
  .col-jaf-takeover-content {
    padding: 23px 28px 70px;
  }
  .col-jaf-takeover-content h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .col-jaf-takeover-content h2::after {
    height: 18px;
    left: -28px;
    top: 9px;
    width: 18px;
  }
  .col-jaf-takeover-content p {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
@media screen and (min-width: 1025px) {
  .col-jaf-takeover-content {
    padding: 25px 95px 75px 30px;
  }
  .col-jaf-takeover-content h2::after {
    left: -30px;
  }
  .col-jaf-takeover-content.with-image {
    float: left;
    width: 61.75%;
  }
}

#jaf-takeover-btn-close {
  background: #FFFFFF url("../../img/icon-close-red.svg") 85% center no-repeat;
  background-size: 14px 14px;
  color: #E61D31;
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  line-height: 1em;
  padding: 9px 34px 6px 14px;
  position: absolute;
  right: 0;
  top: -27px;
}
@media screen and (min-width: 570px) {
  #jaf-takeover-btn-close {
    background-size: 15px 15px;
    font-size: 16px;
    font-size: 1rem;
    padding-right: 41px;
    top: -31px;
  }
}

.col-jaf-takeover-img .jaf-img-container {
  height: 100%;
}
@media screen and (min-width: 1025px) {
  .col-jaf-takeover-img {
    float: left;
    width: 38.25%;
  }
}

.home-intro {
  position: relative;
}
.home-intro__image {
  width: 100%;
  padding-top: calc(9 / 16 * 100%);
  position: relative;
  background-color: #f1f1f1;
}
@media screen and (min-width: 1025px) {
  .home-intro__image {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.home-intro__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-intro__content {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .home-intro__content-inner {
    display: flex;
    min-height: calc(9 / 16 * 100vw);
  }
}
@media screen and (min-width: 1320px) {
  .home-intro__content-inner {
    min-height: 45rem;
  }
}
.home-intro__description {
  background-image: linear-gradient(to right, #2F387A 0%, #3467C0 100%);
  float: none;
  padding: 1.25rem 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.9375rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 570px) {
  .home-intro__description {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
    margin: -3.75rem 0 0 0;
    min-height: calc( 2.5rem + 3.75rem );
  }
}
@media (min-width: 1025px) {
  .home-intro__description {
    width: calc(58.3333333333% - 4.9558333333%);
    float: left;
    margin-left: 3.13%;
    padding: 1.25rem 0.9375rem;
    min-height: unset;
    margin-top: 0;
    align-self: flex-end;
    justify-content: unset;
  }
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .home-intro__description--empty {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .home-intro__description > * {
    padding: 0 0.9375rem;
  }
}
.home-intro__description p {
  font-family: "Jaldi", sans-serif;
  margin: 0;
  font-size: 1.375rem;
  line-height: 1.75rem;
}
@media (min-width: 320px) {
  .home-intro__description p {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .home-intro__description p {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media screen and (min-width: 1025px) {
  .home-intro__description p {
    margin: 0;
    width: 100%;
    float: none;
    max-height: calc( ( (9 / 16 * 100vw ) * .5) - (4.1875rem) );
    overflow-y: auto;
    padding-bottom: 0.2em;
    margin-bottom: -0.2em;
  }
}
@media screen and (min-width: 1320px) {
  .home-intro__description p {
    max-height: calc( (45rem * .5) - (4.1875rem) );
  }
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .home-intro__scroll {
    display: none;
  }
}
.home-intro__scroll button {
  color: #fff;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.75rem;
  line-height: 1;
  text-transform: unset;
}
.home-intro__scroll span {
  letter-spacing: 0.02em;
}
.home-intro__scroll svg {
  width: 7px;
  transform: rotate(90deg) translateX(0);
  animation: anchorLevitate 2s linear infinite;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .home-intro__donate {
    display: none;
  }
}
@media (min-width: 1025px) {
  .home-intro__donate {
    width: calc(41.6666666667% - 4.4341666667%);
    float: left;
    margin-left: 3.13%;
    align-self: center;
  }
}
.home-intro__donate-inner {
  max-width: 26.25rem;
  margin-left: auto;
  padding: 1.25rem 0;
}
.home-intro__donate-heading {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  color: #fff;
  background-color: #E61D31;
  margin: 0 0 0.9375rem 0;
  padding: 0.625rem;
}

@keyframes anchorLevitate {
  0% {
    transform: rotate(90deg) translateX(0);
  }
  25% {
    transform: rotate(90deg) translateX(2px);
  }
  50% {
    transform: rotate(90deg) translateX(0);
  }
  75% {
    transform: rotate(90deg) translateX(-2px);
  }
  100% {
    transform: rotate(90deg) translateX(0);
  }
}
.home-help {
  margin: 2.5rem 0;
}
@media screen and (min-width: 570px) {
  .home-help {
    margin: 3.75rem 0;
  }
}
@media (min-width: 320px) {
  .home-help__inner {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .home-help__inner {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .home-help__inner {
    width: calc(83.3333333333% - 5.7383333333%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}
.home-help__heading {
  font-size: 1.625rem;
  line-height: 2rem;
  color: #1E194D;
  margin: 0 0 1.25rem 0;
}
@media screen and (min-width: 570px) {
  .home-help__heading {
    margin-bottom: 1.875rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.home-help__heading a {
  color: inherit;
  line-height: inherit;
}
.home-help__heading a:hover {
  color: #E61D31;
}
.home-help__cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media screen and (min-width: 570px) {
  .home-help__cards-wrapper {
    flex-direction: row;
    gap: 1.875rem;
  }
}
.home-help__card {
  flex: 1;
  background-color: #f1f1f1;
  padding: 3.75rem 2.1875rem;
  text-align: center;
}
.home-help__card-inner {
  display: flex;
  flex-direction: column;
  max-width: 31.25rem;
  margin: auto;
}
@media screen and (min-width: 570px) {
  .home-help__card-inner {
    height: 100%;
  }
  .home-help__card--no-image .home-help__card-inner {
    justify-content: center;
  }
}
.home-help__card-image {
  width: 100%;
  max-width: 12.8125rem;
  margin: 0 auto 1.875rem auto;
}
@media screen and (min-width: 570px) {
  .home-help__card-image {
    margin-bottom: 2.5rem;
  }
}
.home-help__card-heading {
  margin: 0;
  font-family: "Roboto Condensed";
  font-size: 1.375rem;
  line-height: 1.6875rem;
  color: #E61D31;
  text-transform: uppercase;
}
@media screen and (min-width: 570px) {
  .home-help__card-heading {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
a .home-help__card-heading {
  text-decoration: underline;
  transition: 150ms linear;
}
a:hover .home-help__card-heading {
  text-decoration: none;
  color: #1E194D;
}
.home-help__card-description, .home-help__card-meta {
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.home-help__card-description {
  margin: 1.25rem 0 0 0;
  color: #000000;
}
.home-help__card-meta {
  margin-top: 1.25rem;
  color: #1E194D;
}
.home-help__cta {
  margin-top: 1.25rem;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 570px) {
  .home-help__cta {
    margin-top: 2.5rem;
  }
}
.home-help__cta a {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  text-align: center;
  background-color: #E61D31;
  color: #fff;
  transition: 150ms linear;
  padding: 1.25rem 2.5rem;
}
.home-help__cta a:hover {
  background-color: #1E194D;
  color: #fff;
}

.home-event {
  position: relative;
  background-image: linear-gradient(to bottom, #3467C0 0%, #2F387A 36%, #1E194D 100%);
  padding: 2.5rem 0;
}
@media screen and (min-width: 570px) {
  .home-event {
    padding: 3.75rem 0;
  }
}
.home-event__content {
  position: relative;
  z-index: 2;
}
.home-event__heading {
  font-size: 1.625rem;
  line-height: 2rem;
  color: #FFFFFF;
  margin: 0;
}
@media screen and (min-width: 570px) {
  .home-event__heading {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.home-event__heading a {
  color: inherit;
  line-height: inherit;
}
.home-event__heading-wrapper {
  margin: 0 0 1.25rem 0;
}
@media (min-width: 320px) {
  .home-event__heading-wrapper {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .home-event__heading-wrapper {
    width: calc(75% - 9.135%);
    float: left;
    margin-left: 5.22%;
    margin-left: calc(12.5% - 5.8725% + 10.44%);
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 820px) {
  .home-event__heading-wrapper {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .home-event__heading-wrapper {
    width: calc(91.6666666667% - 5.9991666667%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}
@media screen and (min-width: 820px) {
  .home-event__event {
    display: flex;
  }
}
@media (min-width: 320px) {
  .home-event__event-image, .home-event__event-content {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .home-event__event-image, .home-event__event-content {
    width: calc(75% - 9.135%);
    float: left;
    margin-left: 5.22%;
    margin-left: calc(12.5% - 5.8725% + 10.44%);
  }
}
@media (min-width: 820px) {
  .home-event__event-image, .home-event__event-content {
    width: calc(50% - 7.83%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .home-event__event-image, .home-event__event-content {
    width: calc(41.6666666667% - 4.4341666667%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}
.home-event__event-image {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 570px) {
  .home-event__event-image {
    margin-bottom: 1.875rem;
  }
}
@media screen and (min-width: 820px) {
  .home-event__event-image {
    margin-bottom: 0;
  }
}
.home-event__event-image figure {
  display: table;
  margin: 0;
}
.home-event__event-image figure figcaption {
  font-family: "Open Sans";
  font-size: 0.75rem;
  line-height: 1.0625rem;
  color: #FFFFFF;
  margin-top: 0.625rem;
  display: table-caption;
  caption-side: bottom;
}
.home-event__event-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media screen and (min-width: 820px) {
  .home-event__event-content {
    justify-content: space-between;
    gap: 1.875rem;
  }
}
.home-event__event-date {
  order: -1;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #FFFFFF;
}
.home-event__event-heading {
  margin: 0;
  font-family: "Jaldi", sans-serif;
  font-weight: 400;
  font-size: 2.375rem;
  line-height: 3rem;
  color: #FFFFFF;
}
@media screen and (min-width: 570px) {
  .home-event__event-heading {
    font-size: 3rem;
    line-height: 3.625rem;
  }
}
.home-event__event-link {
  display: flex;
}
.home-event__event-link a {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  text-align: center;
  background-color: #E61D31;
  color: #fff;
  transition: 150ms linear;
  padding: 1.25rem 2.5rem;
}
.home-event__event-link a:hover {
  background-color: #FFFFFF;
  color: #1E194D;
}
.home-event__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.home-event__image img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  filter: grayscale(100%);
}
.home-event__image::before {
  content: "";
  background-image: linear-gradient(to bottom, #3467C0 0%, #2F387A 36%, #1E194D 100%);
  opacity: 0.8;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 320px) and (max-width: 819px) {
  .home-event--story-spacing {
    margin-bottom: -4.6875rem;
    padding-bottom: 8.4375rem;
  }
}

.home-video {
  margin: 2.5rem 0;
}
@media screen and (min-width: 570px) {
  .home-video {
    margin: 3.75rem 0;
  }
}
@media (min-width: 320px) {
  .home-video__inner {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .home-video__inner {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .home-video__inner {
    width: calc(83.3333333333% - 5.7383333333%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}
.home-video__heading {
  font-size: 1.625rem;
  line-height: 2rem;
  color: #1E194D;
  margin: 0 0 0.9375rem 0;
}
@media screen and (min-width: 570px) {
  .home-video__heading {
    margin-bottom: 1.875rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.home-video__embed {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: calc(9 / 16 * 100%);
}
.home-video__embed > iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.home-give {
  margin: 2.5rem 0;
}
@media screen and (min-width: 570px) {
  .home-give {
    margin: 3.75rem 0;
  }
}
.home-give__image {
  position: relative;
  height: calc(105 / 256 * 100vw);
  max-height: 32.8125rem;
}
@media screen and (min-width: 320px) and (max-width: 819px) {
  .home-give__image {
    margin-bottom: 1.875rem;
  }
}
.home-give__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 320px) {
  .home-give__inner {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .home-give__inner {
    width: calc(75% - 9.135%);
    float: left;
    margin-left: 5.22%;
    margin-left: calc(12.5% - 5.8725% + 10.44%);
  }
}
@media screen and (min-width: 820px) {
  .home-give__inner {
    margin: 0;
    float: none;
    width: 100%;
    display: flex;
  }
}
@media (min-width: 820px) {
  .home-give__inner-left, .home-give__inner-right {
    width: calc(50% - 7.83%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .home-give__inner-left, .home-give__inner-right {
    width: calc(41.6666666667% - 4.4341666667%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}
@media screen and (min-width: 320px) and (max-width: 819px) {
  .home-give__inner-left {
    margin-bottom: 1.875rem;
  }
}
@media screen and (min-width: 820px) {
  .home-give--has-image .home-give__inner-left {
    margin-top: 3.75rem;
  }
  .home-give--no-image.home-give--has-methods:not(.home-give--methods-1):not(.home-give--has-methods-2) .home-give__inner-left {
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 820px) {
  .home-give--has-image.home-give--has-methods:not(.home-give--methods-1):not(.home-give--has-methods-2) .home-give__inner-right {
    margin-top: -2.8125rem;
  }
}
.home-give__heading {
  font-size: 1.625rem;
  line-height: 2rem;
  color: #1E194D;
  margin: 0 0 0.9375rem 0;
}
@media screen and (min-width: 570px) {
  .home-give__heading {
    margin-bottom: 1.875rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.home-give__heading a {
  color: inherit;
  line-height: inherit;
}
.home-give__heading a:hover {
  color: #E61D31;
}
.home-give__description {
  font-size: 1.0625rem;
  line-height: 1.5625rem;
  color: #000000;
  margin: 0;
}
.home-give__method {
  background-color: #f1f1f1;
}
.home-give__method-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.home-give__method:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.home-give__method::before {
  content: unset;
}
.home-give__method-link {
  padding: 1.5rem;
  min-height: 5.625rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  color: #E61D31;
  text-decoration: underline;
}
@media screen and (min-width: 570px) {
  .home-give__method-link {
    gap: 1.875rem;
  }
}
.home-give__method-link:hover {
  text-decoration: none;
  color: #1E194D;
}
.home-give__method-icon {
  flex-shrink: 0;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.home-give__method img {
  max-height: 2.625rem;
}
.home-give__method-text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.6875rem;
}
@media screen and (min-width: 570px) {
  .home-give__method-text {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
.home-give__cta {
  margin-top: 1.875rem;
  display: flex;
}
.home-give__cta a {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  text-align: center;
  background-color: #E61D31;
  color: #fff;
  transition: 150ms linear;
  padding: 1.25rem 2.5rem;
}
.home-give__cta a:hover {
  background-color: #1E194D;
  color: #fff;
}

.home-story {
  position: relative;
  overflow: hidden;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 570px) {
  .home-story {
    padding-bottom: 3.75rem;
  }
}
.home-story::before {
  content: "";
  background-image: linear-gradient(to bottom, #009E8E 0%, #2F387A 100%);
  position: absolute;
  top: 4.6875rem;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 1025px) {
  .home-story::before {
    background-image: linear-gradient(to right, #009E8E 0%, #2F387A 100%);
  }
}
@media screen and (min-width: 820px) {
  .home-story--has-img {
    padding-top: 3.75rem;
  }
  .home-story--has-img::before {
    top: 0;
  }
}
.home-story--no-img {
  padding-top: 3.75rem;
}
.home-story--no-img::before {
  top: 0;
}
.home-story__inner {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 820px) {
  .home-story__inner {
    display: flex;
  }
}
@media (min-width: 320px) {
  .home-story__image, .home-story__content {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .home-story__image, .home-story__content {
    width: calc(75% - 9.135%);
    float: left;
    margin-left: 5.22%;
    margin-left: calc(12.5% - 5.8725% + 10.44%);
  }
}
@media (min-width: 820px) {
  .home-story__image, .home-story__content {
    width: calc(50% - 7.83%);
    float: left;
    margin-left: 5.22%;
  }
}
.home-story__image {
  position: relative;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 820px) {
  .home-story__image {
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .home-story__image {
    width: calc(50% - 4.695%);
    float: left;
    margin-left: 3.13%;
  }
}
@media screen and (min-width: 820px) {
  .home-story__content {
    display: flex;
    align-items: flex-end;
  }
}
@media (min-width: 1025px) {
  .home-story__content {
    width: calc(41.6666666667% - 4.4341666667%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}
.home-story__heading {
  font-size: 1.625rem;
  line-height: 2rem;
  color: #FFFFFF;
  margin: 0 0 1.25rem 0;
}
@media screen and (min-width: 570px) {
  .home-story__heading {
    margin-bottom: 1.875rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.home-story__heading a {
  color: inherit;
  line-height: inherit;
}
.home-story__name {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.03em;
  line-height: 2.375rem;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0;
}
@media screen and (min-width: 570px) {
  .home-story__name {
    font-size: 2.375rem;
    line-height: 2.75rem;
  }
}
.home-story__description {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #FFFFFF;
  margin: 1.25rem 0 0 0;
}
.home-story__link {
  display: flex;
  margin-top: 1.875rem;
}
.home-story__link a {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  text-align: center;
  background-color: #E61D31;
  color: #fff;
  transition: 150ms linear;
  padding: 1.25rem 2.5rem;
}
.home-story__link a:hover {
  background-color: #FFFFFF;
  color: #1E194D;
}

#jaf-news-content-area .site-main {
  background-color: #2F387A;
}
@media screen and (max-width: 569px) {
  #jaf-news-content-area .site-main > .container {
    overflow: hidden;
  }
}
#jaf-news-content-area .jaf-small-title {
  color: #FFFFFF;
  background-color: #2F387A;
  padding: 0 10px;
  z-index: 2;
  margin-left: -10px;
  margin-top: 30px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  #jaf-news-content-area .jaf-small-title {
    margin-top: 35px;
    margin-bottom: 40px;
  }
}
#jaf-news-content-area .jaf-small-title::before {
  display: block;
  background-color: #1E194D;
  top: 2px;
  left: auto;
  right: 100%;
  width: 100vw;
}
@media screen and (min-width: 1025px) {
  #jaf-news-content-area .jaf-small-title::before {
    content: unset;
  }
}
#jaf-news-content-area .jaf-small-title::after {
  background-color: #1E194D;
  content: "";
  height: 14px;
  position: absolute;
  left: 100%;
  width: 100vw;
  top: 2px;
}
@media screen and (min-width: 1025px) {
  #jaf-news-content-area .jaf-small-title::after {
    content: unset;
  }
}

#jaf-news-masonry::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 570px) {
  #jaf-news-masonry {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (min-width: 1025px) {
  #jaf-news-masonry {
    margin-left: -29px;
    margin-right: -29px;
  }
}

#jaf-ajax-progress-bar {
  color: #FFFFFF;
  text-align: center;
  display: none;
  margin-bottom: 25px;
}
#jaf-ajax-progress-bar.post_loading_loader {
  display: block;
}
.section-blog #jaf-ajax-progress-bar {
  color: #3467C0;
}

#jaf-news-year-form {
  display: flex;
}

#jaf-news-form-block {
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  #jaf-news-form-block {
    top: 30px;
    margin-bottom: 0;
    position: absolute;
    left: calc(100% - 170px);
  }
  #jaf-news-form-block::before {
    background-color: #1E194D;
    content: "";
    height: 14px;
    position: absolute;
    right: calc(100% + 17px);
    width: 100vw;
    top: 7px;
  }
}
#jaf-news-form-block select,
#jaf-news-form-block .query-wrangler-submit {
  font-size: 1rem;
}
@media screen and (min-width: 1025px) {
  #jaf-news-form-block select,
#jaf-news-form-block .query-wrangler-submit {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
#jaf-news-form-block select {
  background: url("../../img/icon-select.svg") calc(100% - 0.25em - 4px) center no-repeat;
  background-size: 15px 7px;
  font-weight: 700;
}
#jaf-news-form-block .query-wrangler-submit {
  margin: 0 0 0 12px;
  border: 2px solid transparent;
  padding: 0.25em 0.75em;
  background-color: #FFFFFF;
  color: #2F387A;
  transition: 0.25s ease-in-out;
}
#jaf-news-form-block .query-wrangler-submit:hover {
  color: #fff;
  background-color: #1E194D;
}

.jaf-news-item {
  background-color: #1E194D;
  margin-bottom: 20px;
  width: 100%;
}
.jaf-news-item:nth-child(4n+1) .jaf-news-meta-info {
  color: #538DF5;
}
.jaf-news-item:nth-child(4n+1):hover .entry-title {
  color: #538DF5;
}
.jaf-news-item:nth-child(4n+1) .jaf-text-with-tag:after,
.jaf-news-item:nth-child(4n+1) .jaf-text-with-tag:before {
  background-color: #538DF5;
}
.jaf-news-item:nth-child(4n+2) .jaf-news-meta-info {
  color: #08C6B2;
}
.jaf-news-item:nth-child(4n+2):hover .entry-title {
  color: #08C6B2;
}
.jaf-news-item:nth-child(4n+2) .jaf-text-with-tag:after,
.jaf-news-item:nth-child(4n+2) .jaf-text-with-tag:before {
  background-color: #08C6B2;
}
.jaf-news-item:nth-child(4n+3) .jaf-news-meta-info {
  color: #DD56C6;
}
.jaf-news-item:nth-child(4n+3):hover .entry-title {
  color: #DD56C6;
}
.jaf-news-item:nth-child(4n+3) .jaf-text-with-tag:after,
.jaf-news-item:nth-child(4n+3) .jaf-text-with-tag:before {
  background-color: #DD56C6;
}
.jaf-news-item:nth-child(4n+4) .jaf-news-meta-info {
  color: #FF4053;
}
.jaf-news-item:nth-child(4n+4):hover .entry-title {
  color: #FF4053;
}
.jaf-news-item:nth-child(4n+4) .jaf-text-with-tag:after,
.jaf-news-item:nth-child(4n+4) .jaf-text-with-tag:before {
  background-color: #FF4053;
}
@media (min-width: 570px) {
  .jaf-news-item {
    width: calc(50% - 22.5px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  .jaf-news-item {
    width: calc(33.3333333333% - 38.6666666667px);
    float: left;
    margin-left: 29px;
    margin-bottom: 29px;
  }
}

.jaf-news-link {
  display: block;
}
.jaf-news-link:hover .jaf-text-with-tag,
.jaf-news-link:hover h2,
.jaf-news-link:hover h3 {
  text-decoration: underline;
}

.jaf-news-content {
  color: #FFFFFF;
  padding: 20px 23px 20px;
}
.jaf-news-content h2,
.jaf-news-content h3 {
  color: #FFFFFF;
  margin-top: 0;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.125em;
}
@media screen and (min-width: 570px) {
  .jaf-news-content {
    padding: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-news-content {
    padding: 26px 35px 28px;
  }
  .jaf-news-content h2,
.jaf-news-content h3 {
    font-size: 27px;
    font-size: 1.6875rem;
    font-weight: 400;
    line-height: 1.2em;
  }
}

.jaf-news-meta-info {
  color: #538DF5;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.35em;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.jaf-news-desc {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 1em;
  margin-bottom: 0;
}
@media screen and (min-width: 570px) {
  .jaf-news-desc {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.jaf-news-footer {
  position: relative;
  padding-left: 23px;
  padding-right: 23px;
  margin-bottom: 19px;
  overflow: hidden;
}
.jaf-news-footer .jaf-text-with-tag {
  background: url("../../img/icon-external-link.svg") no-repeat right 49%;
  background-size: 14px 14px;
  letter-spacing: 0.5px;
  padding-right: 25px;
}
.jaf-news-footer .jaf-text-with-tag:after, .jaf-news-footer .jaf-text-with-tag:before {
  top: 2px;
  height: 14px;
}
.jaf-news-footer .jaf-text-with-tag:before {
  left: calc(100% + 12px);
  width: 230px;
}
.jaf-news-footer .jaf-text-with-tag:after {
  width: 13px;
  left: -23px;
}
.jaf-news-footer .jaf-text-with-tag:after,
.jaf-news-footer .jaf-text-with-tag:before {
  background-color: #538DF5;
}
@media screen and (min-width: 570px) {
  .jaf-news-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-news-footer {
    padding-left: 35px;
    padding-right: 35px;
  }
  .jaf-news-footer .jaf-text-with-tag:after {
    left: -35px;
    width: 24px;
  }
}

.page-template-page-news .site-main {
  overflow: hidden;
}
.page-template-page-news .col-full {
  position: relative;
}
.page-template-page-news .pager-numbers {
  margin-top: 0.625rem;
}
@media screen and (min-width: 570px) {
  .page-template-page-news .pager-numbers {
    margin-top: 0.9375rem;
  }
}
@media screen and (min-width: 1025px) {
  .page-template-page-news .pager-numbers {
    margin-top: 1.25rem;
  }
}

.row-team {
  margin-left: -13px;
  margin-right: -13px;
}
.row-team::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 570px) {
  .row-team {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (min-width: 1025px) {
  .row-team {
    margin-left: -29px;
    margin-right: -29px;
  }
}

@media (min-width: 320px) {
  .col-team {
    width: calc(50% - 19.5px);
    float: left;
    margin-left: 13px;
    margin-bottom: 13px;
  }
}
@media (min-width: 570px) {
  .col-team {
    width: calc(25% - 18.75px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  .col-team {
    width: calc(25% - 36.25px);
    float: left;
    margin-left: 29px;
    margin-bottom: 29px;
  }
}
.col-team .hentry {
  margin-bottom: 0;
  height: 100%;
}

h2.category-title {
  margin-top: 15px;
}

.jaf-profile-wrapper {
  background-color: #1E194D;
  position: relative;
  transition: none;
  height: 100%;
  display: block;
}

.jaf-profile-link {
  display: block;
  position: relative;
  transition: none;
  border-bottom: 10px solid #538DF5;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .jaf-profile-link {
    border-bottom: 15px solid #538DF5;
  }
}
.jaf-profile-link::after {
  background: #538DF5 url(../../img/icon-arrow-right-white.svg) no-repeat center;
  background-size: 11px 10px;
  content: "";
  position: absolute;
  width: 28px;
  height: 24px;
  bottom: -10px;
  right: 0;
}
@media screen and (min-width: 570px) {
  .jaf-profile-link::after {
    width: 26px;
    height: 23px;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-profile-link::after {
    background-size: 15px 14px;
    width: 40px;
    height: 35px;
    bottom: -15px;
  }
}

.profile-img-wrapper {
  position: relative;
}
.profile-img-wrapper img {
  display: block;
}

.profile-img-animated {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.profile-img-animated > * {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  max-width: none;
}

.profile-data-wrapper {
  background-color: #1E194D;
  color: #FFFFFF;
  padding: 17px 20px 20px;
}
.profile-data-wrapper h3 {
  margin: 0;
}
a:hover .profile-data-wrapper h3 {
  text-decoration: underline;
}
.profile-data-wrapper p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.45em;
  margin-bottom: 0;
}
@media screen and (min-width: 570px) {
  .profile-data-wrapper {
    padding: 20px 25px;
  }
  .profile-data-wrapper p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .profile-data-wrapper h3 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
@media screen and (min-width: 1025px) {
  .profile-data-wrapper {
    padding: 29px 37px 35px;
  }
  .profile-data-wrapper p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.single-profile-section {
  position: relative;
  padding-top: 30px;
  z-index: 1;
}
.single-profile-section:before {
  background-color: #EAEAEA;
  content: "";
  height: 217px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.single-profile-section blockquote {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 6px;
  padding: 30px 24px;
  font-size: 22px;
  font-size: 1.375rem;
}
.single-profile-section blockquote:before, .single-profile-section blockquote:after {
  height: 20px;
  width: 28px;
}
.single-profile-section blockquote:before {
  top: -1px;
}
@media screen and (min-width: 570px) {
  .single-profile-section {
    padding-top: 55px;
  }
  .single-profile-section:before {
    height: 187px;
  }
  .single-profile-section blockquote {
    padding: 30px;
    margin-bottom: 22px;
  }
  .single-profile-section blockquote:before, .single-profile-section blockquote:after {
    height: 22px;
    width: 30px;
  }
}
@media screen and (min-width: 1320px) {
  .single-profile-section {
    padding-top: 110px;
  }
  .single-profile-section:before {
    height: 235px;
  }
  .single-profile-section blockquote {
    padding: 35px 40px;
    font-size: 25px;
    font-size: 1.5625rem;
  }
  .single-profile-section blockquote:before, .single-profile-section blockquote:after {
    height: 24px;
    width: 32px;
  }
}

.single-profile-header {
  display: flex;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-bottom: 22px;
}
@media screen and (min-width: 570px) {
  .single-profile-header {
    margin-bottom: 42px;
  }
}
@media screen and (min-width: 1320px) {
  .single-profile-header {
    margin-bottom: 37px;
  }
}
.single-profile-header h1 {
  color: #E61D31;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  text-transform: uppercase;
  margin-bottom: 0;
}
.single-profile-header p {
  margin: 0;
}
.single-profile-header .jaf-text-with-tag {
  color: #1E194D;
}
.single-profile-header .jaf-text-with-tag:after {
  left: -10008px;
  width: 9999px;
}

@media (min-width: 320px) {
  .col-profile-content, .col-profile-sidebar {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .col-profile-content, .col-profile-sidebar {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}

@media (min-width: 1025px) {
  .col-profile-content {
    width: calc(50% - 4.695%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}

@media (min-width: 1025px) {
  .col-profile-sidebar {
    width: calc(33.3333333333% - 4.1733333333%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
    float: right;
    margin-left: 0;
    margin-right: 3.13%;
  }
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .col-profile-sidebar {
    display: none;
  }
}

.col-profile-sidebar-tablet {
  display: none;
  float: right;
  width: 50%;
  margin-left: 5.22%;
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .col-profile-sidebar-tablet {
    display: block;
  }
}

.single-profile-img {
  border-bottom: 20px solid #08C6B2;
}
.single-profile-img img {
  display: block;
}

.profile-btn-wrapper {
  margin-bottom: 35px;
}
@media screen and (min-width: 1025px) {
  .profile-btn-wrapper::after {
    clear: both;
    content: "";
    display: table;
  }
}

a.profile-btn {
  background-color: #1E194D;
  padding: 15px;
  display: block;
}
a.profile-btn:not(.linkedin) {
  margin-bottom: 6px;
}
a.profile-btn:hover, a.profile-btn:focus {
  background-color: #E61D31;
  color: #fff;
}
a.profile-btn span {
  display: inline-block;
  position: relative;
  top: -5px;
  margin-left: 25px;
}
@media screen and (min-width: 570px) {
  a.profile-btn {
    width: 44%;
  }
  a.profile-btn:not(.linkedin) {
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 1025px) {
  a.profile-btn {
    float: left;
    width: calc(33% - 7px);
  }
  a.profile-btn:not(.linkedin) {
    margin-right: 12px;
    margin-bottom: 0;
  }
  a.profile-btn span {
    margin-left: 17px;
  }
}
@media screen and (min-width: 1320px) {
  a.profile-btn {
    width: calc(33% - 18px);
  }
  a.profile-btn:not(.linkedin) {
    margin-right: 29px;
  }
  a.profile-btn span {
    margin-left: 25px;
  }
}

.single-post article {
  margin-bottom: 0;
}
.single-post article header {
  background-color: #EAEAEA;
  padding-top: 30px;
}
@media screen and (min-width: 570px) {
  .single-post article {
    margin-bottom: 35px;
  }
  .single-post article header {
    padding-top: 55px;
  }
}
@media screen and (min-width: 1025px) {
  .single-post article {
    margin-bottom: 65px;
  }
  .single-post article header {
    padding-top: 0;
  }
}

@media screen and (min-width: 570px) and (max-width: 1024px) {
  .col-blog-img, .jaf-blog-quote-col {
    background-color: #FFFFFF;
    padding: 0 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-blog-img, .jaf-blog-quote-col {
    width: calc(58.3333333333% - 4.9558333333%);
    float: left;
    margin-left: 3.13%;
  }
}

.jaf-blog-quote-col blockquote {
  font-size: 25px;
  font-size: 1.5625rem;
  margin: 0;
  padding: 30px 9.765625%;
}
.jaf-blog-quote-col blockquote:before, .jaf-blog-quote-col blockquote:after {
  height: 20px;
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .jaf-blog-quote-col {
    background-color: #FFFFFF;
    padding: 0 5.22%;
  }
  .jaf-blog-quote-col blockquote {
    font-size: 28px;
    font-size: 1.75rem;
    padding: 35px 7.83%;
  }
  .jaf-blog-quote-col blockquote:before, .jaf-blog-quote-col blockquote:after {
    height: 22px;
  }
}
@media (min-width: 1025px) {
  .jaf-blog-quote-col {
    width: calc(58.3333333333% - 4.9558333333%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(41.6666666667% - 4.4341666667% + 6.26%);
  }
  .jaf-blog-quote-col blockquote {
    padding: 25px 70px;
  }
  .jaf-blog-quote-col blockquote:before, .jaf-blog-quote-col blockquote:after {
    height: 24px;
  }
}

.col-blog-header {
  margin: 0 7.8125%;
}
@media screen and (min-width: 570px) {
  .col-blog-header {
    margin: 0 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-blog-header {
    width: calc(33.3333333333% - 4.1733333333%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
    margin-right: 0;
  }
}

.blog-header-content {
  display: flex;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
  height: 100%;
  justify-content: center;
}
.blog-header-content h1 {
  color: #1E194D;
  font-size: 35px;
  font-size: 2.1875rem;
  margin-top: 0.75em;
}
@media screen and (min-width: 570px) {
  .blog-header-content h1 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.blog-header-content h2 {
  color: #E61D31;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.15em;
  margin: 8px 0 0;
  text-transform: uppercase;
}
@media screen and (min-width: 1025px) {
  .blog-header-content h1 {
    margin-bottom: 40px;
  }
}

.blog-cat-wrapper {
  position: relative;
}
.blog-cat-wrapper:after {
  background-color: #E61D31;
  content: "";
  position: absolute;
  top: 4px;
  height: 15px;
  left: -10008px;
  width: 9999px;
}
.blog-cat-wrapper .jaf-text-with-tag {
  color: #1E194D;
}
.blog-cat-wrapper .jaf-text-with-tag:after {
  display: none;
}
.blog-cat-wrapper .jaf-text-with-tag:hover, .blog-cat-wrapper .jaf-text-with-tag:focus {
  text-decoration: underline;
}
@media screen and (min-width: 570px) {
  .blog-cat-wrapper:after {
    left: -10015px;
  }
}

.jaf-blog-meta-wrapper {
  margin: 34px 0 -17px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  .jaf-blog-meta-wrapper {
    margin: -17px 0 0;
    zoom: 1;
  }
}

.jaf-blog-entry-meta {
  background-color: #009E8E;
  color: #FFFFFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.25em;
  padding: 9px 10px;
  text-align: center;
}
.jaf-blog-entry-meta a {
  color: #FFFFFF;
}
.jaf-blog-entry-meta a:hover, .jaf-blog-entry-meta a:focus {
  text-decoration: underline;
}
@media screen and (min-width: 570px) {
  .jaf-blog-entry-meta {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 9px 22px;
    text-align: left;
  }
}

.meta-divider {
  padding: 0 5px;
}

@media (min-width: 320px) {
  .col-blog-content {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .col-blog-content {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-blog-content {
    width: calc(66.6666666667% - 5.2166666667%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}
.col-blog-content .entry-content {
  margin-top: 0;
}
.col-blog-content .entry-content > *:first-child {
  margin-top: 0;
}

.col-blog-sidebar {
  float: left;
}
@media (min-width: 570px) {
  .col-blog-sidebar {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-blog-sidebar {
    width: calc(25% - 3.9125%);
    float: left;
    margin-left: 3.13%;
  }
}

.jaf-blog-content {
  margin-top: 35px;
}
@media screen and (min-width: 570px) {
  .jaf-blog-content {
    margin-top: 45px;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-blog-content {
    margin-top: 65px;
  }
}

@media (min-width: 570px) {
  .col-blog-landing {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-blog-landing {
    width: calc(83.3333333333% - 5.7383333333%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}

@media screen and (max-width: 569px) {
  .section-blog-header {
    padding: 0 7.8125%;
  }
}
.section-blog-header .jaf-small-title {
  color: #1E194D;
  display: block;
  float: left;
  margin-left: -10px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0 10px;
}
@media screen and (min-width: 1025px) {
  .section-blog-header .jaf-small-title {
    margin-top: 35px;
  }
}
.section-blog-header .jaf-small-title::before {
  background-color: #FFFFFF;
  top: 2px;
  left: auto;
  right: 100%;
  width: 100vw;
}
.section-blog-header .jaf-small-title::after {
  background-color: #FFFFFF;
  content: "";
  height: 14px;
  position: absolute;
  left: 100%;
  width: 100vw;
  top: 2px;
}

#jaf-blog-filter {
  background-color: #FFFFFF;
  color: #3467C0;
  margin-bottom: 25px;
  padding: 20px 16px;
  display: flex;
  flex-wrap: wrap;
}
#jaf-blog-filter select,
#jaf-blog-filter input,
#jaf-blog-filter .query-checkbox {
  font-size: 1rem;
}
@media screen and (min-width: 1025px) {
  #jaf-blog-filter select,
#jaf-blog-filter input,
#jaf-blog-filter .query-checkbox {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
#jaf-blog-filter select {
  color: #3467C0;
  border-color: #3467C0;
  background: url("../../img/icon-select-blue.svg") calc(100% - 0.25em - 4px) center no-repeat;
  background-size: 15px 7px;
  width: 100%;
}
@media screen and (min-width: 570px) {
  #jaf-blog-filter select {
    width: auto;
  }
}
#jaf-blog-filter .query-exposed-label {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
#jaf-blog-filter > *:not(:last-child) {
  margin-bottom: 20px;
}
#jaf-blog-filter > [class*=query-exposed] {
  width: 100%;
}
#jaf-blog-filter > [class*=query-exposed]:last-child {
  margin-right: 0;
}
@media screen and (min-width: 570px) {
  #jaf-blog-filter > [class*=query-exposed] {
    margin-right: 20px;
    width: auto;
  }
}
#jaf-blog-filter .query-checkboxes {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -15px;
}
@media screen and (min-width: 1025px) {
  #jaf-blog-filter .query-checkboxes {
    margin-bottom: -10px;
  }
}
#jaf-blog-filter .jaf-checkbox-item {
  margin-right: 20px;
  padding-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  #jaf-blog-filter .jaf-checkbox-item {
    margin-right: 15px;
    padding-bottom: 10px;
  }
}
#jaf-blog-filter .jaf-checkbox-item:last-child {
  margin-right: 0;
}
#jaf-blog-filter input[type=checkbox] {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

#jaf-blog-form-checkboxes {
  padding-bottom: 5px;
  margin-top: 13px;
}
@media screen and (min-width: 1025px) {
  #jaf-blog-form-checkboxes {
    display: inline;
    margin-left: 20px;
  }
}

#jaf-blog-filter-submit-wrapper {
  width: 100%;
  margin-top: 5px;
}
#jaf-blog-filter-submit-wrapper .query-wrangler-submit,
#jaf-blog-filter-submit-wrapper .query-wrangler-clear {
  transition: 0.25s ease-in-out;
}
#jaf-blog-filter-submit-wrapper .query-wrangler-submit:hover,
#jaf-blog-filter-submit-wrapper .query-wrangler-clear:hover {
  color: #fff;
  background-color: #E61D31;
  border: 2px solid transparent;
}

@media screen and (min-width: 570px) {
  .col-preview-content,
.col-preview-img {
    float: left;
    width: 50%;
  }
}

.col-preview-content {
  background-color: #FFFFFF;
  padding: 17px 7.8125% 27px;
}
@media screen and (min-width: 570px) {
  .col-preview-content {
    padding: 26px 26px 32px;
  }
}
@media screen and (min-width: 1025px) {
  .col-preview-content {
    padding: 31px 33px;
  }
}

.col-preview-img .jaf-img-container {
  height: 100%;
}

.jaf-post-preview {
  color: #1E194D;
  position: relative;
}
.jaf-post-preview .entry-header {
  display: flex;
  flex-direction: column;
}
.jaf-post-preview h2,
.jaf-post-preview h3 {
  font-size: 27px;
  font-size: 1.6875rem;
  line-height: 1.125em;
  margin: 15px 0 5px;
}
.jaf-post-preview h2 a,
.jaf-post-preview h3 a {
  color: #1E194D;
}
.jaf-post-preview h2 a:hover,
.jaf-post-preview h3 a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 570px) {
  .jaf-post-preview h2,
.jaf-post-preview h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.jaf-post-preview .jaf-text-with-tag {
  color: #009E8E;
  order: -1;
}
.jaf-post-preview .jaf-text-with-tag:after {
  background-color: #009E8E;
  top: 2px;
  height: 14px;
  left: -44px;
  width: 35px;
}
.jaf-post-preview .jaf-text-with-tag:focus, .jaf-post-preview .jaf-text-with-tag:hover {
  text-decoration: underline;
}
.jaf-post-preview.category-patient-stories .jaf-text-with-tag {
  color: #E61D31;
}
.jaf-post-preview.category-patient-stories .jaf-text-with-tag:after {
  background-color: #E61D31;
}
.jaf-post-preview .entry-meta {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.jaf-post-preview .entry-meta a {
  color: #1E194D;
}
.jaf-post-preview .entry-meta a:focus, .jaf-post-preview .entry-meta a:hover {
  text-decoration: underline;
}
.jaf-post-preview p {
  font-size: 15px;
  font-size: 0.9375rem;
  margin: 1em 0 0;
}
@media screen and (max-width: 569px) {
  .jaf-post-preview {
    padding-bottom: 58px;
  }
}
@media screen and (min-width: 570px) {
  .jaf-post-preview h2,
.jaf-post-preview h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .jaf-post-preview .jaf-text-with-tag:after {
    width: 15px;
    left: -26px;
  }
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .jaf-post-preview p {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .jaf-post-preview .entry-meta {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-post-preview h2,
.jaf-post-preview h3 {
    font-size: 27px;
    font-size: 1.6875rem;
    margin: 20px 0 9px;
  }
  .jaf-post-preview .jaf-text-with-tag:after {
    width: 21px;
    left: -33px;
  }
}

a.blog-read-post-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 18px 37px;
}
.jaf-post-preview:not(.category-patient-stories) a.blog-read-post-btn {
  background-color: #008080;
}
.jaf-post-preview:not(.category-patient-stories) a.blog-read-post-btn:focus, .jaf-post-preview:not(.category-patient-stories) a.blog-read-post-btn:hover {
  background-color: #009E8E;
}
@media screen and (min-width: 570px) {
  a.blog-read-post-btn {
    left: auto;
    right: 50%;
  }
}
@media screen and (max-width: 569px) {
  a.blog-read-post-btn {
    display: block;
    width: 100%;
  }
}

.page-template-page-blog .pager-numbers {
  margin-top: 0.375rem;
}
@media screen and (min-width: 1025px) {
  .page-template-page-blog .pager-numbers {
    margin-top: 1.625rem;
  }
}

@media (min-width: 320px) {
  .col-ways-to-give-content {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
  .col-ways-to-give-content .section-blog-header {
    padding: 0;
  }
  .col-ways-to-give-content .jaf-small-title {
    margin-bottom: 5px;
  }
}
@media (min-width: 570px) {
  .col-ways-to-give-content {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
  .col-ways-to-give-content .jaf-small-title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  .col-ways-to-give-content {
    width: calc(83.3333333333% - 5.7383333333%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
  .col-ways-to-give-content .jaf-small-title {
    margin-bottom: 25px;
  }
}
.col-ways-to-give-content .entry-content {
  margin-top: 25px;
}
.col-ways-to-give-content .jaf-title-remaining-bg {
  margin-top: 9px;
}

.col-jaf-ways-img {
  display: none;
}
@media screen and (min-width: 570px) {
  .col-jaf-ways-img {
    display: block;
    float: left;
    width: 36.0182371%;
  }
}
@media screen and (min-width: 1025px) {
  .col-jaf-ways-img {
    width: 38.2617383%;
  }
}
.col-jaf-ways-img .jaf-img-container {
  height: 100%;
}

.jaf-ways-link {
  display: block;
}

.col-jaf-ways-content {
  padding: 20px 18px 45px;
  background-color: #FFFFFF;
  border-bottom: 11px solid #E61D31;
  margin-bottom: 18px;
  position: relative;
}
.col-jaf-ways-content:after {
  background: #E61D31 url(../../img/icon-arrow-right-white.svg) no-repeat center;
  background-size: 14px 13px;
  content: "";
  position: absolute;
  right: 0;
  bottom: -9px;
  width: 47px;
  height: 35px;
}
@media screen and (min-width: 570px) {
  .col-jaf-ways-content {
    border-bottom-width: 15px;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    float: left;
    padding: 21px 18px 50px;
    width: calc(100% - 36.0182371%);
  }
  .col-jaf-ways-content:after {
    background: #E61D31 url(../../img/icon-arrow-right-white.svg) no-repeat center;
    background-size: 19px 18px;
    bottom: -12px;
    width: 69px;
    height: 50px;
  }
}
@media screen and (min-width: 1025px) {
  .col-jaf-ways-content {
    padding: 28px 29px 55px;
    margin-bottom: 35px;
    width: calc(100% - 38.2617383%);
  }
  .col-jaf-ways-content:after {
    background: #E61D31 url(../../img/icon-arrow-right-white.svg) no-repeat center;
    background-size: 22px 21px;
    bottom: -15px;
    width: 75px;
    height: 59px;
  }
}

.jaf-ways-title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.1em;
  margin-top: 0;
  margin-bottom: 14px;
  text-transform: uppercase;
}
@media screen and (min-width: 570px) {
  .jaf-ways-title {
    font-size: 33px;
    font-size: 2.0625rem;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-ways-title {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.jaf-ways-desc {
  color: #1E194D;
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 0;
}
@media screen and (min-width: 570px) {
  .jaf-ways-desc {
    width: calc(100% - 52px);
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-ways-desc {
    font-size: 17px;
    font-size: 1.0625rem;
    width: calc(100% - 45px);
  }
}

#ways-to-give-wrapper {
  margin-top: 35px;
  margin-bottom: 15px;
}
@media screen and (min-width: 570px) {
  #ways-to-give-wrapper {
    margin-top: 42px;
  }
}
@media screen and (min-width: 1025px) {
  #ways-to-give-wrapper {
    margin-top: 50px;
  }
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+1) .jaf-ways-title {
  color: #E61D31;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+1) .col-jaf-ways-content {
  border-bottom-color: #E61D31;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+1) .col-jaf-ways-content:after {
  background-color: #E61D31;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+2) .jaf-ways-title {
  color: #DD56C6;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+2) .col-jaf-ways-content {
  border-bottom-color: #DD56C6;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+2) .col-jaf-ways-content:after {
  background-color: #DD56C6;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+3) .jaf-ways-title {
  color: #3467C0;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+3) .col-jaf-ways-content {
  border-bottom-color: #3467C0;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+3) .col-jaf-ways-content:after {
  background-color: #3467C0;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+4) .jaf-ways-title {
  color: #009E8E;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+4) .col-jaf-ways-content {
  border-bottom-color: #009E8E;
}
#ways-to-give-wrapper .jaf-ways-to-give-block:nth-child(4n+4) .col-jaf-ways-content:after {
  background-color: #009E8E;
}

.ways-to-give-extra-text-block.entry-content {
  margin-top: 15px;
}

.row-events::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 570px) {
  .row-events {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (min-width: 1025px) {
  .row-events {
    margin-left: -29px;
    margin-right: -29px;
  }
}

.col-event {
  color: #FFFFFF;
  margin-bottom: 13px;
  color: #fff;
  margin-bottom: 13px;
}
@media (min-width: 570px) {
  .col-event {
    width: calc(50% - 22.5px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  .col-event {
    width: calc(50% - 43.5px);
    float: left;
    margin-left: 29px;
    margin-bottom: 29px;
  }
}
.col-event a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media screen and (max-width: 569px) {
  .jaf-events-section {
    margin-bottom: 0;
  }
}

.event-entry-header {
  background-color: #1E194D;
  display: flex;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
  flex: 1;
  justify-content: center;
  padding: 20px 7.8125%;
}
.event-entry-header .jaf-text-with-tag:after {
  background-color: #A42990;
  top: 2px;
  height: 14px;
  width: 31px;
  left: -44px;
}
.event-entry-header h2,
.event-entry-header h3 {
  color: #FFFFFF;
  font-size: 31px;
  font-size: 1.9375rem;
  line-height: 1.25em;
  margin: 12px 0 5px;
  color: #FFFFFF;
}
@media screen and (min-width: 570px) {
  .event-entry-header {
    padding: 28px 26px;
  }
  .event-entry-header h2,
.event-entry-header h3 {
    font-size: 27px;
    font-size: 1.6875rem;
  }
  .event-entry-header .jaf-text-with-tag::after {
    width: 16px;
    left: -26px;
  }
}
@media screen and (min-width: 1025px) {
  .event-entry-header {
    padding: 24px 32px;
  }
  .event-entry-header h2,
.event-entry-header h3 {
    font-size: 28px;
    font-size: 1.75rem;
  }
  a:hover .event-entry-header h2,
a:hover .event-entry-header h3 {
    text-decoration: underline;
  }
  .event-entry-header .jaf-text-with-tag:after {
    width: 21px;
    left: -32px;
  }
}

.event-entry-content .jaf-event-link-block-btn {
  background-color: #A42990;
  color: #FFFFFF;
  font-size: 15px;
  font-size: 0.9375rem;
  display: block;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 20px 47px;
  text-align: center;
  text-transform: uppercase;
  background-color: #A42990;
}
a:hover .event-entry-content .jaf-event-link-block-btn {
  background-color: #542E8C;
}

.page-template-page-events .col-blog-landing {
  position: relative;
}
.page-template-page-events #jaf-events-year-form {
  display: flex;
}
.page-template-page-events .jaf-events-section .section-blog-header {
  position: relative;
}
.page-template-page-events .jaf-events-section .section-blog-header .jaf-small-title {
  color: #1E194D;
  display: inline-block;
  z-index: 2;
  padding: 0 10px;
  background-color: #EAEAEA;
  margin-left: -10px;
  margin-top: 30px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .page-template-page-events .jaf-events-section .section-blog-header .jaf-small-title {
    margin-top: 35px;
    margin-bottom: 40px;
  }
}
.page-template-page-events .jaf-events-section .section-blog-header .jaf-small-title::before {
  background-color: #FFFFFF;
  top: 2px;
  left: auto;
  right: 100%;
  width: 100vw;
}
@media screen and (min-width: 1025px) {
  .page-template-page-events .jaf-events-section .section-blog-header .jaf-small-title::before {
    content: unset;
  }
}
.page-template-page-events .jaf-events-section .section-blog-header .jaf-small-title::after {
  background-color: #FFFFFF;
  content: "";
  height: 14px;
  position: absolute;
  left: 100%;
  width: 100vw;
  top: 2px;
}
@media screen and (min-width: 1025px) {
  .page-template-page-events .jaf-events-section .section-blog-header .jaf-small-title::after {
    content: unset;
  }
}
.page-template-page-events #jaf-events-form-block {
  padding: 0 7.8125%;
  margin-bottom: 20px;
}
@media screen and (min-width: 570px) {
  .page-template-page-events #jaf-events-form-block {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1025px) {
  .page-template-page-events #jaf-events-form-block {
    position: absolute;
    background-color: #EAEAEA;
    top: 30px;
    left: calc(100% - 170px);
    margin-bottom: 0;
    padding: 0;
  }
  .page-template-page-events #jaf-events-form-block::before {
    background-color: #fff;
    content: "";
    height: 14px;
    position: absolute;
    right: calc(100% + 17px);
    width: 100vw;
    top: 7px;
  }
}
.page-template-page-events #jaf-events-form-block select,
.page-template-page-events #jaf-events-form-block .query-wrangler-submit {
  font-size: 1rem;
}
@media screen and (min-width: 1025px) {
  .page-template-page-events #jaf-events-form-block select,
.page-template-page-events #jaf-events-form-block .query-wrangler-submit {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.page-template-page-events #jaf-events-form-block select {
  color: #1E194D;
  border-color: #1E194D;
  background: url("../../img/icon-select-dark-blue.svg") calc(100% - 0.25em - 4px) center no-repeat;
  background-size: 15px 7px;
  font-weight: 700;
}
.page-template-page-events #jaf-events-form-block .query-wrangler-submit {
  margin: 0 0 0 12px;
  border: 2px solid transparent;
  padding: 0.25em 0.75em;
  transition: 0.25s ease-in-out;
}
.page-template-page-events #jaf-events-form-block .query-wrangler-submit:hover {
  background-color: #1E194D;
}

.jaf-single-event-header {
  background-color: #EAEAEA;
}
@media screen and (min-width: 570px) {
  .jaf-single-event-header {
    padding: 43px 0 59px;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-single-event-header {
    padding-bottom: 82px;
  }
}

.col-event-header-img .jaf-img-container {
  height: 100%;
}
@media screen and (min-width: 1025px) {
  .col-event-header-img {
    float: left;
    margin-right: 29px;
    width: 58.8411588%;
  }
}

.col-event-header-content {
  background-color: #FFFFFF;
  padding: 10px 7.8125%;
  position: relative;
}
.future-event .col-event-header-content {
  padding-bottom: 95px;
}
@media screen and (min-width: 570px) {
  .col-event-header-content {
    padding: 29px 10.44%;
  }
  .future-event .col-event-header-content {
    padding-bottom: 109px;
  }
}
@media screen and (min-width: 1025px) {
  .col-event-header-content {
    float: left;
    padding: 29px 40px;
    width: calc(41.1588412% - 29px);
  }
}

.single-event-title {
  color: #542E8C;
  margin-top: 0.35em;
}
@media screen and (min-width: 570px) {
  .single-event-title {
    font-size: 34px;
    font-size: 2.125rem;
  }
}

.jaf-header-meta {
  background: url(../../img/icon-event-date.svg) left 12% no-repeat;
  background-size: 32px 32px;
  margin-top: 28px;
  padding-left: 60px;
  min-height: 42px;
}
.jaf-header-meta.single-event-address {
  background-image: url(../../img/icon-event-location.svg);
  background-size: 28px 42px;
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .jaf-header-meta {
    float: left;
    margin-top: 16px;
    width: calc(50% - 15px);
  }
  .jaf-header-meta.single-event-address {
    margin-left: 30px;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-header-meta {
    margin-top: 32px;
  }
}

.single-event-meta {
  color: #A42990;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  line-height: 1.35em;
  text-transform: uppercase;
}
.single-event-meta a {
  color: #A42990;
}
.single-event-meta a:hover {
  color: #A42990;
  text-decoration: underline;
}

a.jaf-single-event-cta {
  margin-top: 20px;
  position: absolute;
  padding: 19px 20px;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (min-width: 1025px) {
  a.jaf-single-event-cta {
    left: auto;
    left: initial;
    right: 0;
    bottom: -30px;
  }
}

@media (min-width: 320px) {
  .col-single-event-content {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .col-single-event-content {
    width: calc(75% - 9.135%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-single-event-content {
    width: calc(50% - 4.695%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}

@media (min-width: 320px) {
  .col-single-event-sidebar {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .col-single-event-sidebar {
    width: calc(25% - 6.525%);
    float: left;
    margin-left: 5.22%;
  }
}
@media (min-width: 1025px) {
  .col-single-event-sidebar {
    width: calc(25% - 3.9125%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}

.jaf-event-contact {
  background-color: #EAEAEA;
  color: #542E8C;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
  margin: 15px -9.25% 25px;
  padding: 25px 9.25%;
}
.jaf-event-contact p {
  margin: 0;
}
@media screen and (min-width: 570px) {
  .jaf-event-contact {
    margin: 35px 0;
    padding: 18px 29px;
  }
}

.jaf-single-event-content h2 {
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 400;
  line-height: 1.25em;
}
.jaf-single-event-content .entry-content {
  margin-top: 30px;
}
.jaf-single-event-content .entry-content > *:first-child {
  margin-top: 0;
}
.jaf-single-event-content h3 {
  color: #1E194D;
  font-size: 23.2px;
  font-size: 1.45rem;
}
@media screen and (min-width: 570px) {
  .jaf-single-event-content h2 {
    font-size: 29px;
    font-size: 1.8125rem;
  }
  .jaf-single-event-content h3 {
    font-size: 25.6px;
    font-size: 1.6rem;
  }
  .jaf-single-event-content .entry-content {
    margin-top: 41px;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-single-event-content h2 {
    font-size: 32px;
    font-size: 2rem;
  }
  .jaf-single-event-content h3 {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .jaf-single-event-content .entry-content {
    margin-top: 41px;
  }
}

#jaf-event-names-block .jaf-names-heading-wrapper {
  overflow: hidden;
}
#jaf-event-names-block h4 {
  color: #542E8C;
  display: inline-block;
  margin-bottom: 20px;
  padding-left: 34px;
}
#jaf-event-names-block h4:after {
  left: 0;
  width: 24px;
}
#jaf-event-names-block h4.both-directions:before, #jaf-event-names-block h4.both-directions:after {
  background-color: #542E8C;
  height: 14px;
  top: 3px;
}
#jaf-event-names-block h5 {
  color: #A42990;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  margin: 0 0 6px;
}

#jaf-names-groups {
  position: relative;
}
@media screen and (max-width: 569px) {
  #jaf-names-groups {
    margin-bottom: 20px;
  }
}

.jaf-names-group {
  margin-bottom: 14px;
}
@media screen and (min-width: 570px) {
  .jaf-names-group {
    margin-bottom: 24px;
    width: calc(50% - 8px);
  }
}
@media screen and (min-width: 1025px) {
  .jaf-names-group {
    width: calc(50% - 14px);
  }
}

@media screen and (min-width: 570px) {
  .jaf-event-name-gutter {
    height: 1px;
    width: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-event-name-gutter {
    width: 26px;
  }
}

.jaf-event-name {
  color: #1E194D;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.45em;
  margin-bottom: 5px;
}
.jaf-event-name a {
  color: #1E194D;
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (min-width: 570px) {
  .jaf-event-name {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.jaf-event-sponsors {
  border: 2px solid #EAEAEA;
  margin-bottom: 8px;
  padding: 10px 14px 15px;
}
.jaf-event-sponsors.jaf-event-main-sponsor {
  background-color: #FFFFFF;
  margin-bottom: 0;
}
.jaf-event-sponsors.visible-mobile {
  margin-top: 37px;
}
@media screen and (max-width: 569px) {
  .jaf-event-other-sponsors .jaf-event-sponsors {
    float: left;
    width: calc(50% - 5px);
  }
  .jaf-event-other-sponsors .jaf-event-sponsors:nth-child(2n) {
    margin-left: 10px;
  }
}
@media screen and (min-width: 570px) {
  .jaf-event-sponsors {
    margin-bottom: 10px;
  }
  .jaf-event-sponsors.jaf-event-main-sponsor {
    margin-top: -28px;
    zoom: 1;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-event-sponsors {
    padding: 10px 22px 27px;
  }
  .jaf-event-sponsors .sponsor-item {
    padding: 0 20px;
  }
}

.jaf-event-sponsor {
  margin-bottom: 20px;
}
.jaf-event-sponsor:last-child {
  margin-bottom: 0;
}

.jaf-event-main-sponsor-border {
  background-color: #542E8C;
  height: 15px;
  margin-bottom: 30px;
  width: 100%;
}
.jaf-event-main-sponsor-border.visible-mobile {
  margin-bottom: 40px;
}

.jaf-event-label {
  color: #1E194D;
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
  line-height: 1.25em;
  margin-bottom: 17px;
}
.jaf-event-label.small-label {
  font-size: 9px;
  font-size: 0.5625rem;
}
@media screen and (min-width: 570px) {
  .jaf-event-label.small-label {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-event-label {
    margin-bottom: 25px;
  }
}

.addeventatc_dropdown .copyx {
  display: none;
}

/* AddEvent theme CSS
---------------------------------------------------------------------- */
/* The button */
.addeventatc {
  border: 2px solid #542E8C;
  color: #542E8C;
  display: inline-block;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  position: relative;
  z-index: 1;
  padding: 4px 10px;
  margin-top: 10px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

.addeventatc .start,
.addeventatc .end, .addeventatc .timezone,
.addeventatc .title, .addeventatc .description,
.addeventatc .location, .addeventatc .organizer,
.addeventatc .organizer_email, .addeventatc .facebook_event,
.addeventatc .all_day_event, .addeventatc .date_format,
.addeventatc .alarm_reminder, .addeventatc .recurring,
.addeventatc .attendees, .addeventatc .calname,
.addeventatc .uid, .addeventatc .status,
.addeventatc .method, .addeventatc .client {
  display: none !important;
}

/* The drop down */
.addeventatc_dropdown {
  width: 200px;
  position: absolute;
  z-index: 1;
  padding: 6px 0px 0px 0px;
  background: #FFFFFF;
  text-align: left;
  display: none;
  margin-left: -1px;
  border-top: 1px solid #EAEAEA;
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15);
  text-transform: none;
  font-weight: 400;
  color: #555;
}

.addeventatc_dropdown span {
  display: block;
  line-height: 100%;
  background: #fff;
  text-decoration: none;
  font-size: 14px;
  color: #333;
  padding: 9px 10px;
}

.addeventatc_dropdown span:hover {
  background-color: #f4f4f4;
  color: #000;
  text-decoration: none;
  font-size: 14px;
}

.addeventatc_dropdown em {
  color: #999 !important;
  font-size: 12px !important;
}

.addeventatc_dropdown .frs {
  background: #fff;
  color: #cacaca !important;
  cursor: pointer;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 110% !important;
  padding-left: 10px;
  position: absolute;
  right: 10px;
  text-align: right;
  text-decoration: none;
  top: 5px;
  z-index: 101;
}

.addeventatc_dropdown .frs:hover {
  color: #999 !important;
}

.addeventatc_dropdown .copyx {
  display: none;
}

.addeventatc_dropdown .brx {
  height: 1px;
  overflow: hidden;
  background: #e0e0e0;
  position: absolute;
  z-index: 100;
  left: 10px;
  right: 10px;
  top: 9px;
}

.page-template-page-contact .hentry {
  margin-bottom: 50px;
}

@media (min-width: 320px) {
  .col-contact-info,
.col-contact-media {
    width: calc(100% - 15.625%);
    float: left;
    margin-left: 7.8125%;
  }
}
@media (min-width: 570px) {
  .col-contact-info,
.col-contact-media {
    width: calc(100% - 10.44%);
    float: left;
    margin-left: 5.22%;
  }
}

@media (min-width: 1025px) {
  .col-contact-info {
    width: calc(41.6666666667% - 4.4341666667%);
    float: left;
    margin-left: 3.13%;
    margin-left: calc(8.3333333333% - 3.3908333333% + 6.26%);
  }
}
.col-contact-info a {
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .col-contact-media {
    width: calc(50% - 4.695%);
    float: left;
    margin-left: 3.13%;
  }
}

#jaf-contact-header {
  background-color: #2F387A;
  overflow: hidden;
  padding-bottom: 30px;
}
#jaf-contact-header .col-contact-media {
  display: none;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  #jaf-contact-header .col-contact-media {
    display: block;
    overflow: auto;
  }
}
#jaf-contact-header .jaf-img-container {
  height: 100%;
}

.jaf-contact-title-block .jaf-small-title {
  color: #FFFFFF;
  margin-bottom: 0;
  margin-top: 18px;
  margin-right: 10px;
}
.jaf-contact-title-block .jaf-small-title:before {
  background-color: #1E194D;
}
.jaf-contact-title-block .jaf-small-title:after {
  background-color: #1E194D;
  content: "";
  position: absolute;
  top: 2px;
  height: 14px;
  left: calc(100% + 8px);
  width: 700px;
  z-index: 0;
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .jaf-contact-title-block .jaf-small-title:after {
    display: none;
  }
}
@media screen and (min-width: 570px) {
  .jaf-contact-title-block .jaf-small-title {
    margin-top: 0;
    float: left;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-contact-title-block .jaf-small-title {
    margin-top: 41px;
  }
}
.jaf-contact-title-block .jaf-title-remaining-bg {
  background-color: #1E194D;
  display: none;
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .jaf-contact-title-block .jaf-title-remaining-bg {
    display: block;
  }
}

.form-content {
  position: relative;
  margin-top: 27px;
}
.form-content label {
  color: #FFFFFF;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 1025px) {
  .form-content label {
    display: block;
    max-width: 382px;
  }
}
@media screen and (min-width: 1025px) {
  .form-content textarea {
    height: 110px;
  }
}
.form-content .sent p {
  display: none;
}
.form-content div.wpcf7-response-output {
  color: #FFFFFF;
  display: none;
}
.form-content div.wpcf7-response-output.wpcf7-mail-sent-ok {
  display: block;
}
.form-content div.wpcf7-response-output:not(.wpcf7-validation-errors) {
  border: none;
  font-size: 25px;
  font-size: 1.5625rem;
  padding: 0;
  margin-right: 0;
  margin-left: 0;
}
@media screen and (min-width: 570px) {
  .form-content div.wpcf7-response-output:not(.wpcf7-validation-errors) {
    font-size: 29px;
    font-size: 1.8125rem;
  }
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
  .form-content p:first-of-type,
.form-content p:nth-of-type(2) {
    width: calc(50% - 8px);
    float: left;
  }
  .form-content p:first-of-type {
    margin-right: 16px;
  }
  .form-content p:nth-of-type(3) {
    clear: both;
  }
  .form-content p:nth-of-type(3) label, .form-content p:nth-of-type(3) span {
    display: block;
  }
}

#jaf-contact-info {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  #jaf-contact-info {
    margin-top: 37px;
    margin-bottom: 50px;
  }
}

.section-map {
  height: 100%;
  margin-top: 20px;
}
.section-map .video-container {
  height: 100%;
}
@media screen and (min-width: 570px) {
  .section-map {
    display: block;
    margin-top: 0;
  }
}

.jaf-contact-info-fields {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  position: relative;
}
.jaf-contact-info-fields h3 {
  color: #E61D31;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0 0 4px;
  text-transform: uppercase;
}
.jaf-contact-info-fields p {
  margin-top: 0;
  margin-bottom: 17px;
}
@media screen and (min-width: 570px) {
  .jaf-contact-info-fields {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 45px;
  }
  .jaf-contact-info-fields h3 {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1025px) {
  .jaf-contact-info-fields p {
    margin-bottom: 26px;
  }
}

.jaf-contact-info-field {
  padding-left: 50px;
}
@media screen and (min-width: 570px) {
  .jaf-contact-info-field {
    padding-left: 55px;
  }
}
.jaf-contact-info-field.location {
  background: url("../../img/icon-location-red.svg") left top no-repeat;
  background-size: 26px 40px;
}
.jaf-contact-info-field.financial {
  background: url("../../img/icon-finance.svg") left top no-repeat;
  background-size: 30px 33px;
}
.jaf-contact-info-field.media {
  background: url("../../img/icon-media.svg") left top no-repeat;
  background-size: 27px 27px;
}
.jaf-contact-info-field.speaking {
  background: url("../../img/icon-speaking-appearance.svg") left top no-repeat;
  background-size: 33px 42px;
}

body.search .pager-numbers {
  margin-top: 1.875rem;
}
@media screen and (min-width: 1025px) {
  body.search .pager-numbers {
    margin-top: 3.125rem;
  }
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pager-numbers {
  width: 100%;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 1025px) {
  .pager-numbers {
    margin-bottom: 3.125rem;
  }
}
.pager-numbers-inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: -0.75rem;
  position: relative;
  z-index: 1;
}
.pager-numbers-inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0.75rem;
  left: 0;
  z-index: -1;
}
.pager-numbers--white .pager-numbers-inner::after {
  background-color: #FFFFFF;
}
.pager-numbers--dark-blue .pager-numbers-inner::after {
  background-color: #1E194D;
}

.page-numbers {
  font-weight: bold;
  font-size: 0.8125rem;
  line-height: 1.4375rem;
  color: #3467C0;
  margin: 0 0.5rem 0.75rem 0.5rem;
  padding: 2px 7px;
}
.pager-numbers--dark-blue .page-numbers {
  color: #fff;
}
.page-numbers.prev svg, .page-numbers.next svg {
  width: 0.75rem;
  position: relative;
  transition: left 0.25s ease-in-out, right 0.25s ease-in-out;
}
.page-numbers.prev svg {
  transform: rotate(180deg);
  left: 0;
}
.page-numbers.prev:hover svg {
  left: -5px;
}
.page-numbers.next svg {
  right: 0;
}
.page-numbers.next:hover svg {
  right: -5px;
}
.page-numbers.current {
  color: #fff;
  background-color: #3467C0;
}
.pager-numbers--dark-blue .page-numbers.current {
  color: #1E194D;
  background-color: #fff;
}
.page-numbers:hover:not(span) {
  text-decoration: underline;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0 0 0.8075em;
}

.wp-caption-text {
  background-color: #008080;
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Roboto Condensed", sans-serif;
  padding: 24px 30px 24px 40px;
  position: relative;
}
.wp-caption-text:before {
  background-color: #08C6B2;
  content: "";
  height: 17px;
  position: absolute;
  left: 0;
  top: 26px;
  width: 28px;
}
@media screen and (min-width: 570px) {
  .wp-caption-text {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 14px 30px 14px 40px;
    padding-right: 40px;
  }
  .wp-caption-text:before {
    top: 14px;
  }
  .entry-content .wp-caption-text {
    padding-bottom: 34px;
  }
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}
/*# sourceMappingURL=main.css.map */