/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
 * layers of box-shadow to add the border visually, which will render the border smoother. */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
#content h4 {
  line-height: 1.35; }

.cat-link-block {
  padding: 8px;
  display: inline-block;
  background: #3E7AC5;
  color: #FFF;
}

.cat-features {
  background: #3E7AC5;
  color: #FFF;
}


#content blockquote,
#content .wp-block-quote {
  font-family: "Merriweather", serif;
  color: #083368; }
  #content blockquote p,
  #content .wp-block-quote p {
    margin: 0; }

#content blockquote,
#content .entry .entry-content blockquote,
#content .entry .entry-content .wp-block-quote:not(.is-large),
#content .entry .entry-content .wp-block-quote:not(.is-style-large) {
  border-left: none;
  border-top: 4px solid #A4C5EF;
  border-bottom: 4px solid #A4C5EF; }

#content .entry .entry-content .wp-block-quote:not(.is-large),
#content .entry .entry-content .wp-block-quote:not(.is-style-large) {
  padding: 1.5em 0; }

#content a:hover,
#content .accent-header {
  color: #3E7AC5; }

#content .cat-links a:hover {
  color: #A4C5EF; }

body.single .cat-links a {
  background-color: #3E7AC5; }

/*** Header ***/
#masthead .middle-header-contain {
  background-color: #3E7AC5; }

#masthead .bottom-header-contain {
  background-color: #A4C5EF; }

#masthead .bottom-header-contain .nav1 .main-menu > li a {
  color: #225391;
  font-family: 'Lato', sans-serif; }

/*** Header ***/
#site-navigation nav li:last-child a {
  background-color: #EBF4FF;
  border-radius: 6px;
  letter-spacing: 1.5px; }

@media only screen and (max-width: 600px) {
  .home #main .wp-block-newspack-blocks-homepage-articles:first-child article {
    flex-direction: column; } }

.page-id-46262 main .main-content {
  width: 100%;
  /* full width on Donate page */ }

/*** Footer ***/
.site-footer {
  background-color: #A4C5EF; }
  .site-footer a.btn-primary {
    color: white; }
  .site-footer a.btn-primary:hover {
    color: #C9DFF8; }
  .site-footer .mc4wp-form-fields input[type="email"] {
    border-radius: 6px;
    margin-right: .3em; }
  .site-footer .mc4wp-form-fields .btn-primary {
    background-color: #3E7AC5;
    font-size: 1em;
    line-height: 1.6;
    font-family: "Lato", sans-serif;
    padding: .5em 1em;
    font-weight: 400;
    border-radius: 6px; }

#colophon {
  /* split footer category and navigation links into 2 columns */
  /* footer type styling */
  /* remove default: footer top border */ }
  #colophon .footer-branding {
    margin-top: 2em; }
  #colophon .widget_categories ul,
  #colophon .widget_nav_menu ul.menu {
    columns: 2; }
  #colophon .widget-title {
    color: #042249;
    font-family: "Lato", sans-serif; }
  #colophon .widget_categories li a,
  #colophon .widget_nav_menu li a {
    font-family: "Lato", sans-serif;
    color: #484C51; }
  #colophon .footer-branding .wrapper,
  #colophon .footer-widgets:first-child {
    border-top: none !important; }
  #colophon .mercatornet-form-description,
  #colophon .mercatornet-form-email,
  #colophon #gform_submit_button_1 {
    font-family: 'Lato', sans-serif; }
  #colophon #gform_submit_button_1 {
    background-color: #3E7AC5; }
  #colophon .mercatornet-form-email input {
    width: 100%; }
  #colophon .gform_footer {
    padding-top: 0; }

.bg-blue-10 {
  background-color: #EBF4FF; }

.bg-blue-50 {
  background-color: #A4C5EF; }

.hb-article-grid, #main .hb-article-grid {
  padding: 1em; }

#main .hb-article-grid .byline {
  display: block; }

span.rt-reading-time {
  display: block;
  color: #80868E; }

.hb-widget + .hb-widget {
  margin-top: 2.5em; }

body.home .hb-article-grid {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

a.btn-primary {
  padding: .5em 1em;
  display: inline-block;
  background: #3E7AC5;
  border-radius: 6px;
  color: white;
  font-size: 1em;
  font-family: "Lato","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","sans-serif"; }

/*
 * Archive pages
 */
@media only screen and (min-width: 782px) {
  .archive #main {
    width: 100% !important; } }

.archive #main article {
  display: flex;
  width: calc(25% - 16px);
  flex-basis: calc(25% - 16px);
  flex-direction: column;
  margin-top: calc(3 * 1rem); }
  @media (max-width: 768px) {
    .archive #main article {
      width: 100%;
      flex-basis: 100%;
      flex-direction: row; }
      .archive #main article h2 {
        font-size: 1.1em;
        hyphens: none; } }

@media (min-width: 769px) {
  .archive #main .wpnbha.is-grid.columns-4 article:first-child {
    flex-basis: calc(25% - 16px); }
    .archive #main .wpnbha.is-grid.columns-4 article:first-child .entry-title {
      font-size: 1.4em; } }

@media (max-width: 768px) {
  .archive #main .wpnbha.is-grid.columns-4 article figure {
    width: 45%;
    margin-right: 1rem; }
  .archive #main .wpnbha.is-grid.columns-4 article .entry-container {
    width: 100%; } }

.archive #main .hero-articles {
  display: grid;
  column-gap: 32px;
  row-gap: 16px; }
  .archive #main .hero-articles article {
    margin-top: 0;
    width: 100%; }
  @media (max-width: 768px) {
    .archive #main .hero-articles {
      grid-template-columns: 1fr 1fr; }
      .archive #main .hero-articles article {
        flex-direction: column; }
      .archive #main .hero-articles article:first-child {
        grid-column: 1 / 3;
        grid-row: 1 / 2; }
      .archive #main .hero-articles article:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 2 / 3; }
      .archive #main .hero-articles article:nth-child(3) {
        grid-column: 2 / 3;
        grid-row: 2 / 3; } }
  @media (min-width: 769px) {
    .archive #main .hero-articles {
      grid-template-columns: 2fr 1fr;
      grid-template-rows: 1fr 1fr; }
      .archive #main .hero-articles article:first-child {
        grid-column: 1 / 2;
        grid-row: 1 / 3; }
      .archive #main .hero-articles article:nth-child(2) {
        grid-column: 2 / 3;
        grid-row: 1 / 2; }
      .archive #main .hero-articles article:nth-child(3) {
        grid-column: 2 / 3;
        grid-row: 2 / 3; } }

@media only screen and (min-width: 782px) {
  .archive #main .has-post-thumbnail .post-thumbnail {
    max-width: 100%;
    margin-bottom: 1em; } }

/*
 * Blocks
 */
.wp-block-columns {
  padding-top: .5em; }

.wpnbha.is-grid {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0;
  list-style: none; }

.wpnbha.columns-3 article {
  flex-basis: calc(33.33333% - 16px); }

.wpnbha.columns-4 article {
  flex-basis: calc(25% - 16px); }
  @media (max-width: 460px) {
    .wpnbha.columns-4 article {
      flex-basis: 100%; } }