/* Updated: 2 Oct 2025 */ 

/* Style guide from Black Antelope.
   Definitions in the same order as they appear in the Desktop Style Guide */
@font-face {
  font-family: "Gotham";
  src:
    url(fonts/gothambook.woff) format("woff"),
    url(fonts/gothambook.woff2) format("woff2"),
    url(fonts/gothambook.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src:
    url(fonts/gothambookitalic.woff) format("woff"),
    url(fonts/gothambookitalic.woff2) format("woff2"),
    url(fonts/gothambookitalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src:
    url(fonts/gothamlight.woff) format("woff"),
    url(fonts/gothamlight.woff2) format("woff2"),
    url(fonts/gothamlight.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src:
    url(fonts/gothamlightitalic.woff) format("woff"),
    url(fonts/gothamlightitalic.woff2) format("woff2"),
    url(fonts/gothamlightitalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src:
    url(fonts/gothammedium.woff) format("woff"),
    url(fonts/gothammedium.woff2) format("woff2"),
    url(fonts/gothammedium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src:
    url(fonts/gothammediumitalic.woff) format("woff"),
    url(fonts/gothammediumitalic.woff2) format("woff2"),
    url(fonts/gothammediumitalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src:
    url(fonts/gothambold.woff) format("woff"),
    url(fonts/gothambold.woff2) format("woff2"),
    url(fonts/gothambold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}

body {
  font-family: Gotham, sans-serif;
  color: var(--e-global-color-text);
  --fn-color-tile: #F7F7F7;
  --fn-border-radius: 5px;
  --fn-outline-white-crisp: drop-shadow(0 0 1px #F7F7F7) drop-shadow(0 0 1px #F7F7F7) drop-shadow(0 0 1px #F7F7F7);
  --fn-outline-white-fuzzy: drop-shadow(0 0 2px #F7F7F7) drop-shadow(0 0 2px #F7F7F7) drop-shadow(0 0 2px #F7F7F7);
}

h1, h2 {
  background-image: linear-gradient(100deg, var(--e-global-color-secondary), var(--e-global-color-accent), var(--e-global-color-primary));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
/* On Firefox, use Gotham only for h1 & h2. */
@-moz-document url-prefix() { 
  body {
    font-family: sans-serif;
  }
  h1, h2 {
    font-family: Gotham, sans-serif;
  }
}

.gradient-center {
  margin-left: auto;
  margin-right: auto;
}
/* Sometimes a tool like Elementor has default styles for headings. Place them here to
   standardize them all at once */
h1, h1.elementor-heading-title {
  font-size: 72px;
  line-height: 77px;
}
h2, h2.elementor-heading-title {
  font-size: 65px;
  line-height: 70px;
}

h3, h5 {
  color: var(--e-global-color-secondary);
}

h4, h6 {
  color: var(--e-global-color-secondary); /* originally color-accent */
}

h3 {
  font-size: 40px;
  line-height: 45px;
}
h4, h4.elementor-author-box__name {
  font-size: 30px;
  line-height: 34px;
}
h5, th {
  font-size: 25px;
  line-height: 30px;
}
h6, .elementor-posts .elementor-post__card h6.elementor-post__title, h6.elementor-cta__title {
  font-size: 22px;
  line-height: 27px;
}
h1, h2, h3, h4, h5, h6, h6 a {
  font-weight: bold;
}

p, ol li, ul li, td, body .elementor-posts .elementor-post__excerpt p {
  font-size: 16px;
  line-height: 24px; /* original 21 */
}
p.first-para {
  font-size: 25px;
  line-height: 36px;
}
/* Mobile and tablet font sizes */
@media (max-width: 1024px) {
  h1, h1.elementor-heading-title {
    font-size: 34px;
    line-height: 36px;
  }
  h2, h2.elementor-heading-title {
    font-size: 30px;
    line-height: 34px;
  }
  h3 {
    font-size: 23px;
    line-height: 26px;
  }
  h4, h4.elementor-author-box__name, h5, th {
    font-size: 20px;
    line-height: 23px;
  }
  h6, .elementor-posts .elementor-post__card h6.elementor-post__title, h6.elementor-cta__title {
    font-size: 18px;
    line-height: 21px;
  }
  p, ol li, ul li, td, body .elementor-posts .elementor-post__excerpt p {
    font-size: 14px;
    line-height: 20px;
  }
  p.first-para {
    font-size: 18px;
    line-height: 25px;
  }
}

a {
  color: var(--e-global-color-accent);
  font-weight: 500;
  text-underline-offset: 0.125em;
}
a:visited {
  color: var(--e-global-color-accent);
}
a:hover {
  color: var(--e-global-color-primary);
  text-decoration: none;
}
ol li {
  margin-left: 40px; /* add to 50 from design */
  padding-left: 10px;
}
ul li {
  margin-left: 33px; /* add to 38 from design */
  padding-left: 5px;
}
@media (max-width: 1024px) {
  ol li {
    margin-left: 20px; /* add to 30 from design */
    padding-left: 10px;
  }
  ul li {
    margin-left: 26px; /* add to 28 from design */
    padding-left: 2px;
  }
}
ol li + li,
ul li + li {
  margin-top: 15px;
}
@media (max-width: 1024px) {
  ol li + li,
  ul li + li {
    margin-top: 10px;
  }
}
/* Ordered list numbers red and bold */
ol li::marker {
  color: var(--e-global-color-primary);
  font-weight: bold;
}
ol li ol {
  list-style-type: lower-alpha;
}
/* Unordered list bullets green and square */
ul li::marker {
  color: #6C994F;
}
ul {
  list-style: square;
}
/* Block quotes */
blockquote, body .elementor-blockquote--skin-border .elementor-blockquote {
  border-left: 5px solid #E07814;
  padding-left: 25px;
}
blockquote {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
blockquote, blockquote > p {
  font-size: 25px;
  line-height: 36px;
}
@media (max-width: 1024px) {
  blockquote, blockquote > p {
    font-size: 18px;
    line-height: 25px;
  }
}
@media (max-width: 1024px) {
  .elementor-widget-theme-post-content > .elementor-widget-container {
      padding-left: 28px;
      padding-right: 28px;
  }
}
body .elementor-blockquote__author {
    font-weight: 500;
}
/* Buttons */
body .elementor-button,
input.mepr-submit,
.wpfp-button {
    border-radius: var(--fn-border-radius);
    font-size: 16px;
    color: white;
    padding-top: 17px; /* make overall height 50 */
    padding-bottom: 17px;
}
@media (max-width: 1024px) {
    body .elementor-button,
    input.mepr-submit {
        font-size: 15px;
        padding-top: 12.5px; /* make overall height 40 */
        padding-bottom: 12.5px;
    }
}
body .elementor-button,
input.mepr-submit {
    background-color: #6C994F;
}
input.mepr-submit {
    border: none;
}
.elementor-button:hover,
input.mepr-submit:hover {
    background-color: var(--e-global-color-secondary);
}
body .elementor-widget-button .elementor-button,
input.mepr-submit,
.wpfp-button {
    font-weight: bold;
}
.elementor-button-text,
input.mepr-submit,
.wpfp-button {
    text-transform: lowercase;
}
/* Tabs widget */
body .elementor-widget-n-tabs {
    --n-tabs-title-gap: 0;
    --n-tabs-gap: 60px;
    --n-tabs-title-background-color: transparent;
    --n-tabs-title-background-color-hover: transparent;
    --n-tabs-title-background-color-active: transparent;
    --n-tabs-title-color: var(--e-global-color-secondary);
    --n-tabs-title-color-hover: var(--e-global-color-secondary);
    --n-tabs-title-color-active: var(--e-global-color-accent);
    --n-tabs-title-font-size: 16px;
    --n-tabs-default-padding-inline: 0;
}
@media (max-width: 1024px) {
    body .elementor-widget-n-tabs {
        --n-tabs-title-padding-block-start: 10px;
        --n-tabs-title-padding-block-end: 10px;
        --n-tabs-gap: 30px;
    }
}
.elementor-widget-n-tabs .e-n-tab-title-text {
    font-weight: bold;
    line-height: 22px;
    text-transform: lowercase;
}
body .elementor-widget-n-tabs .e-n-tab-title {
    border-bottom: 3px solid var(--fn-color-tile);
    flex-grow: 1;
    flex-basis: 0px;
}
body .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] {
    border-bottom-color: var(--e-global-color-accent);
}
.elementor-widget-n-tabs .e-n-tabs-heading br {
    display: none;
}
/* Call to Action widget */
.elementor-widget-call-to-action .elementor-cta__description {
    font-size: 16px;
    line-height: 24px;
}
@media (max-width: 1024px) {
    .elementor-widget-call-to-action .elementor-cta__description {
        font-size: 14px;
        line-height: 20px;
    }
}
/* Author Box widget */
body .elementor-author-box__bio,
body .elementor-author-box__bio p {
    margin-bottom: 0;
}
/* Post Excerpt */
.elementor-widget-theme-post-excerpt .elementor-widget-container {
    font-size: 25px; /* first-para size */
    line-height: 36px;
}
@media (max-width: 1024px) {
    .elementor-widget-theme-post-excerpt .elementor-widget-container {
        font-size: 18px;
        line-height: 25px;
    }
}
/* Posts widget */
body .elementor-posts .elementor-post__excerpt p {
    color: var(--e-global-color-text);
}
/* Tables */
table {
    border-collapse: separate;
    border-spacing: 0 10px;
}
th {
    text-align: left;
    color: var(--e-global-color-secondary);
}
tbody tr {
    height: 50px;
}
td {
    color: black;
    background-color: #F7F7F7;
}
tr > td:first-child {
    border-top-left-radius: var(--fn-border-radius);
    border-bottom-left-radius: var(--fn-border-radius);
}
tr > td:last-child {
    border-top-right-radius: var(--fn-border-radius);
    border-bottom-right-radius: var(--fn-border-radius);
}
@media (max-width: 1024px) {
    tbody tr {
        height: 40px;
    }
}
.full-width-in-boxed {
    margin-left: calc((100vw - 100%) / -2) !important;
    max-width: none !important;
    width: 100vw !important;
}
body .facetwp-facet {
    margin-bottom: 0px;
}

/*---------------------- Signup Page --------------------- */

.signup-alerts .site-inner .entry.memberpressproduct .elementor-section-wrap > .e-con-boxed {
    --content-width: 745px;
}
.mepr-signup-form {
    margin-top: 100px;
}
@media (max-width: 1024px) {
    .mepr-signup-form {
        margin-top: 50px;
        padding-left: 28px;
        padding-right: 28px;
    }
}
.mepr-signup-form p.fn-account-notice,
.mepr-signup-form .mp-form-submit {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .mepr-signup-form p.fn-account-notice,
    .mepr-signup-form .mp-form-submit {
        margin-top: 30px;
    }
}
.mepr_price {
    display: none !Important;
}
/* Account notice has a divider underneath only on desktop */
@media (min-width: 1025px) {
    .mepr-signup-form p.fn-account-notice {
        padding-bottom: 40px;
        border-bottom: 5px solid #F7F7F7;
    }
}
/* Interest areas checkboxes are 3 to a row only on desktop */
@media (min-width: 1025px) {
    .mepr-signup-form .mepr-checkboxes-field,
    .mepr-account-form .mepr-checkboxes-field {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 10px;
    }
    .mepr-signup-form .mepr-checkboxes-field-row,
    .mepr-account-form .mepr-checkboxes-field-row {
        flex: 1 1 33%;
    }
}
.mepr-signup-form .mp-form-submit .mepr-submit {
    min-width: 150px;
}
.mepr-account-form .mepr-submit {
    min-width: 210px;
}
@media (max-width: 1024px) {
    .mepr-signup-form .mp-form-submit .mepr-submit,
    .mepr-account-form .mepr-submit {
        width: 100%;
    }
    .mepr-signup-form .mp-form-submit .mepr-submit {
        margin-top: 20px;
    }
}
/* Privacy notice is beside sign up button only on desktop */
.mepr-signup-form .mp-form-submit {
    background-color: #F7F7F7;
    border-radius: var(--fn-border-radius);
    padding: 30px 30px 30px 10px;
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    align-items: center;
}
@media (max-width: 1024px) {
    .mepr-signup-form .mp-form-submit {
        display: block;
        padding: 25px;
    }
}
/* Move email-related inputs below Subscription header on Account Profile */
.mepr-account-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.mepr-account-form .mepr_custom_field,
.mepr-account-form .mepr_spacer,
.mepr-account-form .mepr-submit {
    order: 1;
}

.mepr_pro_error {
    margin-top: 100px;
}
@media (max-width: 1024px) {
    .mepr_pro_error {
        margin-top: 40px;
    }
}
.mepr_pro_error svg {
    display: none; /* warning icon */
}
.mepr_pro_error ul {
    list-style-type: none;
}
.mepr_pro_error ul li {
    padding-left: 0;
    margin-left: 0
}

/*-------- Elementor Popups -------- */

/*  Newsletter Popups */
#fn-popup-newsletter .html {
    text-align: center;
    color: #323232;
    font-size: 16px;
} 

#fn-popup-newsletter .html h2 {
    margin-top: 10px;
    padding-top: 80px;
    padding-bottom: 30px;
    background: url('images/popup-newsletter-bell.png') no-repeat center top;
    background-size: 70px 70px; 
    color: #75a954;
    font-size: 40px;
    font-weight: 500; 
}

#fn-popup-newsletter .email-form {
    width: 420px !important;
    margin: 0 auto;
    position: relative;
    top: -20px;
}

#fn-popup-newsletter .email-form .fnf-newsletter {
    border: 1px solid #f5f2f0;
    margin-top: 0px;
    display: block; 
}

body #fn-popup-newsletter .gform_wrapper .fnf-newsletter .gform_footer input[type="submit"] {
    padding: 13px 10px !important;
    position: absolute;
    top: -2px;
}


@media screen and (max-width: 900px) {

    #fn-popup-newsletter .image {
        display: none;
    }

    #fn-popup-newsletter .content {  
    }
} 

/* Cookie Notice */
#fn-popup-GDPR .elementor-widget-container{
    color: #fff;
    font-size: 14px !important;
}

/* Call for Donation */
#fn-popup-donation {}
#fn-popup-donation .image {}
#fn-popup-donation .content {}

@media screen and (max-width: 1024px) {

    #fn-popup-donation .image {
        display: none;
    }

    #fn-popup-donation .content {  
    }
} 

/*---------------------- Header and Navigation --------------------- */

/* https://elementor.com/blog/shrinking-sticky-header/ */
body .site-header,
body {
	--header-shrink-transition: .45s cubic-bezier(.4, 0, .2, 1);
}
/* Desktop: header shrinks when you scroll
   Mobile and tablet: header is always small */
body .site-header > .e-con:first-child > .e-con-inner {
	min-height: 150px;
	transition: min-height var(--header-shrink-transition);
}
body .site-header.elementor-sticky--effects  > .e-con:first-child > .e-con-inner {
	min-height: 90px;
}
@media (max-width: 1024px) {
    body .site-header > .e-con:first-child > .e-con-inner,
    body .site-header.elementor-sticky--effects  > .e-con:first-child > .e-con-inner {
	    min-height: 80px;
    }
}
/* Desktop: logo and "exit to English: shrink and move up slightly when you scroll
   Mobile and tablet: logo and "exit to English" are always small */
.header-image.elementor-widget-image a img[src$=".svg"] {
    height: 59.46px;
    width: auto;
    transition: height var(--header-shrink-transition);
}
.elementor-sticky--effects .header-image.elementor-widget-image a img[src$=".svg"] {
    height: 40px;
}
.header-image.elementor-widget-image > .elementor-widget-container {
    margin-top: -27px;
    transition: margin-top var(--header-shrink-transition);
}
.elementor-sticky--effects .header-image.elementor-widget-image > .elementor-widget-container {
    margin-top: -18px;
}
.fn-to-english {
    transform: translateY(2.5px);
    transition: transform var(--header-shrink-transition);
}
.fn-to-english a {
    font-size: 19.5px;
    font-weight: normal;
    transition: font-size var(--header-shrink-transition);
}
.elementor-sticky--effects .fn-to-english {
    transform: translateY(0.5px);
}
.elementor-sticky--effects .fn-to-english a {
    font-size: 12.5px;
}
@media (max-width: 1024px) {
    .header-image.elementor-widget-image a img[src$=".svg"],
    .elementor-sticky--effects .header-image.elementor-widget-image a img[src$=".svg"] {
        height: 40px;
    }
    .header-image.elementor-widget-image > .elementor-widget-container,
    .elementor-sticky--effects .header-image.elementor-widget-image > .elementor-widget-container {
        margin-top: -8px;
    }
    .fn-to-english, .elementor-sticky--effects .fn-to-english {
        transform: translateY(5.5px);
    }
    .fn-to-english a {
        font-size: 12.5px;
    }
}
/* Mobile and tablet: move down dropdown menu */
body .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-wrapper {
    top: 52px;
}
/* Desktop: this is spacing between the menu titles
   Mobile and tablet: this is spacing on the left & right edges of menu titles */
.site-header .elementor-widget-n-menu .e-n-menu-item {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    --n-menu-title-padding: 0;
}
.site-header .elementor-widget-n-menu .e-n-menu-title {
    padding: 0px 18px;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title {
    padding-left: 28px;
    padding-right: 28px;
}
/* Desktop: make menu title container taller. This is both for positioning the blue
   underline for the active menu title and for connecting the User menu item to its
   dropdown.
   Mobile and tablet: this is the height of lvl 1 menu titles. */
.site-header .elementor-widget-n-menu .e-n-menu-title-container {
    height: 54px;
    padding-top: 0px;
    padding-bottom: 0px;
}
@media (max-width: 1024px) {
    .site-header .elementor-widget-n-menu .e-n-menu-title-container {
        height: 80px;
    }
}
/* Mobile and tablet: divider line between lvl 1 menu titles */
@media (max-width: 1024px) {
    .site-header .elementor-widget-n-menu .e-n-menu-title:not(:first-child) .e-n-menu-title-container,
    .site-header .elementor-widget-n-menu .e-n-menu-title:not(:first-child) .e-n-menu-dropdown-icon-opened,
    .site-header .elementor-widget-n-menu .e-n-menu-title:not(:first-child) .e-n-menu-dropdown-icon-closed {
        border-top: 1px solid #E9EDEF;
    }
    .site-header .elementor-widget-n-menu .e-n-menu-title:not(:first-child) .e-n-menu-title-container {
        flex-grow: 1;
    }
    .site-header .elementor-widget-n-menu .e-n-menu-title:not(:first-child) .e-n-menu-dropdown-icon-opened,
    .site-header .elementor-widget-n-menu .e-n-menu-title:not(:first-child) .e-n-menu-dropdown-icon-closed {
        height: 80px;
        margin-left: 0;
        box-sizing: border-box;
    }
}
/* Desktop: menu dropdown icons are small and next to menu title */
/* Mobile and tablet: menu dropdown icons are larger, on the right, pointing right. */
.site-header .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon-opened,
.site-header .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon-closed {
    width: 10px;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title .e-n-menu-dropdown-icon-opened,
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title .e-n-menu-dropdown-icon-closed {
    width: 20px;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title {
    justify-content: space-between;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-dropdown-icon-closed {
    transform: rotate(-90deg);
}
/* Mobile and tablet: hide Search menu title */
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title#fn-nav-search {
    display: none;
}
/* Desktop: hide the 3 menu titles that are the same as the User dropdown
   Mobile and tablet: show them if logged in */
.site-header .elementor-widget-n-menu #fn-nav-profile,
.site-header .elementor-widget-n-menu #fn-nav-library,
.site-header .elementor-widget-n-menu #fn-nav-logout {
    display: none;
}
.logged-in .site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] #fn-nav-profile,
.logged-in .site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] #fn-nav-library,
.logged-in .site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] #fn-nav-logout {
    display: flex;
}
.site-header .elementor-widget-n-menu #fn-nav-profile,
.site-header .elementor-widget-n-menu #fn-nav-library,
.site-header .elementor-widget-n-menu #fn-nav-logout {
    background-color: #F7F7F7;
}
.site-header .elementor-widget-n-menu #fn-nav-profile .e-n-menu-title-container,
.site-header .elementor-widget-n-menu #fn-nav-profile .e-n-menu-dropdown-icon,
.site-header .elementor-widget-n-menu #fn-nav-library .e-n-menu-title-container,
.site-header .elementor-widget-n-menu #fn-nav-library .e-n-menu-dropdown-icon,
.site-header .elementor-widget-n-menu #fn-nav-logout .e-n-menu-title-container,
.site-header .elementor-widget-n-menu #fn-nav-logout .e-n-menu-dropdown-icon {
    border-top: none;
}
.site-header .elementor-widget-n-menu #fn-nav-profile .e-n-menu-title-container {
    height: 66px;
    align-items: end;
}
.site-header .elementor-widget-n-menu #fn-nav-profile .e-n-menu-icon {
    padding-bottom: 7px;
}
.site-header .elementor-widget-n-menu #fn-nav-library .e-n-menu-title-container {
    height: 36px;
    padding-left: calc(16px + 5px);
}
.site-header .elementor-widget-n-menu #fn-nav-logout .e-n-menu-title-container {
    height: 30px;
    align-items: end;
    padding-left: calc(16px + 5px);
}
/* Desktop: Donate menu title looks like a button 
   Mobile and tablet: Donate menu title is taller, different color with image */
.site-header .elementor-widget-n-menu .e-n-menu-title#fn-nav-donate {
    margin-left: 18px;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
}
.site-header .elementor-widget-n-menu .e-n-menu-title#fn-nav-donate .fn-nav-donate-today {
    display: none;
}
.site-header .elementor-widget-n-menu .e-n-menu-title#fn-nav-donate .e-link {
    height: 40px;
    background-color: #6C994F;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
}
.site-header .elementor-widget-n-menu .e-n-menu-title#fn-nav-donate .e-link:hover {
    background-color: var(--e-global-color-secondary);
}
.site-header .elementor-widget-n-menu .e-n-menu-title#fn-nav-donate .e-n-menu-title-text {
    color: white;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title#fn-nav-donate {
    margin-left: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 86px;
    background: url(https://faunalytics.org/wp-content/uploads/2024/03/SUPPORT_BIRD.png) no-repeat 90% bottom / auto 128px, linear-gradient(to bottom, white 86px, #6C994F 86px);
}
.logged-in .site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title#fn-nav-donate {
    padding-top: 38px;
    background: url(https://faunalytics.org/wp-content/uploads/2024/03/SUPPORT_BIRD.png) no-repeat 90% bottom / auto 128px, linear-gradient(to bottom, #F7F7F7 38px, #6C994F 38px);
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title#fn-nav-donate .e-n-menu-title-container {
    border-top: none;
    height: 90px;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title#fn-nav-donate .e-link {
    padding-left: 0;
    padding-right: 0;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title#fn-nav-donate .e-n-menu-title-text {
    font-size: 24px;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title#fn-nav-donate .fn-nav-donate-today {
    display: inline;
}
/* Megamenu drop downs */
/* Dropdowns divided into panels using class fn-megamenu-col. */
.elementor-widget-n-menu .e-n-menu[data-layout=horizontal] .e-n-menu-content .fn-megamenu-col > .elementor-widget-heading {
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}
/* Mobile: allow scrolling of the menu content if it's taller than the screen. */
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-wrapper {
    max-height: 100vh;
}
/* Desktop: h1 is smaller.
   Mobile and tablet: h2 is larger. */   
.site-header .elementor-widget-n-menu .e-n-menu-content h1 {
    font-size: 16px;
    line-height: 24px;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content h1 {
    font-size: 20px;
}
/* Can't put border on h1 itself because then border won't extend left under icon */
/* Putting this rule in CSS file because CSS editor in Elementor doesn't like the "has" */
.e-n-menu-content .elementor-widget-container:has(> h1) {
    border-bottom: 1px solid #E9EDEF;
}
/* Desktop, padding around topics and studies.
   Mobile and tablet, less padding. */
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content .e-con.fn-nav-topic,
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content .e-con.fn-nav-study {
    padding-top: 3px;
    padding-bottom: 23px;
}
/* Mobile and tablet: Fundamentals Series and Get Involved background changes to flat
   color. Fundamentals bear and Get Involved bird are sized by height not width. */
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .fn-megamenu-col.fn-nav-fundamentals,
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .fn-megamenu-col.fn-nav-get-involved {
    background: #F8FBFC;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .fn-megamenu-col.fn-nav-fundamentals::before {
    background-size: auto 200px;
}
.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .fn-megamenu-col.fn-nav-get-involved::before {
    background-size: auto 165px;
}
/* Again rules here because CSS editor in Elementor doesn't like :has() */
.e-n-menu:has(.fn-megamenu-account.e-active) #fn-nav-account .e-n-menu-title-container {
    background-image: linear-gradient(to bottom, transparent, white, white);
    box-shadow: 0 15px 15px 0 rgba(0,0,0,0.1);
    transition-duration: 0s;
}
.e-n-menu:not(:has(.fn-megamenu-account.e-active)) #fn-nav-account .e-n-menu-title-container {
    transition-duration: 0s;
}

.e-n-menu-heading #fn-nav-account,
.logged-in .e-n-menu-heading #fn-nav-signup,
.logged-in .e-n-menu-heading #fn-nav-login {
    display: none;
}
.logged-in .e-n-menu[data-layout=horizontal] .e-n-menu-heading #fn-nav-account {
    display: flex;
}
/* Reading progress bar */
body:not(.single-post) .site-header .elementor-widget-progress-tracker {
    display: none;
}

.facetwp-facet-result_counts {
    display: inline;
}

/*----------------- Search Popup ------------------ 
Uses Elementor popup
*/

.fn-search-form-container {
    font-size: 18px;
}
@media (max-width: 1024px) {
    .fn-search-form-container {
        font-size: 16px;
    }
}
:root {
    --fn-search-form-width: 700px;
    --fn-search-form-height: 60px;
}
@media (max-width: 1024px) {
    :root {
        --fn-search-form-width: 100%;
        --fn-search-form-height: 50px;
    }
}

/*---------------------- Site Footer --------------------- */

.ca-footer-outer {
     margin-top: 40px;
}

/*---------------------- My Account: Login ---------------------- */

.login-page .e-con.e-con > .e-con-inner > .elementor-widget-theme-post-content {
    max-width: 520px;
}
@media (max-width: 1024px) {
    .login-page .e-con.e-con > .e-con-inner > .elementor-widget-theme-post-content {
        max-width: none;
    }
}
#mepr_loginform {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end;
    align-items: baseline;
    column-gap: 20px;
    row-gap: 30px;
}
@media (max-width: 1024px) {
    #mepr_loginform {
        row-gap: 20px;
    }
}
.mp_login_form {
    margin-top: 30px;
}
.mp_wrapper .mp-form-row {
    margin-bottom: 0px;
}
.mepr-login-actions {
    margin-top: 40px;
    text-align: right;
}
.mp_login_form .mepr-login-actions a {
    text-decoration: underline;
}
@media (max-width: 1024px) {
    .mepr_password + div {
        width: 100%;
        text-align: left;
    }
    .mepr-login-actions {
        margin-top: 20px;
        text-align: center;
    }
}
.mp_login_form .button-primary {
    min-width: 200px;
    /* display: inline-block; */
}
@media (max-width: 1024px) {
    .mp_login_form .submit,
    .mp_login_form .button-primary {
        width: 100%;
    }
}
.mp_login_form .mp-spacer {display: none;}

/*----------------------- Home Page: Hero Area --------------------------*/

/* On the homepage, the header is transparent to let a gradient show through */
body.home #site-header {
    background-color: transparent;
    transition: background-color var(--header-shrink-transition);
}
body.home div[data-elementor-type="header"] {
    background-image: linear-gradient(to bottom, white, #f2f2f2);
}
/* But the header is white when you scroll */
body.home #site-header.elementor-sticky--effects {
    background-color: white;
}

.archive.tag .fn-hero {
    background: url('/wp-content/uploads/2024/03/GENERIC_TAG_HEADER.png') bottom right/auto 100% no-repeat, #F7F7F7;
}
@media (max-width: 1024px) {
    .archive.tag .fn-hero .fn-archive-subtext:empty {
        min-height: 1ex;
    }
}
.fn-home #fn-hero {
    background-size: auto 90%;
}
@media (max-width: 1024px) {
    .fn-home #fn-hero {
        background-size: auto 336px;
    }
    .fn-home #fn-hero > .elementor-background-overlay {
        background-size: auto 130px;
    }
}
@media (max-width: 480px) {
    .fn-home #fn-hero {
        background-size: auto 240px;
    }
}
.fn-home #fn-intro {
    max-width: 700px;
}
@media (max-width: 1024px) {
    .fn-home #fn-intro {
        max-width: 100%;
    }
}
.fn-home #fn-search {
    padding-top: 15px;
}

.fn-hero h1 {
  filter: var(--fn-outline-white-crisp);
}
@media (max-width: 1024px) {
  .fn-hero h1 {
    filter: none;
  }
}
.fn-hero .fn-breadcrumbs + h1,
.fn-hero .fn-breadcrumbs + .fn-archive-title-wrapper {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .fn-hero .fn-breadcrumbs + h1,
    .fn-hero .fn-breadcrumbs + .fn-archive-title-wrapper {
        margin-top: 20px;
    }
}

.fn-hero .fn-archive-subtext {
    margin-bottom: 0;
}
.fn-hero .fn-search-form-container {
    margin-top: 50px;
}
@media (max-width: 1024px) {
    .fn-hero .fn-search-form-container {
        margin-top: 30px;
    }
}
/* Desktop: background image is height of entire hero area
   Mobile and tablet: background image is a strip across top of hero area, sits above text */
@media (max-width: 1024px) {
    body .elementor .elementor-element.fn-hero {
        background-size: auto 150px;
    }
    body .elementor .elementor-element.fn-hero::before {
        background-position-y: 40px;
        background-size: auto 110px;
    }
    .fn-hero > .e-con-inner > .elementor-widget-shortcode > .elementor-widget-container {
        background-color: white;
    }
}

/*-------------- Home: Recent & Featured Posts --------------
Uses same styles as .fn-featured-posts
*/

/* set min height */
body.fn-home #fn-recent-posts .elementor-post__card {
    position: relative;
    min-height: 430px !important;  
}

@media only screen and (max-width: 767px) { 
    
    body.fn-home #fn-recent-posts .elementor-post__card {
        min-height: 1px !important;
    }     

}

body.fn-home #fn-recent-posts .elementor-post__card .elementor-post__thumbnail {
}

body.fn-home #fn-recent-posts .elementor-post__card .elementor-post__thumbnail img:hover,
body.fn-home #fn-recent-posts .elementor-post__card .elementor-post__thumbnail img {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;     
}

body.fn-home #fn-recent-posts .elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:after {
    background: none;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;       
}

body.fn-home #fn-recent-posts .elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:hover:after {
    background: #25add5 !important;
    opacity: 0.2 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;     
}


body.fn-home #fn-recent-posts .elementor-post__card .elementor-post__text {
}

body.fn-home #fn-recent-posts .elementor-post__card .elementor-post__title a {
   text-decoration: none;
}

body.fn-home #fn-recent-posts .elementor-post__card .elementor-post__title {
    margin-bottom: 10px;
    /* border: 1px solid red;*/ 
    max-height: 55px;
    overflow: hidden;
}
.fn-article-cards.elementor-widget-posts .elementor-post__title {
    margin-top: 0;
}

body.fn-home #fn-recent-posts .elementor-post__card .elementor-post__excerpt {
    color: #3c3c3c;
    font-size: 15px;
    weight: 400;
    margin-bottom: 10px;
}

body.fn-home #fn-recent-posts .elementor-post__card .elementor-post__excerpt .more-link {
    display: none;
}

body.fn-home #fn-recent-posts .elementor-post__card .elementor-post__meta-data {
    border-top: 2px solid #e8e8e9;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;    
}

body.fn-home #fn-recent-posts .elementor-post__card .elementor-post__meta-data:before {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    content: "\f017"; /* time icon */    
    font-style: normal;
    text-decoration: inherit;
    color: #b3c0c4;
    font-size: 12px;
    padding-right: 10px;
}

body.fn-home a#fn-library-button {
    color: #9e9e9e;
    border-color: #9e9e9e;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;       
}

body.fn-home a#fn-library-button:hover {
    text-decoration: none;
    color: #274c59;
    border-color: #274c59;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;  
}

/**
 * Carousel widgets.
 * This includes the Testimonial Carousel widget used for the Peers and Becoming a
 * Faunalyst sections, the plain Carousel widget used for video chapters on Webinar:
 * Designing Effective Surveys, and the Loop Carousel widget used for related posts.
 */

.fn-testimonials.elementor-widget-testimonial-carousel .elementor-main-swiper {
    width: 100%;
}
body .elementor-element.elementor-arrows-position-outside .swiper {
    width: 100%;
}
.fn-testimonials .swiper-slide {
    background-color: #f7f7f7;
    border-radius: 5px;
}
.fn-testimonials.elementor-widget-testimonial-carousel .swiper-slide {
    padding: 0 0 30px 0;
}
.fn-testimonials .elementor-testimonial__image {
    flex-shrink: 1;
    flex-basis: 100%;
    line-height: 0;
}
.fn-testimonials.elementor-widget-testimonial-carousel .elementor-testimonial__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 35 / 22;
    border-radius: 5px 5px 0 0;
}
.fn-testimonials.elementor-testimonial--layout-image_above .elementor-testimonial__footer {
    margin-bottom: 0; /* "footer" is the image that's actually at the top */
}
.fn-testimonials .elementor-testimonial__content {
    display: flex;
    flex-direction: column;
}
.fn-testimonials.elementor-testimonial--skin-default.elementor-testimonial--layout-image_above .elementor-testimonial__cite {
    margin-top: 0;
}
.fn-testimonials .elementor-testimonial__cite {
    order: -1;
    background-color: #DDE6E9;
    min-height: 132px;
    padding: 28px 25px;
    font-style: normal;
    line-height: 24px;
}
.fn-testimonials.fn-become-faunalyst .elementor-testimonial__cite {
    min-height: unset;
}
.fn-testimonials .elementor-testimonial__title {
    font-weight: 300;
}
@media (max-width: 1024px) {
    .fn-testimonials .elementor-testimonial__title {
        font-size: 14px;
    }
}
.fn-testimonials .elementor-testimonial__text {
    padding: 28px 25px 0;
    font-style: normal;
}
.fn-testimonials.elementor-widget-testimonial-carousel .elementor-testimonial__text {
    font-size: 16px;
    font-style: normal;
}
.fn-testimonials .eicon-chevron-left:before,
.e-widget-swiper .eicon-chevron-left:before {
    content: url('/wp-content/uploads/2024/03/RELATED_POSTS_LEFT_ARROW.svg');
}
.fn-testimonials .eicon-chevron-left:hover:before,
.e-widget-swiper .eicon-chevron-left:hover:before {
    content: url('/wp-content/uploads/2024/03/RELATED_POSTS_LEFT_ARROW_RED.svg');
}
.fn-testimonials .elementor-swiper .swiper .elementor-swiper-button-prev {
    left: -132px;
}
.fn-testimonials .eicon-chevron-right:before,
.e-widget-swiper .eicon-chevron-right:before {
    content: url('/wp-content/uploads/2024/03/RELATED_POSTS_RIGHT_ARROW.svg');
}
.fn-testimonials .eicon-chevron-right:hover:before,
.e-widget-swiper .eicon-chevron-right:hover:before {
    content: url('/wp-content/uploads/2024/03/RELATED_POSTS_RIGHT_ARROW_RED.svg');
}
.fn-testimonials .elementor-swiper .swiper .elementor-swiper-button-next {
    right: -132px;
}
.elementor-element.elementor-widget.elementor-widget-n-carousel.elementor-arrows-position-outside {
    --e-n-carousel-arrow-prev-left-position: -132px;
    --e-n-carousel-arrow-next-right-position: -132px;
    --e-n-carousel-arrow-prev-caption-spacing: 0px;
    --e-n-carousel-arrow-next-caption-spacing: 0px;
}
.elementor-element.elementor-widget.elementor-widget-loop-carousel.elementor-arrows-position-outside {
    --arrow-prev-left-position: -132px;
    --arrow-next-right-position: -132px;
    --arrow-prev-caption-spacing: 0px;
    --arrow-next-caption-spacing: 0px;
}
.fn-testimonials.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,
.elementor-element.e-widget-swiper .swiper~.elementor-swiper-button.swiper-button-disabled {
    opacity: 0;
}
.elementor-widget.e-widget-swiper.elementor-pagination-type-bullets {
    --swiper-pagination-bullet-size: 12px; /* Generic Carousel */
    --swiper-pagination-size: 12px; /* Loop Carousel */
    --swiper-pagination-bullet-horizontal-gap: 9px;
    --swiper-pagination-color: var(--e-global-color-primary);
    --swiper-pagination-bullet-inactive-color: var(--e-global-color-secondary); /* Generic Carousel */
    --dots-normal-color: var(--e-global-color-secondary); /* Loop Carousel */
    --swiper-pagination-bullet-inactive-opacity: 1;
}
.elementor-widget.elementor-widget-loop-carousel .swiper-pagination-bullet:hover {
    background: var(--dots-normal-color);
}
.elementor-widget-loop-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
.elementor-widget-loop-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active:hover {
    background-color: var(--e-global-color-primary);
}
.fn-testimonials.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper {
    padding-bottom: 72px; /* 60 space + 12 for dots */
}
.e-widget-swiper.elementor-pagination-type-bullets.elementor-pagination-position-outside {
    --swiper-pagination-spacing: 60px;
}
@media (max-width: 1024px) {
    .fn-testimonials.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper {
        padding-bottom: 42px; /* 30 space + 12 for dots */
    }
    .e-widget-swiper.elementor-pagination-type-bullets.elementor-pagination-position-outside {
        --swiper-pagination-spacing: 30px;
    }
}
.fn-testimonials.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    line-height: 12px;
}

/*-------------- Home: Services -------------- */

body.fn-home #fn-services-intro {
    background: #f0f0f0;
    margin: 100px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    /* border: 1px solid grey; */
}

body.fn-home #fn-services-intro #fn-speaker-icon .elementor-icon {
    background: url('images/fn-home-speaker-icon.png') #1692b0 no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: -60px;
    margin-bottom: -60px;
}

body.fn-home #fn-services-intro #fn-speaker-icon .elementor-icon i {
    display: hidden;
}

body.fn-home #fn-services {
    /* border: 1px solid red;*/
    padding: 20px 0 60px 0;
    margin: 0;
}

body.fn-home #fn-services a.elementor-cta:hover {
    text-decoration: none;
}

body.fn-home #fn-services a.elementor-cta .elementor-cta__content {
    min-height: 250px !important;
    padding: 0px 30px;
    border-right-width: 3px;
    border-style: solid;
    border-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60px, rgba(242,140,67,1) 60px, rgba(242,140,67,1) 100%) 1 100%;
    border-top: none;
    border-left: none;
    border-bottom: none;
    position: relative;
} 


@media only screen and (max-width: 767px) { 
    
    body.fn-home #fn-services a.elementor-cta .elementor-cta__content {
        min-height: 1px !important;
        border-image: none;
        border-right: none;
        border-bottom: 3px solid #f28c43;
        margin-left: 20px;
        margin-right: 20px;
        padding: 20px 0px 30px 0px;
    } 

    body.fn-home #fn-services .elementor-column:last-of-type  a.elementor-cta .elementor-cta__content {
        border-bottom: none;
    } 

}

body.fn-home #fn-services .elementor-column:last-of-type  a.elementor-cta .elementor-cta__content {
    border-right: none;
} 

/*-- icons ---*/

body.fn-home #fn-services a.elementor-cta .elementor-icon-wrapper i {
    display: none;
}

body.fn-home #fn-services a.elementor-cta .elementor-icon-wrapper {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 0px;
    background-size: 100%;
    background-position: center top; 
    background-repeat: no-repeat; 
}

body.fn-home #fn-services .research-library a.elementor-cta .elementor-icon-wrapper {
     background-image: url('images/fn-home-icon-library.png');
}

body.fn-home #fn-services .fundamentals a.elementor-cta .elementor-icon-wrapper {
     background-image: url('images/fn-home-icon-fundamentals.png');
}

body.fn-home #fn-services .independant-studies a.elementor-cta .elementor-icon-wrapper {
     background-image: url('images/fn-home-icon-independant-studies.png');
}

body.fn-home #fn-services .email-alerts a.elementor-cta .elementor-icon-wrapper {
     background-image: url('images/fn-home-icon-alerts.png');
}

body.fn-home #fn-services .research-library a.elementor-cta:hover .elementor-icon-wrapper,
body.fn-home #fn-services .fundamentals a.elementor-cta:hover .elementor-icon-wrapper,
body.fn-home #fn-services .independant-studies a.elementor-cta:hover .elementor-icon-wrapper,
body.fn-home #fn-services .email-alerts a.elementor-cta:hover .elementor-icon-wrapper {
     background-position: center bottom; 
}

body.fn-home #fn-services a.elementor-cta button.elementor-button {
    display: none;
}

/*-------------- Home: Data Slider -------------- */

#fn-content-slider-wrapper  {
    background: #274d5a;
    text-align: center;
    padding: 20px 0 20px 0;
    background: url('images/faunalytics-blue-banner1.jpg') #274d5a top left no-repeat;
    background-size: 100% 100%; 
    margin-bottom: 0;
}

body #fn-content-slider {
    position: relative !important;
    padding: 0px;
    margin: 0px;
}

/* custom height needs to be set in order to work */
body .elementor-38775 .elementor-element.elementor-element-4d42ce2b .swiper-slide,
body .elementor-27415 .elementor-element.elementor-element-ff0fe32 .swiper-slide {  
    height: 300px !important; 
    margin: 0;
    padding: 0;
} 

body #fn-content-slider .swiper-slide-contents {
     margin-left: 330px;
     margin-right: 70px; 
     position: static !important;
     padding-top: 40px;
     /* border: 1px solid red;*/
}

#fn-content-slider .elementor-slide-heading {
    text-align: center;
    font-size: 60px;
    color: #fff !important;
}

#fn-content-slider .elementor-slide-description {
    color: #fff !important;
}

#fn-content-slider .fn-slider-image {
    border: 10px solid #55727a;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%; 
    position: absolute !important;
    left: 110px;
    top: 50px; 
}

#fn-content-slider .fn-slider-image img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;    
}

body #fn-content-slider a.swiper-slide-inner {
    text-decoration: none !important;
    color: #ffffff !important;
}

body #fn-content-slider a.swiper-slide-inner:hover .elementor-slide-heading,
body #fn-content-slider a.swiper-slide-inner:hover .elementor-slide-description,
body #fn-content-slider a.swiper-slide-inner:hover {
    text-decoration: none !important;
    color: #b0cad2 !important;
}


body #fn-content-slider a.swiper-slide-inner .elementor-slide-button {
    color: #b0cad2 !important;
    border: 2px solid #b0cad2;
    background: transparent; 
    margin-top: 10px;
}


body #fn-content-slider a.swiper-slide-inner:hover .elementor-slide-button {
    color: #b0cad2 !important;
    border: 2px solid #b0cad2;
    background: transparent;
    opacity: 0.7;
}


@media only screen and (max-width: 900px) {        
 
    body #fn-content-slider .swiper-slide-contents {
         margin-left: 45px;
         margin-right: 45px; 
         position: static !important;
         padding-top: 220px;
    }    
    
    #fn-content-slider .fn-slider-image {
        position: absolute !important;
        top: 0px;         
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;        
    }    
    
    /* custom height set in elementor */
    body .elementor-38775 .elementor-element.elementor-element-4d42ce2b .swiper-slide, 
    body .elementor-27415 .elementor-element.elementor-element-ff0fe32 .swiper-slide {
        height: 500px !important;      
    }     
    
}

@media only screen and (max-width: 600px) { 

    /* custom height set in elementor */
    body .elementor-38775 .elementor-element.elementor-element-4d42ce2b .swiper-slide,
    body .elementor-27415 .elementor-element.elementor-element-ff0fe32 .swiper-slide {
        height: 620px !important;     
    } 

} 


/*-------------- Home: Infographic -------------- */

#fn-infographic {
    background: #f4f4f4;
}

/*-------------- Hacks 24/09/18 --------------
Hacks to address go live
Home page posts
Jetpack Blue Button + Featured Posts
Page displaying featured Image


body.home #soliloquy-container-4177 {
height: auto !important;
}

body .ca-introduction-box { 
}

body.home .byline {
    margin: 10px 0;
}

body.home .byline time.entry-time{
 color: #d7d7d7;
}

body.home .byline span.entry-comments-link {
display:none;     
}

.spu-box, .spu-box * {
    z-index: 10000000 !important;
}

*/


/*-------------- Search Results Filters --------------*/

#fn-search-container {
    background: #F7F7F7;
    border-radius: 5px;
    padding: 30px;
}
.collapseomatic_content {
    margin-left: 0;
}
/* Desktop: hide the Collapse-O-Matic controls
   Mobile and tablet: show the top (open) control when the element is closed, show the 
   bottom (close) control when the element is open. */
.collapseomatic {
    display: none;
    background-image: none;
    font-size: 15px;
    font-weight: bold;
}
@media (max-width: 1024px) {
    #fn-search-collapse {
        display: block; /* when closed */
    }
    #fn-search-collapse.colomat-close {
        display: none; /* when open */
    }
    
    #bot-fn-search-collapse {
        display: none; /* when closed */
    }
    #bot-fn-search-collapse.colomat-close {
        display: block; /* when open */
    }
}
/* Mobile and tablet: the search keywords and filters area has grey background */
@media (max-width: 1024px) {
    .collapseomatic_content {
        background-color: #F7F7F7;
        padding-left: 28px;
        padding-right: 28px;
    }
}
#fn-search-collapse {
    background-color: #6C994F;
    color: white;
    padding: 13px 28px;
    /* arrow */
    appearance: none;    
    background-image: url("https://dev.faunalytics.org/wp-content/uploads/2024/01/DROPDOWN_ARROW_WHITE.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: right 28px center;
}
#bot-fn-search-collapse {
    text-align: center;
    color: var(--e-global-color-accent);
    padding: 20px 0 30px;
}

.sidebar .search-form h3 {
    font-size: 16px; /* p size */
    line-height: 24px;
    font-weight: bold;
    color: var(--e-global-color-text);
}
@media (max-width: 1024px) {
    .sidebar .search-form h3 {
        font-size: 14px;
        line-height: 20px;
    }
}
.sidebar .search-form h3 {
    margin-top: 20px;
}
.sidebar .search-form h3:first-child {
    margin-top: 0;
}

.sidebar .search-form .search-form-input {
    width: 100%;
    height: 40px;
    background-color: white;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    padding: 0 15px;
    color: var(--e-global-color-text);    
}
.sidebar .fn-search-filters .facetwp-dropdown {
    width: 100%;
}
.sidebar .search-form .search-form-input,
.sidebar .fn-search-filters .facetwp-type-dropdown {
    margin-top: 10px;
    margin-bottom: 0;
}
.sidebar .search-form input[type="submit"] {
    margin-top: 25px;
    width: 100%;
    height: 50px;
    background-color: #6C994F;
    border-radius: 5px;
    font-weight: bold;
    background: #6C994F url('https://dev.faunalytics.org/wp-content/uploads/2023/08/HOME_HERO_SEARCH.svg') calc(50% - 80px) center/auto 17px no-repeat;
    padding: 0 0 0 calc(17px + 10px);
}
.sidebar .search-form input[type="submit"]:hover {
    background-color: var(--e-global-color-secondary);
    border: none;
}

/* --- search count ---- */

.fn-search-count span {
    font-weight: bold;
}

.fn-search-count div.facetwp-counts {
    display: inline;
}

.fn-search-order {
    position: absolute;
    top: 5px; 
    right: 220px;
}

.fn-search-order .fn-sort {
    position: relative;
    right:-5px;
    /* text-transform: uppercase;*/
    color: #605b58;
    font-size: 16px;
    display: inline;
}

.fn-search-order select {
    border: none;
    background: transparent;
    color: #484848;
    position: relative;
}

.sidebar .fn-search-filters .facetwp-facet {
    margin-top: 10px;
    margin-bottom: 0px;
    color: black;
}

.sidebar .fn-search-filters > div {
    margin-top: 10px;
    border: 2px solid #F0F0F0;
    border-radius: 5px;
    padding: 30px;
}
@media (max-width: 1024px) {
    .sidebar .fn-search-filters > div {
        margin-top: 0px;
        border-top: 3px solid #DDDDDD;
        border-right: none;
        border-bottom: none;
        border-left: none;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
    }
}
.sidebar .fn-search-filters h3 {
    font-size: 18px;
    line-height: 21px;
}
@media (max-width: 1024px) {
    .sidebar .fn-search-filters h3 {
        font-size: 14px;
        line-height: 20px;
    }
}
.sidebar .facetwp-checkbox {
    background-size: 15px 15px;
    padding-left: 25px;
}
.sidebar .facetwp-facet[data-name="peer_reviewed"] .facetwp-checkbox {
    display: inline-block;
}
.sidebar .facetwp-facet[data-name="peer_reviewed"] .facetwp-checkbox + .facetwp-checkbox {
    margin-left: 40px;
}
.facetwp-slider .noUi-connect {
    background-color: #6C994F;
}
.sidebar .fs-wrap {
    width: 100%;
}

.search-results .sidebar button {
    width: 100%;
    border: none;
    height: 50px;
    border-radius: 5px;
    background-color: #6C994F;
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.search-results .sidebar button:hover {
    background-color: var(--e-global-color-secondary);
}
.fn-facet-buttons {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-transform: lowercase;
}
@media (max-width: 1024px) {
    .fn-facet-buttons {
        margin-top: 0;
        flex-direction: row;
    }
}

@media only screen and (max-width: 1024px) { 
    
    .fn-search-order {
        position: relative;
        right: 0;
        width: 140px;
        margin: 15px auto 20px auto;
    }

    #fn-search-container {
        padding: 30px 0;
    }    
}     
  
/*----------------------- Search Form --------------------------
Used on home page and archive pages
*/

.fn-search-form {
    background:#294d5b;
    width: 100%;
    height: 120px;
}

.fn-search-form .fn-search-form-container {
    top: 35px;
}

.fn-search-form-container {    
    width: var(--fn-search-form-width);
    max-width: var(--fn-search-form-width);
}

.fn-search-form-container p {
    margin-bottom: 0;
}

.fn-search-form-container select {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
    border: none;
    padding: 0px 18px;
    color: var(--e-global-color-secondary);
    height: var(--fn-search-form-height);
    box-sizing: border-box;
    background: #E3E3E3 url('https://dev.faunalytics.org/wp-content/uploads/2023/07/DROPDOWN_ARROW.svg') no-repeat right 6px center;
    background-size: 10px;
    border-right: 11px solid #E3E3E3;
    width: calc(100% - var(--fn-search-form-height)) !important;
}

.fn-search-form-feild {
    border-top-left-radius: var(--fn-border-radius);
    border-bottom-left-radius: var(--fn-border-radius);
    min-width: calc(0.5*var(--fn-search-form-width));
    margin-right: 0px;
    float:none !important;    
    border-top: 1px solid #DDDDDD;
    border-right: none;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    width: 100%;
    background: #fff;
    color: black;
    padding: 16px 18px;
    height: var(--fn-search-form-height);
    box-sizing: border-box;    
}
@media (max-width: 1024px) {
    .fn-search-form-feild {
        border-right: 1px solid #DDDDDD;
        border-top-right-radius: var(--fn-border-radius);
        border-bottom-right-radius: var(--fn-border-radius);
    }
} 

.fn-search-form-submit {
    display: inline-block;    
    font-weight: bold;
    box-sizing: border-box;
    border: none !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;       
    border-top-right-radius: var(--fn-border-radius);
    border-bottom-right-radius: var(--fn-border-radius);
    border: none !important;
    background: #6C994F url('http://dev.faunalytics.org/wp-content/uploads/2023/08/HOME_HERO_SEARCH.svg') no-repeat;
    background-size: calc(0.425 * var(--fn-search-form-height));
    background-position: center center;
    width: var(--fn-search-form-height);
    height: var(--fn-search-form-height);
    box-sizing: border-box;   
    position: absolute;
    right: 0px;
    top: 0px;
}

.fn-search-form-submit:hover { 
    background-color: var(--e-global-color-secondary);
}    

@media (max-width: 1024px){
    
    .fn-search-form {
        height: auto;
    }    
    
    .fn-search-form-container {
        display: block;
        position: relative;
        top: 0px;
    }      
    
    .fn-search-form .fn-search-form-container {
        display: block;
        position: relative;
        top: 0px;
        padding-top: 25px;
        padding-bottom: 25px; 
    }   
    

    .fn-search-form-container form {
        display: block; 
        width: 100% !important;   
    } 
    
    .fn-search-form-container select {
        display: block; 
        position: relative;
        border-top-left-radius: var(--fn-border-radius);     
        border-bottom-left-radius: var(--fn-border-radius);          
    }    
    
    .fn-search-form-feild-wrapper    {
        display: block !important; 
        width: 100% !important;
        margin-top: 10px;
    }     

    .fn-search-form-feild {
        min-width: min(350px, 100%);
    }    
}     

/*---------- Search Results ------------------*/

.search-results.sidebar-content .sidebar {
    margin-top: 80px;
    width: 350px;
}
.search-results.sidebar-content .content {
    width: 745px;
}
@media (max-width: 1024px) {
    .search-results.sidebar-content .sidebar {
        margin-top: 30px;
        width: 100%;
    }
    .search-results.sidebar-content .content {
        width: 100%;
    }
}

/*---------- Search Pagination ---------------*/

.mobile-pagination-menu {display: none;}

.desktop-pagination-menu {
    display: inline-block;
}

.desktop-pagination-menu .facetwp-loading {
    background: url('../../plugins/facetwp/assets/images/loading.png') no-repeat;
    animation: spin 700ms infinite linear;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    opacity: 0.7;
}

.last-page {}

/*----------- Library, Category, Author, Tags, -----------------
 This still needs a massive clean up                                  
 Many classes have been commented out in the import file 
 Many classes will likely still need to be added 
*/

/*---------- Archive Header ---------------*/

.fn-archive-header {
    width: 100%;
    position: relative;
    height: 590px;
    /* default image if no others are specified
    background-image: url('images/archive-cat-library-owl.jpg');
    */
}
.archive.category .fn-hero {
    height: 590px;
}
@media (max-width: 1024px) {
    .archive.category .fn-hero {
        height: auto;
    }
}

.search .fn-archive-header,
.archive.category-blog .fn-hero {
    height: 480px;
}
@media (max-width: 1024px) {
    .search .fn-archive-header,
    .archive.category-blog .fn-hero {
        height: auto;
    }
}
.search .fn-archive-header {
    background: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/LEFT_ACCENT.svg') bottom left/auto 60% no-repeat,  url('https://dev.faunalytics.org/wp-content/uploads/2023/09/SEARCH_RESULTS_2300.jpg') bottom right -200px/auto 100% no-repeat, #F7F7F7;
}
.fn-archive-header.fn-archive-img-library {
    background: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/LEFT_ACCENT.svg') bottom left/auto 60% no-repeat, url('http://dev.faunalytics.org/wp-content/uploads/2023/06/EXPLORE_LANDING-2300.jpg') bottom right -150px/auto 100% no-repeat, #F7F7F7;
}
@media (max-width: 1024px) {
    .search .fn-archive-header  {
        background: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/LEFT_ACCENT.svg') 0 40px/auto 110px no-repeat, url('http://dev.faunalytics.org/wp-content/uploads/2023/09/SEARCH_RESULTS_2300.jpg') top right/auto 150px no-repeat, #F7F7F7;
    }
    .fn-archive-header.fn-archive-img-library {
        background: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/LEFT_ACCENT.svg') 0 40px/auto 110px no-repeat, url('http://dev.faunalytics.org/wp-content/uploads/2023/06/EXPLORE_LANDING-2300.jpg') top right/auto 150px no-repeat, #F7F7F7;
    }
}

.fn-archive-header-container {
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
}
@media (max-width: 1024px) {
    .fn-archive-header-container {
        width: 100%;
        padding-top: 150px;
    }
}

.fn-archive-section {
    width: 700px;
}
.fn-archive-img-library .fn-archive-section {
    width: 745px;
}
@media (max-width: 1024px) {
    .search .fn-archive-header .fn-archive-section,
    .archive.author .fn-archive-header .fn-archive-section {
        box-sizing: border-box;
        width: 100%;
        background-color: white;
        padding: 40px 28px 0;
    }
}

.fn-breadcrumbs,
.fn-archive-breadcrumbs {
    font-size: 16px;
    text-transform: lowercase;
} 
@media (max-width: 1024px) {
    .fn-breadcrumbs,
    .fn-archive-breadcrumbs {
        font-size: 14px;
    }
}
.fn-breadcrumbs a,
.fn-archive-breadcrumbs a {
    color: var(--e-global-color-secondary);
    font-weight: normal;
    text-decoration: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
/* Category icons beside headings must look OK if heading is 1 line or wraps to 2 */
.fn-hero .fn-archive-title-wrapper,
.fn-archive-header .fn-archive-title-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 25px;
}
.fn-hero .fn-archive-title-wrapper img,
.fn-archive-header .fn-archive-title-wrapper img {
    flex: 0 0 auto;
    height: 90px;
}
.fn-hero .fn-archive-title-wrapper h1,
.fn-archive-header .fn-archive-title-wrapper h1 {
    flex: 1 1 auto;
}
@media (max-width: 1024px) {
    .fn-hero .fn-archive-title-wrapper,
    .fn-archive-header .fn-archive-title-wrapper {
        column-gap: 15px;
    }
    .fn-hero .fn-archive-title-wrapper img,
    .fn-archive-header .fn-archive-title-wrapper img {
        height: 45px;
    }
}
.fn-archive-header h1.fn-archive-title {
    margin: 50px 0 20px 0;
}
.search .fn-archive-header h1.fn-archive-title {
    margin-top: 100px;
}
.search .fn-archive-header.fn-archive-img-library h1.fn-archive-title {
    margin-top: 30px;
}
@media (max-width: 1024px) {
    .search .fn-archive-header h1.fn-archive-title,
    .search .fn-archive-header.fn-archive-img-library h1.fn-archive-title,
    .archive.author .fn-archive-header h1.fn-archive-title {
        margin-top: 0;
        margin-bottom: 0;
    }
}
.category-blog .fn-archive-header h1.fn-archive-title {
    margin-top: 65px;
}

.fn-archive-header h1.fn-archive-icon-library {
    background: url('images/cat-icon-library.png') no-repeat left center;
    background-size: 36px 36px;      
}

.fn-archive-header .fn-archive-icon-uncategorised {
    background: url('images/cat-icon-library.png') no-repeat left center;
    background-size: 36px 36px;       
}

.fn-archive-header .fn-archive-icon-date {
    background: url('images/cat-icon-date.png') no-repeat left center;
    background-size: 36px 36px;       
}

.fn-archive-header .fn-archive-icon-tag {
    background: url('images/cat-icon-tag.png') no-repeat left center;
    background-size: 36px 36px;       
}

.fn-archive-subtext {
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 50px;
    color: var(--e-global-color-text);
    filter: var(--fn-outline-white-fuzzy);
}
@media (max-width: 1024px) {
    .fn-archive-subtext {
        margin-top: 10px;
        font-size: 18px;
        line-height: 25px;
        filter: none;
    }
    .search .fn-archive-header .fn-archive-subtext,
    .archive.author .fn-archive-header .fn-archive-subtext {
        margin-bottom: 0;
    }
}

/* ---- author --- */

.archive.author .fn-archive-header {
    height: 380px;
    background: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/LEFT_ACCENT.svg') bottom left/auto 90% no-repeat, #F7F7F7;
}
@media (max-width: 1024px) {
    .archive.author .fn-archive-header {
        height: auto;
        background: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/LEFT_ACCENT.svg') 0 40px/auto 110px no-repeat, #F7F7F7;
    }
}

.archive.author .fn-archive-header-container {
    padding-top: 90px;
}
@media (max-width: 1024px) {
    .archive.author .fn-archive-header-container {
        padding-top: 15px;
    }
}

.archive.author .fn-archive-header .fn-archive-section {
    display: inline-block;
    width: 900px;
}
@media (max-width: 1024px) {
    .archive.author .fn-archive-header .fn-archive-section {
        display: block;
        width: 100%;
    }
}

.archive.author .fn-archive-header .fn-archive-title  {
    position: relative;
    margin: 7px 0 15px;
}

.archive.author .fn-archive-header .fn-author-image {
    float: right;
    display: inline-block;
}
@media (max-width: 1024px) {
    .archive.author .fn-archive-header .fn-author-image {
        float: none;
        display: block;
        text-align: right;
        margin-right: 28px;
        padding-bottom: 15px;
    }
}

.archive.author .fn-archive-header .fn-author-image img {
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 50%;
}
@media (max-width: 1024px) {
    .archive.author .fn-archive-header .fn-author-image img {
        width: 120px;
        height: 120px;
        vertical-align: top;
    }
}

.archive.author .fn-archive-nav-sort-container,
.search-results .fn-archive-nav-sort-container {
    margin-bottom: 19px; /* to match spacing normally above In The Spotlight */
}

/*----------- Archives: Featured Content ----------------- */

/* specified in search.php */

body .fn-featured-content {   
    padding: 0 0 !important;    
    margin-top: 60px;
}
@media (max-width: 1024px) {
    body .fn-featured-content {   
        margin-top: 30px;
    }
}

/* in the spotlight heading */
body #fn-featured-spotlight {
    padding-top: 10px;  
    padding-bottom: 0px;
    position: relative;
    top: 8px;
    text-align: center;
}

body #fn-featured-spotlight h4 {
    font-size: 22px !important;
    text-align: center;
    /* border: 1px solid red;*/
}

.fn-featured-content .elementor-post__meta-data {
    text-transform: uppercase;
}
.fn-featured-content .elementor-post__meta-data a,
.fn-tabbed-card .elementor-post__meta-data a {
    color: #666666;
    font-weight: 300;
}
.fn-featured-content .elementor-post-author::before,
.fn-article-cards .elementor-post__meta-data span + span::before,
.fn-tabbed-card .elementor-post__meta-data span + span::before {
  content: ' | ';
}
.fn-featured-content .elementor-post__excerpt {
    color: var(--e-global-color-text);
}
/* Extra elements appear in strange places, hide them */
.home .fn-featured-content .post > p,
.home .fn-featured-content .elementor-post-date br,
.elementor-post__card .elementor-post-date br,
.home .fn-featured-content .elementor-post-author br,
.home .fn-featured-content .elementor-post__title br,
.elementor-post__card .elementor-post__title br,
.elementor-posts-container > p:first-child:empty,
.e-n-accordion-item-title-header > p:first-child,
.e-n-accordion-item-title-header br,
.e-n-accordion-item div[role="region"] > p:last-child,
.elementor-widget-call-to-action .elementor-cta__title a > br,
.elementor-widget-call-to-action .elementor-cta__content > p:last-child:empty,
.elementor-button > br,
.mepr-signup-form > br,
.mepr-signup-form > p:empty,
.mepr-signup-form .mp-form-row > p:empty,
.mepr-signup-form .mepr-checkboxes-field-row > br,
.mepr-signup-form .mp-form-submit > br,
.mepr-signup-form .mp-form-submit .mepr-submit + br,
.fn-tile-grid > p:last-child,
.fn-cards > p:last-child {
    display: none;
}

/*---------- Filter Buttons --------------- */

.fn-archive-nav-sort-container {
    margin-top: 80px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 1024px) {
    .fn-archive-nav-sort-container {
        margin-top: 30px;
        flex-wrap: wrap;
        row-gap: 30px;
    }
    /* Hide "page n of m" on category pages mobile and tablet */
    .category .fn-archive-nav-sort-container > div:first-child {
        display: none
    }
    /* That rule catches the mini search form on blog, make an exception */
    .category-blog .fn-archive-nav-sort-container > div:first-child {
        display: initial;
        width: 100%;
    }
}

.fn-archive-nav-sort-container p,
.fn-archive-nav-sort-container .facetwp-type-pager {
    font-size: 14px;
    color: var(--e-global-color-text);
}
.fn-archive-nav-sort-container label {
    color: var(--e-global-color-text);
    font-weight: bold;
}
/* Label and select go on one line */
.elementor-widget-facetwp-facet .facet-wrap > p {
    display: inline;
    font-weight: bold;
}
.elementor-widget-facetwp-facet .facet-wrap > .facetwp-type-sort,
.elementor-widget-facetwp-facet .facet-wrap > .facetwp-type-dropdown {
    display: inline-block;
}

select#fn-archive-nav-sort,
select#video-jump-select,
.facetwp-type-sort select,
.sidebar .fn-search-filters .facetwp-dropdown,
.elementor-widget-facetwp-facet .facetwp-type-dropdown .facetwp-dropdown,
.fn-annual-reports select {
    height: 40px;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    background-color: white;
    color: var(--e-global-color-secondary);
    font-size: 14px;
    padding-left: 15px;
    /* arrow */
    appearance: none;    
    background-image: url("https://dev.faunalytics.org/wp-content/uploads/2023/07/DROPDOWN_ARROW.svg");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 17px center;
}
select#video-jump-select {
    border-color: #F7F7F7;
    background-color: #F7F7F7;
}
select#fn-archive-nav-sort,
.facetwp-type-sort select,
.elementor-widget-facetwp-facet .facetwp-type-dropdown .facetwp-dropdown {
    margin-left: 17px;
}
@media (max-width: 1024px) {
    select#fn-archive-nav-sort,
    .facetwp-type-sort select,
    .elementor-widget-facetwp-facet .facetwp-type-dropdown .facetwp-dropdown {
        margin-left: 15px;
    }
}
select#fn-archive-nav-sort,
.facetwp-type-sort select {
    width: 230px;
}
@media (max-width: 1024px) {
    select#fn-archive-nav-sort,
    .facetwp-type-sort select {
        width: 190px;
    }
}
.fn-archive-nav-sort-container .facetwp-type-sort {
    margin-bottom: 0;
}
.sidebar .fn-search-filters .facetwp-type-fselect .fs-label-wrap {
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    /* arrow */
    appearance: none;    
    background-image: url("https://dev.faunalytics.org/wp-content/uploads/2023/07/DROPDOWN_ARROW.svg");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 17px center;
}
.sidebar .fn-search-filters .facetwp-type-fselect .fs-label {
    padding: 8px 15px 0;
    line-height: 1.625;
}
.sidebar .fn-search-filters .facetwp-type-fselect .fs-arrow {
    display: none;
}

/* Desktop: Search bar becomes smaller when underneath blog hero
   Mobile and tablet: matches usual mobile search bar size */
.fn-archive-nav-sort-container {
    --fn-search-form-width: 475px;
    --fn-search-form-height: 40px;
    --fn-border-radius: 3px;
}
.fn-archive-nav-sort-container .fn-search-form-container {
    font-size: 12px;  /* original 14 */
}
@media (max-width: 1024px) {
    .fn-archive-nav-sort-container {
        --fn-search-form-width: 100%;
        --fn-search-form-height: 50px;
        --fn-border-radius: 5px;
    }
    .fn-archive-nav-sort-container .fn-search-form-container {
        font-size: 16px;
    }
}

.fn-linkactive a {
    border: 2px solid #91a4aa;
    color:  #91a4aa;
    position: relative;
}

  /* Required for Down Triangle */
  .tri-down a:before, 
  .tri-down a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
  }
  
   /* Border +3 pixels */
  .tri-down a:before {
    bottom: -13px;
    border-width: 13px;      
    left: calc(50% - 13px); 
    border-top-color: #91a4aa;
  }

  /* Fill -3 pixels */
  .tri-down a:after {   
    bottom: -10px; 
    border-width: 17px;
    left: calc(50% - 17px);
    border-top-color: #fff;
  }
 
/*---------- Display Archive Posts ---------------
Note: Moving archive all style here with new classes
Sections: Library (Blog), Category, Tags, Author, Date
*/

body .content .entry {
    /* border: 1px dotted orange; */
}

body .content {
    /* border: 1px solid blue !important; */
}

body.search .entry-content,
body.blog .entry-content,
body.archive .entry-content {
    background-color: #F7F7F7;
    position: relative;
    padding: 0px;
    margin-top: 45px;
    border-radius: var(--fn-border-radius);
}  
@media (max-width: 1024px) {
    body.search .entry-content,
    body.blog .entry-content,
    body.archive .entry-content {
        margin-top: 30px;
    }
}
/* Desktop: article cards are a fixed height
   Mobile and tablet: article cards take their height from their content */
body.search .entry-content,
body.blog .entry-content,
body.archive .entry-content,
.fn-article-cards.fn-reveal-card .elementor-posts .elementor-post__card {
    min-height: 450px;
}
@media (max-width: 1024px) {
    body.search .entry-content,
    body.blog .entry-content,
    body.archive .entry-content,
    .fn-article-cards .elementor-posts .elementor-post__card {
        min-height: 0;
    }
}

body.archive .one-third {
    margin-left: 3.9473684210526314%;
    width: 30.701754385964914%;
}
body.search .one-half {
   margin-left: 6.0402684563758395%;
   width: 46.97986577181208%;
}
body.archive .first,
body.search .first {
    margin-left: 0;
}

/* hack to align off-center posts by 15px */
body.search .content .post,
body.blog .content .post,
body.archive .content .post {
    /*  
    position: relative; 
    right: -15px; 
    */
} 

/*------  post thumbnail ------- */

.fn-archive-image .entry-image-link,
.fn-archive-image img.post-image, 
.fn-archive-image img.entry-image {
    padding: 0 !important;
    margin: 0 !important;
}

.fn-archive-image {
    height:220px;
    overflow-y: hidden;
    transition: height var(--header-shrink-transition);
}
.elementor-posts--thumbnail-top.fn-article-cards .elementor-post__thumbnail__link {
    margin-bottom: 0;
}
.elementor-posts--thumbnail-top.fn-article-cards .elementor-post__card p:nth-child(2) {
    margin-top: 0;
}

@media (min-width: 1025px) {
    body.search .entry-content:hover .fn-archive-image,
    body.archive .entry-content:hover .fn-archive-image {
        height: 40px;
    }
}

.fn-archive-image img,
.elementor .fn-archive-image img {
    height:220px;
    width: 100%;
    border-radius: 5px 5px 0 0;
}
@media (max-width: 1024px) {
    .fn-archive-image,
    .fn-archive-image img,
    .elementor .fn-archive-image img {
        height: auto;
        aspect-ratio: 350 / 220;
    }
}
/* Extra elements appearing in article cards on homepage */
.elementor .fn-archive-image br,
.fn-article-cards .elementor-post__meta-data br,
.fn-article-cards .elementor-post__title br,
.elementor-divider-separator br {
    display: none;
}

.fn-archive-summary .more-link,
.fn-featured-content .more-link,
.fn-article-cards .more-link {
    display: block;
    line-height: 2000;
    height: calc(100%);
    width: calc(100%);
    position: absolute;
    top: 0px;
    left: 0px;    
}

/* .featuredpostheadingdiv */
.fn-archive-body {
    padding: 0px 30px 0px;
    max-height: 176px;
    margin-bottom: 30px;
    transition: max-height var(--header-shrink-transition);
}
@media (max-width: 1024px) {
    .fn-archive-body {
        max-height: none;
        margin-bottom: 0;
        padding-bottom: 30px;
    }
}
/* Desktop: cards show a limited amount of text, reveal more when hovered
   Mobile and tablet: show the full text all the time */
.fn-article-cards .elementor-posts .elementor-post__card .elementor-post__text {
    order: 1; /* move post text below post metadata */
    padding-bottom: 0px;
    max-height: calc(200px - 24px);
    transition: max-height var(--header-shrink-transition);
}
.fn-archive-body,
.fn-article-cards .elementor-posts .elementor-post__card .elementor-post__text {
    overflow: hidden;
}
.elementor .fn-archive-body {
     box-sizing: content-box;
}

/* Sliding article cards can contain more text than they show by default. Extra text is
   hidden using max-height and overflow:hidden. When you hover, the text section slides
   up so max-height becomes larger. */
@media (min-width: 1025px) {
    body.search .entry-content:hover .fn-archive-body,
    body.archive .entry-content:hover .fn-archive-body {
        max-height: 356px; /* 176 + 220 - 40 */
    }
    .fn-article-cards .elementor-posts .elementor-post__card:hover .elementor-post__text {
        max-height: 380px;
    }
}
@media (max-width: 1024px) {
    body.archive .entry-content:hover .fn-archive-body,
    .fn-article-cards .elementor-posts .elementor-post__card .elementor-post__text,
    .fn-article-cards .elementor-posts .elementor-post__card:hover .elementor-post__text,
    .fn-article-cards.elementor-widget-posts .elementor-post__title {
        max-height: none;
    }
    body.archive .entry-content .fn-archive-body,
    .fn-article-cards .elementor-posts .elementor-post__card .elementor-post__text {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.fn-article-cards .elementor-post__text {
    background-color: #F7F7F7;
    z-index: 80;
}

.fn-archive-body a,  
.fn-archive-body a:hover {
    text-decoration: none;
}

.fn-archive-body a .fn-archive-title {
    color: var(--e-global-color-accent);
    margin-top: 0;
    margin-bottom: 11px;  /* original 10 */
}
.fn-archive-body a .fn-archive-title,
.fn-article-cards.elementor-widget-posts .elementor-post__title a {
    font-size: 22px;
    line-height: 26px;  /* original 27 */
    max-height: 78px;  /* original 3*27=81 */
    overflow: hidden;
}       
.fn-article-cards.elementor-widget-posts .elementor-post__title {
    line-height: 26px;
    max-height: 78px;
    overflow: hidden;
}
@media (min-width: 1025px) {
    .fn-article-cards.elementor-widget-posts .elementor-post__card:hover .elementor-post__title {
        max-height: none;
    }
}
@media (max-width: 1024px) {
    .fn-archive-body a .fn-archive-title,
    .fn-article-cards.elementor-widget-posts .elementor-post__title,
    .fn-article-cards.elementor-widget-posts .elementor-post__title a {
        font-size: 18px;
        line-height: 21px;
        max-height: none;
    }
}

body.search .entry-content:hover .fn-archive-body a .fn-archive-title,
body.archive .entry-content:hover .fn-archive-body a .fn-archive-title,
.fn-article-cards .elementor-post__card:hover .elementor-post__title a,
.fn-featured-content .elementor-post:hover .elementor-post__title a {
    color: var(--e-global-color-primary);
    text-decoration: underline;
    max-height: none;
}

/* .featuredpostbodydiv */
.fn-archive-summary,
.fn-article-cards .elementor-posts .elementor-post__card .elementor-post__excerpt {
    font-size: 16px;
    line-height: 22px;  /* original 21 */
    color: var(--e-global-color-text);
}
@media (max-width: 1024px) {
    .fn-archive-summary,
    .fn-article-cards .elementor-posts .elementor-post__card .elementor-post__excerpt {
        font-size: 14px;
        line-height: 20px;
    }
}

/*---------- post author and date  ----------*/ 

body.search .entry-meta,
body.blog .entry-meta,
body.archive .entry-meta,
.fn-article-cards .elementor-posts .elementor-post__card .elementor-post__meta-data {  
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 18px 30px 0 30px;
    /* width: 270px; */
    height: 64px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    color: #666666;
    /* z-index makes them clickable above image hover-overlay */
    z-index: 90;
    clear: both;
    text-decoration: none !important;
    font-style: normal !important;
    text-transform: uppercase;
    border: none !important;
    margin-right: 20px;
    border-top-right-radius: 5px; 
    transition: top var(--header-shrink-transition), width var(--header-shrink-transition), border-top-left-radius var(--header-shrink-transition), margin-right var(--header-shrink-transition);
}
@media (max-width: 1024px) {
    body.archive .entry-meta,
    .fn-article-cards .elementor-posts .elementor-post__card .elementor-post__meta-data {
        padding-left: 25px;
        padding-right: 25px;
    }
}
body.search .entry-meta,
body.archive .entry-meta {
    position: relative; /* so that we can raise up with margin-top */
}
body.search .entry-meta,
body.archive .entry-meta,
.elementor-posts--thumbnail-top.fn-article-cards .elementor-posts--skin-cards:not(.elementor-posts-masonry) .elementor-post__meta-data {
    margin-top: -40px; /* raise the "file card tab" a little up into the image area */
    transition: margin-top var(--header-shrink-transition), margin-right var(--header-shrink-transition);
}

@media (min-width: 1025px) {
    .elementor-posts--thumbnail-top.fn-article-cards.fn-reveal-card .elementor-posts--skin-cards:not(.elementor-posts-masonry) .elementor-post__card:hover .elementor-post__meta-data {
        margin-top: calc(-220 / 350 * 100%);
    }
    body.search .entry-content:hover .entry-meta,
    body.archive .entry-content:hover .entry-meta,
    .elementor-posts--thumbnail-top.fn-article-cards.fn-reveal-card .elementor-posts--skin-cards:not(.elementor-posts-masonry) .elementor-post__card:hover .elementor-post__meta-data {
        margin-right: 0;
    }
}
/* Desktop: the "file card tab" is full width (minus a right margin)
   Mobile and tablet: the "file card tab" sizes for its text */
@media (max-width: 1024px) {
    body.search .entry-content .entry-meta,
    body.archive .entry-content .entry-meta {
        display: table; /* because inline-block cannot do negative top margin */
    }
    .fn-article-cards .elementor-posts .elementor-post__card {
        align-items: flex-start;
    }
}
.search-results .fn-archive-summary strong {
    font-weight: 500;
}

body.search .entry-author a,
body.blog .entry-author a,
body.archive .entry-author a,
.fn-article-cards .elementor-post-author a {
    color: #666666;
    font-weight: 300;
    text-decoration: none;
}

body.search .entry-meta a:hover,
body.blog .entry-meta a:hover,
body.archive .entry-meta a:hover,
.fn-article-cards .elementor-post-author a:hover {
    color: #000;
    text-decoration: underline;
}

body .pagination,
.facetwp-pager {
    text-align: center;
    margin: 0 auto; 
}

body .pagination ul,
.facetwp-pager .desktop-pagination-menu {
    margin: 70px auto 0;
    display: inline-block;
}
.facetwp-pager {
    padding-top: 70px;
}
@media (max-width: 1024px) {
    body .pagination ul,
    .facetwp-pager .desktop-pagination-menu {
        margin-top: 30px;
    }
    .facetwp-pager {
        padding-top: 30px;
    }
}

body .pagination li {
    /* to undo regular list indent */
    margin-left: 0;
    padding-left: 0;
}

body .pagination li a,
body .pagination li.disabled,
body .pagination li a:hover,
body .pagination li.active a,
.facetwp-pager .facetwp-page {
    display: inline-block;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    color: var(--e-global-color-accent);
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;      
    border-radius: 3px;
    border: none !important;    
    margin-right: 5px;
}
.facetwp-pager .facetwp-page:not(.dots) {
    min-width: 40px;
    background: #F7F7F7;
    padding: 8px;
}
@media (max-width: 1024px) {
    body .pagination li a,
    body .pagination li.disabled,
    body .pagination li a:hover,
    body .pagination li.active a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

body .pagination li.pagination-omission {
    margin-right: 5px;
}

body .pagination li a:visited {
    color: var(--e-global-color-accent);
}

body .pagination li:hover a,
body .pagination li.active:hover a,
.facetwp-pager .facetwp-page:hover,
.facetwp-pager .facetwp-page.active:hover {
    border: none;
    background: var(--e-global-color-secondary);
    color: white;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;    
}

body .pagination li.active a,
.facetwp-pager .facetwp-page.active {
    background: #6C994F;
    color: white;
}

body .pagination li.pagination-previous a,
body .pagination li.pagination-next a,
.facetwp-pager .facetwp-page.next-page {
    padding-left: 20px;
    padding-right: 20px;
}
@media (max-width: 1024px) {
    body .pagination li.pagination-previous a,
    body .pagination li.pagination-next a {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.pagination .pagination-previous svg,
.pagination .pagination-next svg {
    display: none;
}
@media (max-width: 1024px) {
    .pagination .pagination-previous svg,
    .pagination .pagination-next svg {
        display: inline;
        height: 12px;
    }
    .pagination .pagination-previous span,
    .pagination .pagination-next span {
        display: none;
    }
    .pagination li.two-out {
        display: none;
    }
}
body .date-archive-description h1.archive-title {
    display:none;
}


/*-------------- Related Posts -------------- */

.yarpp-related h2 {
    /* Note use margin left and right auto instead of text center because of the gradient text "shrink wrap" */
    margin: 100px auto calc(70px - 45px);
}
.yarpp-related h2 + .elementor {
    margin-top: 70px;
}
@media (max-width: 1024px) {
    .yarpp-related h2 {
        margin-top: 40px;
    }
    .yarpp-related h2 + .elementor {
        margin-top: 55px;
    }
}

/* Allow carousel prev/next arrows to show outside content area */
.home .site-inner,
.single-post-fw .site-inner {
    overflow: visible;
}
.single-post-fw .content .post {
    overflow: hidden;
}

@media (max-width: 1024px) {
    .fn-cards.elementor-widget-media-carousel.elementor-pagination-position-outside .swiper-container {
        padding-bottom: 40px;
    }
    .fn-cards.elementor-widget-media-carousel .swiper-pagination-bullets {
        margin-left: 28px;
    }
}

.fn-cards.elementor-widget-media-carousel .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background-image: none !important;
    background-color: var(--e-global-color-secondary);
}
.fn-cards.elementor-widget-media-carousel .swiper-pagination-bullet {
    background-color: var(--e-global-color-primary);
}

.fn-cards.elementor-widget-media-carousel .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    opacity: 1;
}
@media (max-width: 1024px) {
    .fn-cards.elementor-widget-media-carousel .swiper-pagination-bullet {
        height: 10px;
        width: 10px;
    }
}

/* Mobile and tablet: allow the carousel slides to the left and right of the displayed
   one peek into view at the edges */
@media (max-width: 1024px) {
    .fn-slider .elementor-shortcode {
        margin-left: -28px;
        margin-right: -28px;
    }
    .elementor-widget-media-carousel {
        margin-left: -28px;
        margin-right: -28px;
    }
    .elementor-widget-media-carousel .elementor-swiper .swiper-container {
        margin-left: 28px;
        overflow: visible;
    }
}

.yarpp-thumbnails-horizontal dl.yarpp-thumbnail dt a {
    height: 190px;
    /* border: 1px solid green;*/
    display: block;
    overflow-y: hidden;
}

.yarpp-thumbnails-horizontal dl.yarpp-thumbnail dt a img {
    border: none !important;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.yarpp-thumbnails-horizontal dl.yarpp-thumbnail:hover dt a {
    /* border: 1px solid red; */
    background: #25add5;
    opacity: 1;
    display: block;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;    
}

.yarpp-thumbnails-horizontal dl.yarpp-thumbnail:hover dt a img {
   filter: grayscale(100%);
   z-index: 80;
   opacity: 0.8;   
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;   
}

/* --- Content Container --- */
.yarpp-thumbnails-horizontal dl.yarpp-thumbnail dd.yarpp-thumbnail-title {
     min-height: 210px !important;
     text-align: left;
     position: relative;
     margin-right: 30px !important;
}

/* Heading */
.yarpp-thumbnails-horizontal dl.yarpp-thumbnail dd.yarpp-thumbnail-title > a:nth-of-type(1) {
    font-size: 22px !important;
    font-weight: 500;
    color: #294d59;
    text-decoration: none;
    display: inline-block;
    max-height: 60px !important;
    overflow: hidden;
    line-height: 1.4;
    padding: 5px 0 0 0;
    margin-bottom: 10px;
}

/* Description */

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    margin-left: 0;
}

.yarpp-thumbnail-title .more-link {
    display: none;
}

.yarpp-thumbnails-horizontal dl.yarpp-thumbnail dd.yarpp-thumbnail-title p:nth-of-type(1) {
    height: 100px;
    max-height: 100px !important;
    padding: 0px 0px 10px 0px;
    font-size: 15px !important;
    overflow: hidden !important;
    color: #000000;
    margin-bottom: 0;
    line-height: 26px;
    border-bottom: 2px solid #e8e8e9; 
}

.yarpp-thumbnails-horizontal dl.yarpp-thumbnail:hover dd.yarpp-thumbnail-title p:nth-of-type(1) {
    color: #274b58;
    border-bottom: 2px solid #d3d8da;
}

/* Date*/
.yarpp-thumbnails-horizontal dl.yarpp-thumbnail dd.yarpp-thumbnail-title p:nth-of-type(2) {
    display: inline;
    color: #939393;
    font-size: 12px !important;
    text-decoration: none !important;
    font-style: normal !important;
    text-transform: uppercase;
    padding-left: 10px;
}

.yarpp-thumbnails-horizontal dl.yarpp-thumbnail dd.yarpp-thumbnail-title p:nth-of-type(2):before {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    font-style: normal;
    text-decoration: inherit;
    color: #b3c0c4;
    font-size: 12px;
    content: "\f017"; /* time icon */
    padding-right: 5px;  
}

/* Author */
.yarpp-thumbnails-horizontal dl.yarpp-thumbnail dd.yarpp-thumbnail-title > a:nth-of-type(2) {
    display: inline;
    color: #22434F;
    font-size: 12px !important;
    text-decoration: none !important;
    font-style: normal !important;
    text-transform: uppercase;    
}

@media screen and (max-width: 940px)  {
   
    .yarpp-thumbnails-horizontal dl.yarpp-thumbnail {
        width: 100%;
        float: none;
        margin-top: 0px;
        padding-bottom: 0 !important;
    } 
    
    .yarpp-thumbnails-horizontal dl.yarpp-thumbnail dd.yarpp-thumbnail-title p:nth-of-type(1) {
        height: auto !important;
        margin-right: 0;
    }    
  
    
    .yarpp-thumbnails-horizontal dl.yarpp-thumbnail dt a {
        height: 160px;
        overflow: hidden;
    }
   
    .yarpp-thumbnails-horizontal dl.yarpp-thumbnail:hover dt a {
        max-width: 100% !important; 
    }
    
    .yarpp-thumbnails-horizontal dl.yarpp-thumbnail dt {
        padding-right: 0;
    }    
    
    .yarpp-thumbnails-horizontal dl.yarpp-thumbnail dt a img {
        width: 100%;
        height: auto; 
    }     
    
    
    .yarpp-thumbnails-horizontal dl.yarpp-thumbnail dd.yarpp-thumbnail-title {
        margin-right: 0px;
        min-height: 1px !important;
    }      

}

/*-------------- Disqus-------------- */

#disqus_thread {
    max-width: 900px;
    margin: 0 auto;
}


/*------------- end new archive styles ----------- */






/*------------- start old archive styles xxx
clean or remove this 
----------- */
 
/* start old css */ 

.ca-category-nav-section,  .ca-category-nav-section a  {
    margin:  0px 0 10px 0px;
    text-align: center;
    padding: 30px 0px 20px 0px;
    color:  #909090;
    text-decoration:  none;
    letter-spacing:  5px;
    font-weight:  normal;
    font-style:  normal;
    font-size:  20px !Important;
}

.linkActive a {
    font-weight:  bold !Important;
    color:  #234c5a !Important;
}

.category .featuredpostheadingdiv,
.blog .featuredpostheadingdiv {
    height: 100px !important; 
} 

.featuredpostheadingdiv {   
    padding: 20px 0px 0px 0px;
}

.featuredpostheadingdiv a,  .featuredpostheadingdiv a:hover {
    color:  #639543 !Important;
    text-decoration:  none;
}

.featuredpostheadingdiv a h2 {
    font-weight: 700 !Important;
    color:  #264b59 !Important;
    text-align:  center !Important;
    font-size:2rem !important;
}       

.featuredpostbodydiv {
    height: auto !important;
    min-height: 100px !important;
    padding: 10px 0px 10px 0px;
    border: 1px solid #000;
}

.category .featuredpostbodydiv,
.blog .featuredpostbodydiv {
    padding: 0 0 10px; 
}

.featuredpost h2  {
    font-weight: 400;
    font-size: 1.6rem !important;
    color:  #898a87;
    text-align: left;
    padding-bottom: 0px;
    padding-top: 5px;
    min-height: 55px;
}

.featuredpost  {
    text-align: left;
    margin: 0px;
}

.featuredpost-posted {
    display: inline;
    color: #d7d7d7;
    font-size:1.2rem;
}

.featuredpost-type {
    display: inline-block;
    float: right;
    background-color: #f4f4f4;
    max-height:20px;
    padding: 0px 5px;
}
    
.featuredpost-type p {
    color: #d7d7d7;
    font-size:1.2rem;
}

.featuredpost p  {  
}

.image-container  {
    overflow:  hidden;  
    max-height: 196px;
}
        
.featuredpost img  {
   width: 100%;
}

.featuredpost .byline, 
.reference-item .byline,
.feature-article .byline {
    font-weight: normal;
    display: inline!important;
    color: #d7d7d7!important;
    font-size: 1.2rem!important;
}

.featuredpost .widget-wrap {
    min-height: 280px;
}

.featuredpost .summary-text {
    min-height: 160px;
    padding-top: 20px;
}

.summary-text-type {
    color:#cccccc;
    background-color: #f5f3f3;
    padding:5px 15px;
    width: 40%;
    margin: 10px 0px;
    text-align: center;
}


.home .byline.post-info {
    display: block !important;
    margin-bottom: 20px;
}

.ca-feature-items .widget  {
        padding:  10px;
        margin:  25px 0px 25px 0px;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #CCCCCC;
}

.ca-feature-items-header {
    font-weight: 400;
    margin: 50px 0 20px;
    font-size: 30pt;
    font-size: 3.0rem;
    color:  #274d5a;
    text-align:center;
}

.a2a_kit addtoany_list {
    text-align:  center !Important;
}

.ca-feature-items-body {
    border-style: solid;
    border-width:  1px;
    border-collapse: inside;
    border-color:  #C4C4C4 !Important;
    padding:  8px;
}
 
.ca-category-items-body {
    border-style: solid;
    border-width:  1px;
    border-collapse: inside;
    border-color:  #C4C4C4 !important;
    padding:  15px;
}

.featuredpostbodydiv  p {
    font-weight:  400;
    font-size: 1.4rem;
}
 
.entry-content .post-image {
    margin: 0px !important;
    padding-right:  10px;
    display:  block;
    float:left;
    width:  100% !important;
}

 /* end old code -- */

/*----------- End Category & Archives  --------- */


/*--------------- Hacks  ----------------- */

/* hide address on volunteer page */
body.page-id-19118 .contact-icon {display:none}
body.page-id-19118 .contact-address {display:none}


/*--------------- New Post Template 26/02 -----------------*/
 
/* .single-post-fw is used in both template 1 and 2 */ 

/* move to standard css settings later */
.single-post-fw .entry-content h2 {
    margin-top: 15px;
}
.single-post-fw .entry-content h3 {
    margin-top: 55px;  /* original 70 */
}
@media (max-width: 1024px) {
    .single-post-fw .entry-content h3 {
        margin-top: 30px;
    }
}
.single-post-fw .entry-content h2,
.single-post-fw .entry-content h3 {
    margin-bottom: 20px;
}

.fn-article-buttons {
    padding-bottom: 35px;
    border-bottom: 5px solid #F7F7F7;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px 12px; 
}
@media (max-width: 1024px) {
    .fn-article-buttons {
        padding-bottom: 20px;
    }
}
.fn-article-buttons .addtoany_shortcode {
    display: inline-block;
}
.fn-article-buttons .addtoany_list a {
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px;
}
@media (max-width: 1024px) {
    .fn-article-buttons .addtoany_list a {
        margin-left: 0;
    }
}
.fn-article-buttons .addtoany_list a:first-child {
    margin-left: 0;
}
.fn-article-buttons .addtoany_list span {
    border-radius: 5px;
}
@media (max-width: 1024px) {
    /* AddToAny puts border-radius in style attribute directly on element so we need
       !important to override */
    .fn-article-buttons .addtoany_list span {
        border-radius: 0 !important;
    }
    .fn-article-buttons .addtoany_list > a:first-child span {
        border-top-left-radius: var(--fn-border-radius) !important;
        border-bottom-left-radius: var(--fn-border-radius) !important;
    }
    .fn-article-buttons .addtoany_list > a:last-child span {
        border-top-right-radius: var(--fn-border-radius) !important;
        border-bottom-right-radius: var(--fn-border-radius) !important;
    }
}
.fn-article-buttons .addtoany_list svg {
    transform: scale(0.6);
}
.fn-article-buttons .addtoany_list a:hover span {
    opacity: initial;
    background-color: var(--e-global-color-secondary) !important;
}

.fn-article-time {
   margin-bottom: 35px;
   font-size: 14px;
   font-weight: 300;
   color: #666666;
   text-transform: uppercase;
}
@media screen and (max-width: 1024px)  {
   .fn-article-time {
      margin-bottom: 25px;
   }
}
html[lang|=zh] .fn-article-time {
   display: none;
}

.fn-article-summary {
    font-size: 25px; /* first-para size */
    line-height: 36px;
    color: var(--e-global-color-text);
    margin: 30px 0 25px;
}

@media screen and (max-width: 1024px)  {
    
    .single-post-fw .entry-content {
        padding-top:0px;
        
    }
    
    .fn-article-summary {
        font-size: 18px;
        line-height: 25px;
        margin: 20px 0;
    }
    
}

.fn-article-author-short {
    color: var(--e-global-color-text);
    font-size: 16px;
    font-weight: bold;
    margin: 30px 0 15px; 
}
@media (max-width: 1024px) {
    .fn-article-author-short {
        font-size: 14px;
        margin-top: 20px;
    }
}

.fn-article-author-short a {
    color: var(--e-global-color-text);
    font-weight: bold;
    text-decoration: none;
}

.fn-article-author-short a:hover {
    color: var(--e-global-color-text);
    text-decoration: underline;
}

.fn-article-body {    
     /* border: 1px dotted grey; */
     width: 800px;
     text-align: left;
     margin: 0 auto;
     margin-top: 15px;
}

.entry-content .fn-article-body p {
    color: var(--e-global-color-text);
    margin-bottom: 20px;
}

/*-------- Featured Image ---------------- */

#ca-post-feature-image {
        width: 100%;
        background-size:  100% !Important;
        background-repeat:  no-repeat;
        max-height:  350px;
        overflow:  hidden;
        margin-bottom: 10px;
        position:  relative;
}

#ca-post-feature-image img {
        width: 100%;
        position: relative;
}

.photoCredit {
        position: absolute;
        z-index:  95;  /* behind header which is 99 */
        padding:  7px 10px 7px 10px;
        background-color:  rgba(0, 0, 0, 0.4);
        color:  #FFFFFF;
        right: 0;
        bottom:  0;
        font-size:  9pt;
        margin-bottom:  0px;
}

.photoCredit a {
       color:  #FFFFFF !Important;
       text-decoration:  none;
}

.photoCredit a:hover {
       color:  #FFFFFF !important;
       text-decoration:  underline !Important;
}


/*-------- featured image at full width ---------------- */
.single-post-fw #ca-post-feature-image {
    max-height:  500px !important;
    margin-bottom: 55px;
}

/* featured image at boxed sixe. For older posts with a small image */
.single-post-fw .fn-post-img-template2 {
    width: 800px;
    margin: 0 auto;
}


@media screen and (max-width: 1024px)  {

    .fn-article-body {
         width: 100%;
    } 
    .fn-article-body .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
        padding: 0;
    }
    
    /* makes image fullscreen regardless of container */
    .single-post-fw #ca-post-feature-image {
      max-height: 150px !important;      
      margin-bottom: 5px;
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;        
    }   
    
/* featured image at boxed sixe. For older posts with a small image */
.single-post-fw .fn-post-img-template2 {
    width: 100%;
    margin: 0 auto;
    /* border-bottom: 1px dashed #e0e0e0; */
    }    
    
}

/* New Elementor page templates created 2023 */

/* Set row gap to 0, use margins to control vertical spacing */
.page .elementor-widget-theme-post-content h2 {
    margin-top: 120px;
}
.elementor-template-full-width .page h3 {
    margin-top: 70px;
}
.elementor-template-full-width .page h4,
.elementor-template-full-width .page h5 {
    margin-top: 40px;
}
.elementor-template-full-width .page .fn-simple-cards h3 {
    margin-top: 0;
}

.elementor-template-full-width .page * + p:not(:empty),
.elementor-template-full-width .page * + ul,
.elementor-template-full-width .page * + ol {
    margin-top: 20px;
}
.elementor-template-full-width .page .elementor-widget-posts .elementor-widget-container {
    margin-top: 70px;
}
.elementor-template-full-width .page table,
.elementor-template-full-width .page .elementor-widget-n-accordion > .elementor-widget-container,
.elementor-template-full-width .page .elementor-widget-html .elementor-widget-container,
.elementor-template-full-width .page .fn-tile-grid,
.elementor-template-full-width .page .fn-cards {
    margin-top: 60px;
}
@media (max-width: 1024px) {
    .page .elementor-widget-theme-post-content h2 {
        margin-top: 50px;
    }
    .elementor-template-full-width .page h3 {
        margin-top: 30px;
    }
    .elementor-template-full-width .page * + p:not(:empty),
    .elementor-template-full-width .page * + ul,
    .elementor-template-full-width .page * + ol {
        margin-top: 10px;
    }
    .elementor-template-full-width .page .elementor-widget-posts .elementor-widget-container {
        margin-top: 30px;
    }
    .elementor-template-full-width .page table,
    .elementor-template-full-width .page .elementor-widget-n-accordion > .elementor-widget-container,
    .elementor-template-full-width .page .elementor-widget-html .elementor-widget-container,
    .elementor-template-full-width .page .fn-tile-grid,
    .elementor-template-full-width .page .fn-cards {
        margin-top: 30px;
    }
}
/* Cards
   "Cards display content and actions about a single subject"
   (Material Design docs https://m3.material.io/components/cards/overview)
   Here cards may be a post on a category page, a video on the Videos page, a "Meet the
   Animals" feature on a Fundamentals page, etc.
   
   We have many different kinds of cards. Some contain only text (e.g. press releases,
   Fauna Connections posters). Some contain images. Some have "file card tabs".
   They share some common features like spacing, a light grey background, and rounded
   corners.
   
   We apply card styles to many different objects. For example, an unordered list (ul)
   can have .fn-cards. We may apply it to a single Elementor Call to Action widget or an
   Elementor Image Box widget or an Elementor Posts widget that presents multiple cards.
*/
 
/* "fn-cards" defines spacing for cards and gives them a grey background and rounded
   corners.
   Desktop: 45 gap
   Mobile and tablet: 35 gap */
/* When an Elementor element like a Posts widget has .fn-cards, set Elementor's variables
   for column and row gaps. */
.fn-cards.elementor-element {
    --grid-column-gap: 45px;
    --grid-row-gap: 45px;
}
@media (max-width: 1024px) {
    .fn-cards.elementor-element {
        --grid-column-gap: 35px;
        --grid-row-gap: 35px;
    }
}
.fn-cards.elementor-widget-posts .elementor-posts .elementor-post__card,
.fn-cards.elementor-widget-text-editor > .elementor-widget-container > ul li,
.fn-cards.e-con .elementor-cta--skin-classic .elementor-widget-container,
.fn-cards.elementor-widget-media-carousel .elementor-carousel-image-overlay,
.fn-cards.e-widget-swiper .swiper-slide {
    background-color: #F7F7F7;
}
.fn-cards.e-con .elementor-cta--skin-classic .elementor-cta__content {
    background-color: unset;
}
.fn-cards.elementor-widget-posts .elementor-posts .elementor-post__card,
.fn-cards.elementor-widget-text-editor > .elementor-widget-container > ul li,
.fn-cards.e-con .elementor-widget-call-to-action > .elementor-widget-container,
.fn-cards.e-widget-swiper .swiper-slide {
    border-radius: var(--fn-border-radius);
}
/* When Elementor Call to Action widgets are used, to make them all have the same height,
   set align-items:stretch on the container, give the card a flex layout, and allow the
   Call to Action content to grow to fill the space. */
.fn-cards.e-con > .e-con-inner {
    align-items: stretch;
}
.fn-cards.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-above .elementor-cta {
    flex-direction: column;
    height: 100%;
}
.fn-cards.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-above .elementor-cta__content {
    flex-grow: 1;
    align-content: flex-start;
}
.fn-cards.e-con .elementor-widget-call-to-action.elementor-cta--skin-classic .elementor-cta__bg-wrapper {
    min-height: 220px;
    aspect-ratio: 350 / 220;
}
/* Cards that have an image at the top. Includes Elementor Posts widgets with the
   thumbnail-top class, Elementor Image Box widgets, Elementor Call to Action widgets,
   Elementor Media Carousel widgets, and Elementor Loop Carousel Widgets. */
.fn-cards.elementor-widget-posts.elementor-posts--thumbnail-top .elementor-post__card > p:nth-child(2) {
    margin-top: 0; /* empty paragraph, remove its top margin */
}
.fn-cards.e-con .elementor-widget-call-to-action .elementor-cta:hover .elementor-cta__bg-overlay {
    background-color: unset; /* no darken on hover */
}
.fn-cards.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-left .elementor-cta__bg-wrapper {
    min-width: 350px;
}
.fn-cards.elementor-widget-media-carousel.elementor-skin-carousel .elementor-main-swiper {
    height: auto;
}
.fn-cards.elementor-widget-media-carousel .elementor-carousel-image {
    height: auto;
    aspect-ratio: 350 / 220;
}
/* Note that for the "reveal" cards, the image inside keeps its size (220px high) but the
 * container can shrink vertically, showing less and less of the image */
.fn-cards.fn-reveal-card .e-loop-item .elementor-widget-theme-post-featured-image .elementor-widget-container > a {
    width: 100%;
}
.fn-cards.fn-reveal-card .e-loop-item .elementor-widget-theme-post-featured-image .elementor-widget-container img {
	min-height: 220px;
    width: 100%;
	object-fit: cover;
}
.fn-cards.fn-reveal-card .e-loop-item .elementor-widget-theme-post-featured-image .elementor-widget-container {
	height: 220px;
	overflow-y: hidden;
	transition: height var(--header-shrink-transition);
}
@media (max-width: 1024px) {
    .fn-cards.fn-reveal-card .e-loop-item .elementor-widget-theme-post-featured-image .elementor-widget-container {
        height: auto;
        /* aspect-ratio: 350 / 220; */
    }
    .fn-cards.fn-reveal-card .e-loop-item .elementor-widget-theme-post-featured-image .elementor-widget-container img {
        aspect-ratio: 350 / 220;
    }
}
@media (min-width: 1025px) {
	.fn-cards.fn-reveal-card .e-loop-item:hover .elementor-widget-theme-post-featured-image .elementor-widget-container {
		height: 40px;
	}
}
/* Customize the play icon that appears over the image in Media Carousel widgets */
.fn-cards.elementor-widget-media-carousel .elementor-custom-embed-play {
    background-image: radial-gradient(var(--e-global-color-accent) 50%, transparent 50%);
    border-radius: 50%;
    transition: background-image 0s;
}
.fn-cards.elementor-widget-media-carousel .elementor-custom-embed-play i {
    opacity: 1;
    transition: color 0s;
    font-size: 40px;
    text-shadow: 0 0 0 rgba(0,0,0,0.3);
}
.fn-cards.elementor-widget-media-carousel .eicon-play:before {
	content: "\e8c3";
}
.fn-cards.elementor-widget-media-carousel .elementor-custom-embed-play:hover {
    background-image: radial-gradient(white 50%, transparent 50%);
}
.fn-cards.elementor-widget-media-carousel .elementor-custom-embed-play:hover i {
    color: var(--e-global-color-accent);
}
/* The class .fn-logo-card indicates that the image has a light background and needs a
   border around it. */
.fn-cards.fn-logo-card.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-above .elementor-cta__bg-wrapper {
    border-top: 2px solid #F7F7F7;
    border-right: 2px solid #F7F7F7;
    border-bottom: none;
    border-left: 2px solid #F7F7F7;
    border-radius: var(--fn-border-radius) var(--fn-border-radius) 0 0;
}
@media (max-width: 1024px) {
    .fn-cards.fn-logo-card.e-con .elementor-widget-call-to-action.elementor-cta--tablet-layout-image-above .elementor-cta__bg-wrapper {
        border-top: 2px solid #F7F7F7;
        border-right: 2px solid #F7F7F7;
        border-bottom: none;
        border-left: 2px solid #F7F7F7;
        border-radius: var(--fn-border-radius) var(--fn-border-radius) 0 0;
    }
}
.fn-cards.fn-logo-card.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-left .elementor-cta__bg-wrapper {
    border-top: 2px solid #F7F7F7;
    border-right: none;
    border-bottom: 2px solid #F7F7F7;
    border-left: 2px solid #F7F7F7;
    border-radius: var(--fn-border-radius) 0 0 var(--fn-border-radius);
}
/* Cards that have a "file card tab" */
/* Position the tab */
.fn-cards.fn-tabbed-card.elementor-widget-posts .elementor-post__card .elementor-post__text {
    order: 1; /* move text below metadata */
}
.fn-cards.fn-tabbed-card.elementor-widget-posts .elementor-post__card .elementor-post__meta-data,
.fn-cards.fn-tabbed-card.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-above .elementor-ribbon,
.fn-cards.fn-tabbed-card .e-loop-item .elementor-widget-post-info {
    position: relative;
    margin-top: -40px;
}
.fn-cards.fn-tabbed-card.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-above .elementor-cta__content {
    order: 1; /* move text below ribbon */
}
/* Tab shape */
.fn-cards.fn-tabbed-card.elementor-widget-posts .elementor-post__card .elementor-post__meta-data,
.fn-cards.fn-tabbed-card.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-above .elementor-ribbon,
.fn-cards.fn-tabbed-card .e-loop-item .elementor-widget-post-info {
    background-color: #F7F7F7;
    box-sizing: border-box;
    padding: 18px 30px 0 30px;
    border-top-right-radius: var(--fn-border-radius);
    margin-right: 20px;
    height: 64px;
    /* z-index makes them clickable above image hover-overlay */
    z-index: 90;
    transition: margin-right var(--header-shrink-transition);
}
@media (min-width: 1025px) {
	.fn-cards.fn-tabbed-card .e-loop-item:hover .elementor-widget-post-info {
	    margin-right: 0;
	}
}
/* Tab text */
.fn-cards.fn-tabbed-card.elementor-widget-posts .elementor-post__card .elementor-post__meta-data,
.fn-cards.fn-tabbed-card.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-above .elementor-ribbon,
.fn-cards.fn-tabbed-card .e-loop-item .elementor-widget-post-info .elementor-post-info__item {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    text-transform: uppercase;
    color: #666666;
}
.fn-cards.fn-tabbed-card .e-loop-item .elementor-widget-post-info .elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
    /* divider line between date & author */
    border-left-width: 0.75px;
    border-color: #666666;
}
.fn-cards.fn-tabbed-card.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-above .elementor-ribbon {
    transform: none;
    width: auto;
}
.fn-cards.fn-tabbed-card.e-con .elementor-widget-call-to-action.elementor-cta--layout-image-above .elementor-ribbon-inner {
    transform: none;
    width: auto;
    text-align: unset;
    font-weight: unset;
    color: unset;
    background: unset;
    margin-top: 0;
}
/* Desktop: the "file card tab" is full width (minus a right margin)
   Mobile and tablet: the "file card tab" sizes for its text */
@media (max-width: 1024px) {
    .fn-cards.fn-tabbed-card.elementor-widget-posts .elementor-post__card .elementor-post__meta-data,
    .fn-cards.fn-tabbed-card .e-loop-item .elementor-widget-post-info {
        display: table; /* because inline-block cannot do negative top margin */
    }
    .fn-cards.fn-tabbed-card.elementor-widget-posts .elementor-post__card,
    .fn-cards.fn-tabbed-card .e-loop-item > .e-con.e-flex > .e-con-inner {
        align-items: flex-start;
    }
}
/* Text section */
.fn-cards .e-loop-item .e-con-full {
    padding: 0 30px 0;
    margin-bottom: 30px;
}
@media (min-width: 1025px) {
	.fn-cards.fn-reveal-card .e-loop-item .e-con-full {
	    max-height: 176px;
	    overflow: hidden;
	    transition: max-height var(--header-shrink-transition);
	}
	.fn-cards.fn-reveal-card .e-loop-item:hover .e-con-full {
	    max-height: 356px;
	}
}
/* Text section title */
.fn-cards.fn-tabbed-card.elementor-widget-posts .elementor-post__card .elementor-post__title,
.fn-cards .e-loop-item .elementor-heading-title {
    margin-bottom: 11px;  /* original 10 */
}
.fn-cards .e-loop-item .elementor-heading-title {
    font-size: 22px;
    line-height: 26px;  /* original 27 */
}
.fn-cards.fn-reveal-card .e-loop-item .elementor-heading-title {
    max-height: 78px;
    overflow: hidden;
}
@media (min-width: 1025px) {
	.fn-cards.fn-reveal-card .e-loop-item:hover .elementor-heading-title {
	    max-height: none;
	}
}
@media (max-width: 1024px) {
    .fn-cards .e-loop-item .elementor-heading-title {
        font-size: 18px;
    }
}
.fn-cards.elementor-widget-posts .elementor-posts .elementor-post__card .more-link {
    display: none;
}
.fn-cards.elementor-widget-posts .elementor-posts .elementor-post__card .elementor-post__excerpt {
    margin-bottom: 0;
}
.fn-cards.elementor-widget-posts .elementor-posts .elementor-post__card .elementor-post__text {
    padding-bottom: 30px;
}
.fn-cards.elementor-widget-posts .elementor-posts .elementor-post__card .elementor-post__text {
    padding-bottom: 30px;
}
.fn-cards.elementor-widget-posts .elementor-posts .elementor-post__card:hover .elementor-post__title a {
    text-decoration: underline;
}
.fn-cards.e-con .elementor-cta--skin-classic.elementor-cta--layout-image-above .elementor-cta__content {
    padding-top: 24px; /* if there is no file card tab above */
}
.fn-cards.e-con .elementor-cta--skin-classic.elementor-cta--layout-image-above .elementor-cta--has-ribbon .elementor-cta__content {
    padding-top: 0;
}
.fn-cards.e-con .elementor-widget-call-to-action .elementor-cta__title {
    color: var(--e-global-color-secondary);
    margin-bottom: 0;
}
.fn-cards.e-con .elementor-widget-call-to-action .elementor-cta__title a,
.fn-cards .e-loop-item .elementor-widget-heading .elementor-heading-title {
    color: var(--e-global-color-accent);
}
.fn-cards.e-con .elementor-widget-call-to-action .elementor-cta__title a,
.fn-cards .e-loop-item .elementor-heading-title a {
    font-weight: bold;
}
.fn-cards.e-con .elementor-widget-call-to-action:hover .elementor-cta__title a,
.fn-cards .e-loop-item:hover .elementor-widget-heading .elementor-heading-title {
    color: var(--e-global-color-primary);
    text-decoration: underline;
}
.fn-cards.e-con .elementor-widget-call-to-action .elementor-cta__description {
    margin-top: 10px;
    margin-bottom: 0;
}
.fn-cards .e-loop-item .elementor-widget-theme-post-excerpt .elementor-widget-container {
    font-size: 16px;
    line-height: 22px;
    color: var(--e-global-color-text);
    font-weight: normal;
}
.fn-cards.e-con .elementor-widget-call-to-action .elementor-cta__button-wrapper {
    display: none; /* hide the button; we apply its link to the title instead */
}
.fn-cards.elementor-widget-media-carousel .elementor-carousel-image-overlay {
    position: static;
    text-align: left;
    padding: 30px;
}
@media (max-width: 1024px) {
    .fn-cards.elementor-widget-media-carousel .elementor-carousel-image-overlay {
        padding: 30px 25px;
    }
}
.fn-cards.elementor-widget-media-carousel .swiper-slide:not(:hover) .e-overlay-animation-fade {
    opacity: 1;
}
.fn-cards.elementor-widget-media-carousel .swiper-slide .elementor-carousel-image-overlay {
    color: var(--e-global-color-accent);
    font-weight: bold;
}
.fn-cards.elementor-widget-media-carousel .swiper-slide:hover .elementor-carousel-image-overlay {
    color: var(--e-global-color-primary);
    text-decoration: underline;
}
@media (max-width: 1024px) {
    .fn-cards.elementor-widget-media-carousel .elementor-carousel-image-overlay {
        font-size: 18px;
        line-height: 21px;
    }
}
.elementor-posts .elementor-post__excerpt p.fn-research-tags,
.elementor-posts .elementor-post__excerpt p.fn-research-links {
    color: black;
    font-weight: bold;
}
.elementor-posts .elementor-post__excerpt p.fn-research-tags {
    font-size: 14px;
}
@media (max-width: 1024px) {
    .elementor-posts .elementor-post__excerpt p.fn-research-tags {
        font-size: 12px;
    }
}
.fn-spotlight-callout {
    display: none; /* off by default */
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #6C994F;
    border-radius: 0px 5px 5px 0px;
    padding: 2px 15px 2px 15px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
}
.fn-featured-content .fn-spotlight-callout,
.fn-research-highlights.e-widget-swiper .swiper-wrapper > .e-loop-item:first-of-type .fn-spotlight-callout {
    display: block;
}
/* "Simple Cards" (image, title, excerpt) using Elementor Posts widget */
.fn-simple-cards.elementor-widget-posts {
    --grid-column-gap: 45px;
    --grid-row-gap: 45px;
}
.fn-simple-cards.elementor-widget-posts .elementor-post {
    margin-top: 
    border-radius: 5px;
    background-color: #F7F7F7;
}
.fn-cards.elementor-widget-posts.elementor-posts--thumbnail-top .elementor-post__thumbnail__link,
.fn-simple-cards.elementor-widget-posts.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
    margin-bottom: 0;
}
.fn-simple-cards.elementor-widget-posts .elementor-post__text {
    padding: 30px;
}
@media (max-width: 1024px) {
    .fn-simple-cards.elementor-widget-posts .elementor-post__text {
        padding: 25px 20px;
    }
}
.fn-simple-cards.elementor-widget-posts .elementor-post__title {
    font-size: 22px; /* Override Elementor's post__title size */
    margin-bottom: 10px;
}
@media (max-width: 1024px) {
    .fn-simple-cards.elementor-widget-posts .elementor-post__title {
        font-size: 18px;
    }
}
.fn-simple-cards.elementor-widget-posts .elementor-post__title a {
    font-weight: bold;
}
.fn-simple-cards.elementor-widget-posts .elementor-post__title a:hover {
    text-decoration: underline;
}
.fn-simple-cards.elementor-widget-posts .elementor-post__excerpt,
.fn-simple-cards.elementor-widget-posts .elementor-post__excerpt p {
    font-size: 16px;
    line-height: 24px;
    color: var(--e-global-color-text);
}
@media (max-width: 1024px) {
    .fn-simple-cards.elementor-widget-posts .elementor-post__excerpt {
        font-size: 14px;
        line-height: 20px;
    }
}
.fn-simple-cards.elementor-widget-posts .elementor-post > p,
.fn-simple-cards.elementor-widget-posts .elementor-post__title br {
    display: none;
}
/* "Simple Cards" using Elementor Call to Action widget */
.fn-simple-cards .elementor-widget-call-to-action {
    width: 350px;
}
.fn-simple-cards .elementor-widget-call-to-action .elementor-cta {
    height: 100%;
}
.fn-simple-cards .elementor-widget-call-to-action .elementor-cta__content {
    background-color: #F7F7F7;
    border-radius: 5px;
}
.fn-simple-cards .elementor-widget-call-to-action .elementor-cta__content {
    padding: 35px 30px;
}
.fn-simple-cards .elementor-widget-call-to-action .elementor-cta__description {
    order: -1; /* move above title */
    margin-bottom: 10px;
    color: #666666;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    text-transform: uppercase;
}
.fn-simple-cards .elementor-widget-call-to-action .elementor-cta__title {
    font-size: 22px;
    line-height: 27px;
    font-weight: bold;
    color: var(--e-global-color-accent);
    margin-bottom: 0;
}
.fn-simple-cards .elementor-widget-call-to-action .elementor-cta__title:hover {
    color: var(--e-global-color-primary);
    text-decoration: underline;
}
.fn-simple-cards .elementor-widget-call-to-action .elementor-widget-container > p:last-child {
    margin: 0;
}
/* Cards (name, title) using ul element in Elementor Text Editor widget.
   These are used for press releases and the Fauna Connections poster gallery. */
.fn-cards.elementor-widget-text-editor > .elementor-widget-container > ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style-type: none;
    gap: 45px;
}
.fn-cards.elementor-widget-text-editor > .elementor-widget-container > ul li {
    margin-left: 0;
    padding-left: 0;
    padding: 35px 30px;
    margin-top: 0; /* cancel the usual spacing between li */
    font-weight: 300;
    text-transform: uppercase;
    color: #666666;    
}
.fn-cards.elementor-widget-text-editor > .elementor-widget-container > ul li a {
    font-size: 22px; /* h6 size */
    line-height: 27px;
    font-weight: bold;
    text-transform: none;
}
@media (max-width: 1024px) {
    .fn-cards.elementor-widget-text-editor > .elementor-widget-container > ul {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .fn-cards.elementor-widget-text-editor > .elementor-widget-container > ul li a {
        font-size: 18px;
        line-height: 21px;
    }
}

/* "Article Cards" (image, tab, title) using Elementor Image Box widget.
  These appear in Media Coverage on the Press page. They have no description so the
  description field is used for the tab text. */
.fn-cards > .elementor-widget-image-box .elementor-image-box-img {
    width: 100%;
}
.fn-cards > .elementor-widget-image-box .elementor-image-box-wrapper {
    line-height: 0; /* prevent vertical gap between img and content */
}
.fn-cards > .elementor-widget-image-box .elementor-image-box-img > a {
    display: block;
    width: 100%;
    aspect-ratio: 350 / 220;
    overflow: hidden;
}
.fn-cards > .elementor-widget-image-box .elementor-image-box-img > a > img {
    object-fit: cover;
}

.fn-article-cards .elementor-widget-image-box {
    width: 350px;
}
.fn-article-cards .elementor-widget-image-box > .elementor-widget-container {
    background-color: #F7F7F7;
    border-radius: 5px;
}
.fn-article-cards .elementor-widget-image-box .elementor-image-box-img img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
/* Styles if the card has a tab */
/* Move the description (tab) above the title */
.fn-cards.fn-tabbed-card > .elementor-widget-image-box .elementor-image-box-content {
    display: flex;
    flex-direction: column;
}
.fn-cards.fn-tabbed-card .elementor-widget-image-box .elementor-image-box-description {
    order: -1;
}
.fn-cards.fn-tabbed-card.elementor-widget-posts .elementor-post__card .elementor-post__text {
    order: 1;
}
.fn-cards.fn-tabbed-card .elementor-widget-image-box .elementor-image-box-description {
    position: relative;
    margin-top: -40px;
}
/* Tab shape */
.fn-article-cards .elementor-widget-image-box .elementor-image-box-content {
    padding: 0;
}
.fn-cards.fn-tabbed-card .elementor-widget-image-box .elementor-image-box-description {
    box-sizing: content-box;
    padding: 18px 30px 5px 30px;
    margin-right: 20px;
    background-color: #F7F7F7;
    border-top-right-radius: 5px; 
    color: #666666;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    text-transform: uppercase;
}
/* Then padding around the title below the tab */
.fn-article-cards .elementor-widget-image-box .elementor-image-box-title {
    margin-top: 0;
    font-size: 22px;
    line-height: 27px;
    padding: 20px 30px 35px;
}
.fn-article-cards .elementor-widget-image-box .elementor-image-box-title a {
    font-weight: bold;
    color: var(--e-global-color-accent);
}
.fn-article-cards .elementor-widget-image-box .elementor-image-box-title a:hover {
    color: var(--e-global-color-primary);
    text-decoration: underline;
}
/***/
.fn-simple-cards .more-link {
    display: none;
}
.fn-tile-grid > .e-con-inner > .elementor-widget-image-box > .elementor-widget-container,
.fn-cards > .e-con-inner > .elementor-widget-image-box > .elementor-widget-container {
    padding: 45px 35px;
}
.fn-tile-grid > .e-con-inner > .elementor-widget-image-box .elementor-image-box-title,
.fn-cards > .e-con-inner > .elementor-widget-image-box .elementor-image-box-title {
    margin-top: 20px;
}
@media (max-width: 1024px) {
    .fn-tile-grid > .e-con-inner > .elementor-widget-image-box > .elementor-widget-container,
    .fn-cards > .e-con-inner > .elementor-widget-image-box > .elementor-widget-container {
        padding: 35px 30px;
    }
    .fn-tile-grid > .e-con-inner > .elementor-widget-image-box .elementor-image-box-title,
    .fn-cards > .e-con-inner > .elementor-widget-image-box .elementor-image-box-title {
        margin-top: 10px;
    }
}
.fn-mission-statement p {
    font-size: 22px; /* h6 size */
    line-height: 27px;
}
@media (max-width: 1024px) {
    .fn-mission-statement p {
        font-size: 18px;
        line-height: 21px;
    }
}
.fn-meet-animal {
    background-color: #F7F7F7;
    --padding-top: 20px;
    --padding-left: 30px;
    --padding-right: 30px;
    --padding-bottom: 40px;
}
@media (max-width: 1024px) {
    .fn-meet-animal {
        --padding-top: 30px;
        --padding-left: 25px;
        --padding-right: 25px;
        --padding-bottom: 30px;
    }
}
.e-con.fn-meet-animal {
    border-radius: 5px;
}
.fn-meet-animal .elementor-image-box-content h4 {
    color: var(--e-global-color-secondary);
    margin-top: 20px;
}
@media (max-width: 1024px) {
    .fn-meet-animal .elementor-image-box-content h4 {
        margin-top: 0;
    }
}
.fn-meet-animal .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper .elementor-image-box-img {
    margin-left: 15px;
}
.fn-meet-animal .elementor-image-box-img img {
    vertical-align: top;
    max-width: 200px;
    max-height: 160px;
    object-fit: contain;
}
@media (max-width: 1024px) {
    .fn-meet-animal .elementor-image-box-img img {
        max-width: 120px;
        max-height: 96px;
    }
}
.fn-meet-animal .elementor-image-box-description {
    padding-bottom: 30px;
    border-bottom: 3px solid #E8E8E8;
}
@media (max-width: 1024px) {
    .fn-meet-animal .elementor-image-box-description {
        padding-bottom: 25px;
    }
}
.fn-meet-animal ul {
    margin-top: 35px;
}
@media (max-width: 1024px) {
    .fn-meet-animal ul {
        margin-top: 25px;
    }
}
.fn-meet-animal ul li,
.fn-ask-us ul li {
    margin-left: 14px; /* add to 18 from design */
    padding-left: 4px;
}
/* Elementor changes to image-at-top on mobile regardless of your settings. Make this
   apply only to *very* narrow screens */
@media (max-width: 420px) {
    .fn-meet-animal .elementor-widget-image-box.elementor-position-right .elementor-image-box-img {
        display: block;
        text-align: center;
    }
}
/* Copy the settings usually used for min-width 768px */
@media (min-width: 421px) {
    .fn-meet-animal .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper {
        display: flex;
        flex-direction: row-reverse;
    }
    .fn-meet-animal .elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper {
        align-items: center;
    }
}
.fn-simple-card.elementor-widget-image-box .elementor-widget-container {
    background-color: #F7F7F7;
    border-radius: 5px;
}
.fn-simple-card.elementor-widget-image-box .elementor-image-box-img {
    width: 100%;
    margin-bottom: 30px !important;
}
@media (max-width: 1024px) {
    .fn-simple-card.elementor-widget-image-box .elementor-image-box-img {
        margin-bottom: 20px !important;
    }
}
/* There is a horizontal version of the simple card, used for example on /ask-us/,
   that has slightly different settings */
.fn-simple-card.fn-simple-card-horizontal.elementor-widget-image-box .elementor-image-box-img {
    margin-bottom: 0px !important;
}
.fn-simple-card.elementor-widget-image-box .elementor-image-box-img img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.fn-simple-card.fn-simple-card-horizontal.elementor-widget-image-box .elementor-image-box-img img {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    vertical-align: top;
}
@media (max-width: 1024px) {
    .fn-simple-card.fn-simple-card-horizontal.elementor-widget-image-box .elementor-image-box-img img {
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
    }
}
.fn-simple-card.elementor-widget-image-box .elementor-image-box-content {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 35px;
}
@media (max-width: 1024px) {
    .fn-simple-card.elementor-widget-image-box .elementor-image-box-content {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 30px;
    }
}
.fn-simple-card.fn-simple-card-horizontal.elementor-widget-image-box .elementor-image-box-content {
    padding-bottom: 0px;
}
/* On mobile and tablet, the horizontal version of the simple card becomes vertical. */
@media (max-width: 1024px) {
    .fn-simple-card.fn-simple-card-horizontal.elementor-widget-image-box .elementor-image-box-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.fn-simple-card.elementor-widget-image-box .elementor-image-box-title {
    font-size: 22px;
}
@media (max-width: 1024px) {
    .fn-simple-card.elementor-widget-image-box .elementor-image-box-title {
        font-size: 18px;
    }
}
.fn-simple-card.elementor-widget-image-box .elementor-image-box-title,
.fn-simple-card.elementor-widget-image-box p,
.fn-simple-card.elementor-widget-image-box ul li {
    text-align: left;
}
.fn-simple-card.elementor-widget-image-box ul {
    margin-top: 20px;
}
.fn-simple-card ul li::marker {
  color: var(--e-global-color-secondary);
}
.fn-simple-card ul {
  list-style-type: "›";
}
/* Use "body" to make rules more specific than those in Elementor's CSS */
body .elementor-widget-n-accordion {
    --n-accordion-border-radius: 5px;
    --n-accordion-border-style: none;
    --n-accordion-padding: 25px 30px;
    --n-accordion-title-font-size: 25px !important;
    --n-accordion-title-justify-content: space-between;
    --n-accordion-title-normal-color: var(--e-global-color-accent);
    --n-accordion-title-hover-color: var(--e-global-color-primary);
    --n-accordion-title-active-color: var(--e-global-color-secondary);
    --n-accordion-icon-size: 20px;
    --n-accordion-item-title-space-between: 10px;
    --n-accordion-item-title-distance-from-content: 0px;
}
@media (max-width: 1024px) {
    body .elementor-widget-n-accordion {
        --n-accordion-padding: 18px 25px;
        --n-accordion-title-font-size: 23px !important;
        --n-accordion-item-title-space-between: 20px;
    }
}
.e-n-accordion-item-title {
    background-color: #F7F7F7;
}
.e-n-accordion-item-title-header {
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.e-n-accordion-item-title-text {
    font-weight: bold;
}
.e-n-accordion-item-title-header p {
    margin-top: 0 !important;
}
.e-n-accordion-item[open] .e-n-accordion-item-title {
    background-color: transparent;
    border-top: 2px solid #F0F0F0;
    border-right: 2px solid #F0F0F0;
    border-left: 2px solid #F0F0F0;
    padding: calc(25px - 2px) calc(30px - 2px) 15px;
}
@media (max-width: 1024px) {
    .e-n-accordion-item[open] .e-n-accordion-item-title {
        padding: calc(18px - 2px) calc(25px - 2px) 15px;
    }
}
.e-n-accordion-item > .e-child {
    padding: 0 30px 40px;
    border-right: 2px solid #F0F0F0;
    border-bottom: 2px solid #F0F0F0;
    border-left: 2px solid #F0F0F0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
@media (max-width: 1024px) {
    .e-n-accordion-item > .e-child {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 30px;
    }
}
/* If accordion titles appear in the table of contents widget, anchor spans are added,
   and they mess up the flexbox spacing. Set the title's order to -1 to force it to
   appear before the anchor span. */
.e-n-accordion-item-title-header .e-n-accordion-item-title-text {
    order: -1;
}
/* If accordion titles appear in the table of contents widget, they will take their
   styling from h3. Make them use the colors for accordion titles. */
h3.e-n-accordion-item-title-text {
    color: var(--n-accordion-title-normal-color);
}
h3.e-n-accordion-item-title-text:hover {
    color: var(--n-accordion-title-hover-color);
}
.e-n-accordion-item[open] h3.e-n-accordion-item-title-text {
    color: var(--n-accordion-title-active-color);
}
.elementor-widget-table-of-contents {
  --item-text-hover-color: white;
}
.elementor-widget-table-of-contents.elementor-toc--minimized-on-desktop .elementor-widget-container {
    background-color: #F7F7F7;
    border: none;
    border-radius: 3px;
    height: auto !important;
    min-width: 250px;
}
.elementor-widget-table-of-contents.elementor-toc--minimized-on-desktop .elementor-toc__header {
    padding: 0 11px 0 15px;
    column-gap: 11px;
}
@media (max-width: 1024px) {
    .elementor-widget-table-of-contents.elementor-toc--minimized-on-desktop .elementor-toc__header {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}
.elementor-widget-table-of-contents.elementor-toc--minimized-on-desktop.elementor-toc--collapsed .elementor-toc__header {
    border-bottom: none;
}
.elementor-widget-table-of-contents.elementor-toc--minimized-on-desktop .elementor-toc__body {
    position: absolute;
    z-index: 2; /* at 1 it hides behind cards */
    background-color: #F7F7F7;
    padding-left: 15px;
    padding-right: 15px;
}
.elementor-widget-table-of-contents .elementor-toc__header > p:last-child:empty {
    display: none;
}
.elementor-widget-table-of-contents.elementor-toc--minimized-on-desktop .elementor-toc__header-title {
    margin-top: 0;
}
.elementor-widget-table-of-contents.elementor-toc--minimized-on-desktop .elementor-toc__list-item {
    margin-left: 0;
    padding-left: 0;
    font-size: 14px;
}
.elementor-widget-table-of-contents.elementor-toc--minimized-on-desktop .elementor-toc__list-item-text {
    font-weight: normal;
}
.fn-media-grid > .elementor-widget-container > .elementor-shortcode > div + div {
    margin-top: 45px;
}
.fn-my-library-remove {
    position: absolute;
    top: 15px;
    left: 15px;
    min-height: 25px;
    max-height: 25px;
    min-width: 25px;
    border-radius: 12.5px;
    text-align: center;
    background-color: white;
    color: #666666;
    text-transform: lowercase;
    font-size: 14px;
    line-height: 24px;
    padding-left: 6px;
    padding-right: 6px;
    /* z-index: 91; */
}
.fn-my-library-remove a {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    min-height: 25px;
    min-width: 25px;
    border-radius: 12.5px;
    background-color: var(--e-global-color-primary);
    color: white;
    font-size: 30px;
    line-height: 0.66667;
}
.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,
.elementor-lightbox .elementor-video-container .elementor-video-landscape video {
    height: 75vh;
}
/* Forms */
body .gform_legacy_markup_wrapper h3.gform_title {
    /* already bold */
    font-size: 25px; /* h5 size */
    line-height: 30px;
}
.mp_wrapper h3 {
    font-weight: bold;
}
body .gform_legacy_markup_wrapper .gfield_required,
body .gform_wrapper.gravity-theme .gfield_required {
    color: #22222B;
}
.mp-form-label {
    font-weight: bold;
}
.mp_wrapper label {
    /* Already 16px, default text color */
}
@media (max-width: 1024px) {
    .mp_wrapper label {
        font-size: 14px;
    }
}
.mepr-form * + .mp-form-title {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .mepr-form * + .mp-form-title {
        margin-top: 30px;
    }
}
.ginput_container input,
.ginput_container textarea,
.ginput_container select,
.mp_wrapper input[type=text],
.mp_wrapper input[type=email],
.mp_wrapper input[type=password],
.mp_wrapper select {
    border-color: #DDDDDD;
    border-width: 1px;
    border-radius: 3px;
}
body .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_legacy_markup_wrapper textarea,
body .gform_legacy_markup_wrapper select,
body .gform_legacy_markup_wrapper.gf_browser_chrome select,
body .gform_wrapper.gravity-theme input[type=text],
body .gform_wrapper.gravity-theme input[type=email],
body .gform_wrapper.gravity-theme input[type=url],
body .gform_wrapper.gravity-theme select,
.mp_wrapper input[type=text],
.mp_wrapper input[type=email],
.mp_wrapper input[type=password],
.mp_wrapper select {
    padding: 16px 20px;
}
@media (max-width: 1024px) {
    body .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    body .gform_legacy_markup_wrapper textarea,
    body .gform_legacy_markup_wrapper select,
    body .gform_legacy_markup_wrapper.gf_browser_chrome select,
    body .gform_wrapper.gravity-theme input[type=text],
    body .gform_wrapper.gravity-theme input[type=email],
    body .gform_wrapper.gravity-theme input[type=url],
    body .gform_wrapper.gravity-theme select,
    .mp_wrapper input[type=text],
    .mp_wrapper input[type=password],
    .mp_wrapper select {
        padding: 11px 15px;
        font-size: 14px;
    }
}
body .gform_legacy_markup_wrapper select,
body .gform_wrapper.gravity-theme select,
.mp_wrapper select {
    /* arrow */
    appearance: none;    
    background-image: url("https://dev.faunalytics.org/wp-content/uploads/2023/07/DROPDOWN_ARROW.svg");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 17px center;
}
body .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
}
/* Between label and input */
body .gform_legacy_markup_wrapper ul.top_label div.ginput_container,
.mepr-form .mp-form-label + p,
.mepr-form .mp-form-label + .mp-hide-pw,
.mepr-form .mp-form-label + .mepr-checkboxes-field {
    margin-top: 10px;
}
body .gform_legacy_markup_wrapper .gform_footer,
.mepr-form .mp-form-row {
    margin-top: 30px;
}
.cf-turnstile {
    margin-top: 50px;
}
@media (max-width: 1024px) {
    body .gform_legacy_markup_wrapper .gform_footer,
    .mepr-form .mp-form-row {
        margin-top: 20px;
    }
    .cf-turnstile {
        margin-top: 40px;
    }
}
/* Submit button */
body .gform_legacy_markup_wrapper .gform_footer input[type=submit],
.gform_wrapper input[type=submit],
.mp_login_form .button-primary,
.mepr-form .mp-form-submit .mepr-submit {
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-transform: lowercase;
    background-color: #6C994F;
    border: none;
    border-radius: var(--fn-border-radius);
    padding: 16px 30px;
}
@media (max-width: 1024px) {
    body .gform_legacy_markup_wrapper .gform_footer input[type=submit] {
        width: 100%;
        line-height: normal !important; /* GF really wants to change this to 2 on mobile */
    }
}
body .gform_legacy_markup_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper input[type=submit]:hover,
.mp_login_form .button-primary:hover,
.mepr-form .mp-form-submit .mepr-submit:hover {
    background-color: var(--e-global-color-secondary);
}
/* Validation errors */
body .gform_legacy_markup_wrapper div.validation_error {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
}
body .gform_legacy_markup_wrapper .gform_validation_errors > h2:before {
    background-image: none;
    content: "-";
    width: auto;
    vertical-align: baseline;
}
body .gform_legacy_markup_wrapper .gform_validation_errors > h2 {
    color: var(--e-global-color-primary);
    font-size: 14px;
    line-height: 18px;
}
body .gform_legacy_markup_wrapper .gform_validation_errors > h2.hide_summary {
    margin-left: 0.5em;
}
body .gform_legacy_markup_wrapper li.gfield.gfield_error {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    border-bottom: none;
    background-color: inherit;
}
body .gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border-color: var(--e-global-color-primary);
}
body .gform_legacy_markup_wrapper li.gfield_error.gfield--type-radio .gchoice label {
    text-decoration: underline;
    text-decoration-color: var(--e-global-color-primary);
}
.gform_wrapper.fn-volunteer-form_wrapper {
    margin-top: 100px;
}
@media (max-width: 1024px) {
    .gform_wrapper.fn-volunteer-form_wrapper {
        margin-top: 40px;
    }
}
/* To make the 2 birds work either narrow or wide */
body .elementor-element.e-con.fn-download-the-pdf:not(.elementor-motion-effects-element-type-background),
body .elementor-element.e-con.fn-download-the-pdf::before {
    background-size: auto 310px;
}
/* Page with alphabet index template */
.elementor-element#fn-alphabet-index {
    background-color: #F7F7F7;
}
@media (max-width: 1024px) {
    .elementor-element#fn-alphabet-index {
        background-color: inherit;
    }
    .elementor-element#fn-alphabet-index .elementor-widget-html .elementor-widget-container {
        background-color: #F7F7F7;
    }
}
/* Timeline on Prioritization page */
.elementor-template-full-width .page .fn-timeline-card h3 {
    margin-top: 0;
    font-size: 25px;
}
.fn-timeline-card {
    --padding-top: 35px;
    --padding-right: 30px;
    --padding-bottom: 35px;
    --padding-left: 30px;
}

.fn-timeline .fn-timeline-card {
    border-radius: 5px;
}
.fn-timeline-card .elementor-image-box-img {
    margin-right: 20px;
}
/* Vertical dashed line in both vertical and staggered layouts */
.fn-timeline {
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/12/timeline-dash-vert.png');
    background-position: top center;
    background-repeat: repeat-y;
}
/* Horizontal dashed line always there, but will be visible only in staggered layout */
.fn-timeline .fn-timeline-card-container {
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/12/timeline-dash-horiz.png');
    background-position: left center;
    background-repeat: repeat-x; 
}
.fn-timeline .fn-timeline-card-container .fn-timeline-card {
    margin-top: 30px;
}
.fn-timeline .fn-timeline-card-container:first-child .fn-timeline-card {
    margin-top: 0;
}
.e-con.fn-timeline {
    /* Provides spacing between Study Features and Final Selections */
    --padding-bottom: 30px;
}
/* Staggered layout takes over for wider screens */
@media screen and (min-width: 768px) {
    .fn-timeline > .e-con-inner {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        /* grid-template-rows: 1fr 1fr 50px 1fr 50px 1fr 1fr; */
        grid-auto-rows: 1fr;
        /* grid-template-rows: 0.5fr 0.5fr 1fr auto auto auto; */
        grid-row-gap: 50px !important;
    }
    .fn-timeline .fn-timeline-card-container .fn-timeline-card {
        margin-top: 0px;
    }
    .e-con.fn-timeline {
        --padding-bottom: 0;
    }
    .fn-timeline-card-container:nth-child(1) {
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .fn-timeline-card-container:nth-child(2) {
        grid-row-start: 2;
        grid-row-end: 4;
    }
    .fn-timeline-card-container:nth-child(3) {
        grid-row-start: 3;
        grid-row-end: 5;
    }
    .fn-timeline-card-container:nth-child(4) {
        grid-row-start: 4;
        grid-row-end: 6;
    }
    .fn-timeline-card-container:nth-child(odd) .fn-timeline-card {
        margin-right: 30px;
    }
    .fn-timeline-card-container:nth-child(even) .fn-timeline-card {
        margin-left: 30px;
    }    
    .fn-timeline-card {
        width: calc(100% - 30px) !important;
    }
}
.fn-ask-us {
    max-height: 470px;
    background-image: linear-gradient(to right, #F0F0F0 30%, #F7F7F7 30%);
    --margin-top: 30px;
}
@media (max-width: 1024px) {
    .fn-ask-us {
        max-height: none;
        background-image: linear-gradient(to bottom, #F0F0F0 220px, #F7F7F7 220px);
    }
}
.fn-ask-us .elementor-widget-image .elementor-widget-container {
    padding: 25px;
}
.fn-ask-us .elementor-widget-button .elementor-widget-container {
    padding: 0 40px 46px;
}
.fn-ask-us .elementor-widget-text-editor .elementor-widget-container {
    padding: 45px 40px;
}
@media (max-width: 1024px) {
    .fn-ask-us .elementor-widget-image .elementor-widget-container {
        padding: 20px;
    }
    .fn-ask-us .elementor-widget-image img {
        max-width: 180px;
    }
    .fn-ask-us .elementor-widget-text-editor .elementor-widget-container {
        padding: 30px 25px;
    }
    .fn-ask-us .elementor-widget-button .elementor-widget-container {
        padding: 0 25px 30px;
    }
}
.fn-ask-us .elementor-widget-text-editor h4 {
    margin-top: 0;
}
.fn-ask-us * + ul {
    margin-top: 20px;
}
.fn-board-member.elementor-widget-author-box .elementor-widget-container {
    border-radius: var(--fn-border-radius);
    background-color: #F7F7F7;
}
@media (min-width: 1025px) {
    .fn-board-member.elementor-widget-author-box .elementor-author-box {
        background-image: linear-gradient(to right, #F0F0F0 330px, #F7F7F7 330px);
    }
}
.fn-board-member.elementor-widget-author-box .elementor-author-box__avatar {
    margin-left: 25px;
    margin-right: 25px;
    background-color: #F0F0F0;
}
.fn-board-member.elementor-widget-author-box .elementor-author-box__text {
    padding: 45px 40px;
}
.fn-board-member.elementor-widget-author-box .elementor-author-box__name {
    margin-top: 0;
}
.fn-board-member.elementor-widget-author-box .elementor-author-box__bio > p:first-of-type {
    color: var(--e-global-color-secondary);
    font-size: 25px;
    line-height: 36px; /* first-para size */
    font-weight: 300;
    margin-top: 8px;
}
/* Mobile and tablet: change Author Box to image above. Author Box layout is not a
   responsive setting in Elementor so change it here. */ 
@media (max-width: 1024px) {
    .fn-board-member.elementor-widget-author-box .elementor-author-box {
        display: block; /* instead of flex */
    }
    .fn-board-member.elementor-widget-author-box .elementor-author-box__avatar {
        margin-left: 0;
        margin-right: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }
    .fn-board-member.elementor-widget-author-box .elementor-author-box__text {
        padding: 30px 25px;
    }
    .fn-board-member.elementor-widget-author-box .elementor-author-box__bio > p:first-of-type {
        font-size: 18px; /* first-para size */
        line-height: 25px;
    }
}
/* Desktop: Speaker images are in a column 150px wide to the left of the text
   Mobile and desktop: Speaker images are in row(s) above the text */
.fn-speaker.e-con.e-flex {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 50px; /* between author image and text card */
}
.fn-speaker > .e-con.e-flex {
    flex: 0 0 150px;
    gap: 15px; /* between author images */
}
.fn-speaker .elementor-widget-image img {
    max-width: 150px;
    max-height: 150px;
}
.fn-speaker > .elementor-widget-text-editor {
    flex: 1 1 auto;
}
.fn-speaker > .e-con img {
    border-radius: 50%;
}
.fn-speaker > .elementor-widget-text-editor .elementor-widget-container {
    background-color: #F7F7F7;
    border-radius: var(--fn-border-radius);
    padding: 45px 40px;
}
@media (max-width: 1024px) {
    .fn-speaker.e-con.e-flex {
        flex-wrap: wrap;
        gap: 10px; /* between image a text card */
    }
    .fn-speaker > .e-con.e-flex {
        flex: 1 0 auto;
        flex-direction: row; /* contained images go horizontal */
        flex-wrap: wrap;
        justify-content: center;
    }
    .fn-speaker > .elementor-widget-text-editor .elementor-widget-container {
        padding: 30px 25px;
    }
}
.fn-speaker > .elementor-widget-text-editor h4 {
    margin-top: 0;
}
.fn-speaker .fn-speaker-name {
    font-weight: bold;
}
.fn-video-chapters .swiper-slide {
    --container-default-padding-top: 22px;
    --container-default-padding-right: 20px;
    --container-default-padding-bottom: 22px;
    --container-default-padding-left: 20px;
}
.fn-video-chapters a {
    line-height: 24px;
    font-weight: bold;
}

.error404.full-width-content .site-inner {
    max-width: none;
}
.error404 .content-sidebar-wrap, .error404 .content {
    width: 100%;
}

/* ------------- Article Icons  ------------- */

.fn-article-date {
    display:  inline-block;
    vertical-align: middle;
    line-height: normal;
}

#fn-article-icons { 
    margin: 40px 0 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    #fn-article-icons { 
        margin-top: 20px;
    }
}

#fn-article-icons div { 
    text-align: left;
}

.fa-external-icon,
.fa-full-text-icon, 
.fa-abstract-only-icon,
.fa-reviewed-icon, 
.fa-animal-research-icon, 
.fa-exclusive-icon {
    display:  inline-block;
}   

.fa-full-text-icon a,
.fa-reviewed-icon a,
.fa-external-icon a,
.fa-exclusive-icon a {
    background-size: auto 18px;
    background-position-x: 20px;
    background-position-y: 11px; 
    background-repeat:no-repeat;
}
.fa-full-text-icon a {
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/FULL_TEXT.svg');
}
.fa-full-text-icon a:hover {
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/FULL_TEXT_WHITE.svg');
}
.fa-reviewed-icon a {
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/PEER_REVIEWED_BLUE.svg');
}
.fa-reviewed-icon a:hover {
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/PEER_REVIEWED.svg');
}
.fa-external-icon a {
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/EXTERNAL_STUDY.svg');
}
.fa-external-icon a:hover {
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/EXTERNAL_STUDY_WHITE.svg');
}
.fa-exclusive-icon a {
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/EXCLUSIVE.svg');
}
.fa-exclusive-icon a:hover {
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/EXCLUSIVE_WHITE.svg');
}

a.tooltip {
    background-color: #F7F7F7;
    outline: none;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 11px 20px 12px 48px;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    color: var(--e-global-color-accent);
    border-radius: 5px;
    transition: padding-bottom 0s, border-bottom-left-radius 0s, border-bottom-right-radius 0s;
}

a.tooltip > span {
    width: 350px;
    position: absolute;
    left: 0;
    visibility: hidden;
    margin-left: calc(50% - 175px) !important;
    box-sizing: border-box;
    padding: 10px 20px;
    color: #fff; 
    background: var(--e-global-color-secondary);
    margin-top: 39px;
    opacity: 0;
    z-index: 10;  
    font-size: 14px;
    border-radius: 5px;
    text-decoration: none;
    display: inline; 
    text-decoration: none !important;
    text-align: center;    
}

#fn-article-icons a.tooltip > span {
    text-transform: initial;
}

/*----  Tooltips Hover -----*/ 

a.tooltip:hover > span {
    visibility: visible;
    overflow: visible;
    opacity: 1;
}

a.tooltip:hover {
    color: white;
    background-color: var(--e-global-color-secondary);
    padding-bottom: 22px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* -- Hack to fix popup alignment in Microsoft Edge */

@supports (-ms-ime-align:auto) {
    
    a.tooltip:hover > span {
        /* margin-left: calc(50% - 100px); */
        /* margin-left: calc(50% - 200px); */
        position: absolute;
        left: 0;
        top: 20px;
        margin-left: 0px;
        margin-top: 7px;
    }
    
}

/* -- // Article Icons Consolidation -- */

.fn-article-weblink  {
     padding-top: 10px;
     text-align: left;
     margin: 0 auto;
     margin-bottom: 15px;
     font-size: 18px;
} 
@media (max-width: 1024px) {
    .fn-article-weblink  {
        font-size: 16px;
    }
}

.fn-article-weblink:before {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    content: "\f0c1";  /* link icon */
    color: #d3d2d2;
    font-size: 22px;
    padding-right: 16px;
    display: block;
    float:left;      
  
}

.fn-article-weblink {
    display:block;
}

.fn-article-weblink a {
    color: #74a753 !important;
    text-decoration: none;
    padding-bottom: 10px;
    position: relative;
    bottom: 0px;
}

.fn-article-weblink a:visited, 
.fn-article-weblink a:hover {
    color: #74a753 !important;
    text-decoration: none; 
}


.fn-article-buttons .addtoany_shortcode,
.fn-article-attachments,
.fn-lib {
    display: inline-block;
    margin: 0;
    height: 60px; /* buttons are 50px high but this provides room for "stem" to appear to connect to tooltip */
}

.fn-article-attachments a,
.fn-add-to-lib {
    background: #6C994F;
    margin: 0;
    padding: 12px 20px;
    display: inline-block;
    border-radius: 5px;
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}
.fn-article-attachments a {
    padding-left: 44px;
    line-height: 26px;
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/08/DOWNLOAD_PDF.svg');
    background-size: auto 16px;
    background-position-x: 20px;
    background-position-y: 17px; 
    background-repeat:no-repeat;
}
.fn-article-attachments a.tooltip > span {
    margin-top: 48px;
}
.fn-add-to-lib {
    text-transform: lowercase;
}
.fn-add-to-lib .wpfp-img {
    margin-right: 10px;
}

.fn-article-attachments a:hover,
.fn-add-to-lib:hover {
    background-color: #294a5b;
}

.fn-add-to-lib a {
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
}

.fn-add-to-lib a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.fn-article-author-tags {
    margin-top: 30px;
}
  
.fn-article-author-long {
    margin-top: 70px;
    background-color: #F7F7F7;
    min-height: 200px;
    border-radius: var(--fn-border-radius);
}
@media (max-width: 1024px) {
    .fn-article-author-long {
        margin-top: 40px;
        padding-top: 25px;
    }
}

.fn-article-author-long .fn-author-image  {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .fn-article-author-long .fn-author-image  {
        float: none;
        text-align: center;
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

.fn-author-image img {
    width: 200px;
    height: 200px;  
    border-top-left-radius: var(--fn-border-radius);
}
@media (max-width: 1024px) {
    .fn-author-image img {
        width: 100px;
        height: 100px;  
        border-radius: 50%;
    }
}

.fn-author-detail {
    padding: 30px;
}
@media (max-width: 1024px) {
    .fn-author-detail {
        padding-top: 0px;
        padding-bottom: 25px;
    }
}

.fn-author-name {
    color: var(--e-global-color-accent);
    font-size: 22px; /* h6 size */
    line-height: 27px;    
    font-weight: bold;
    margin-bottom: 10px;
    text-decoration: none;
}
@media (max-width: 1024px) {
    .fn-author-name {
        font-size: 18px;
        line-height: 21px;
    }
}

.fn-author-name a {
    color: var(--e-global-color-accent);
    font-weight: bold;
    text-decoration: none;
}

.fn-author-bio {
    font-size: 16px; /* p size */
    line-height: 24px;
    color: var(--e-global-color-text);
}
@media (max-width: 1024px) {
    .fn-author-bio {
        font-size: 14px;
        line-height: 20px;
    }
}

.fn-tags-container {
    margin-top: 40px;
    padding-bottom: 60px;
    border-bottom: 5px solid #F7F7F7;
    clear: both;
}
@media (max-width: 1024px) {
    .fn-tags-container {
        margin-top: 30px;
        padding-bottom: 30px;
    }
}

.fn-category-tags,
.fn-citation {
    position: relative;
}      

.fn-citation {
    margin-top: 50px;
    color: var(--e-global-color-text);
}
@media (max-width: 1024px) {
    .fn-citation {
        margin-top: 30px;
    }
}
.fn-citation p:first-of-type,
.fn-tags-container p:first-of-type {
    font-weight: bold;
    margin-bottom: 10px;
}
.fn-category-tags {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
}
.fn-category-tags a {
    display: inline-block;
    height: calc(40px - 8px);
    border-radius: 20px;
    background-color: #F7F7F7;
    font-size: 14px;
    color: var(--e-global-color-accent);
    font-weight: bold;
    text-decoration: none;
    padding: 8px 20px 0;
}
.fn-category-tags a:hover {
    background-color: var(--e-global-color-secondary);
    color: white;
}
.fn-category-tags a.fn-tag-animals-used-for-food,
.fn-category-tags a.fn-tag-animals-used-for-food-es,
.fn-category-tags a.fn-tag-animals-used-for-food-zh,
.fn-category-tags a.fn-tag-animals-used-in-science,
.fn-category-tags a.fn-tag-animals-used-in-science-es,
.fn-category-tags a.fn-tag-animals-used-in-science-zh,
.fn-category-tags a.fn-tag-companion-animals,
.fn-category-tags a.fn-tag-companion-animals-es,
.fn-category-tags a.fn-tag-companion-animals-zh,
.fn-category-tags a.fn-tag-effective-advocacy,
.fn-category-tags a.fn-tag-effective-advocacy-es,
.fn-category-tags a.fn-tag-effective-advocacy-zh,
.fn-category-tags a.fn-tag-other-topics,
.fn-category-tags a.fn-tag-other-topics-es,
.fn-category-tags a.fn-tag-other-topics-zh,
.fn-category-tags a.fn-tag-wild-animals,
.fn-category-tags a.fn-tag-wild-animals-es,
.fn-category-tags a.fn-tag-wild-animals-zh {
    background-size: auto 20px;
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: center;
}
.fn-category-tags a.fn-tag-animals-used-for-food,
.fn-category-tags a.fn-tag-animals-used-for-food-es,
.fn-category-tags a.fn-tag-animals-used-for-food-zh {
    padding-left: 39px;
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/07/TOPICS_ANIMALS_USED_FOR_FOOD.svg');
}
.fn-category-tags a.fn-tag-animals-used-in-science,
.fn-category-tags a.fn-tag-animals-used-in-science-es,
.fn-category-tags a.fn-tag-animals-used-in-science-zh {
    padding-left: 44px;
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/07/TOPICS_ANIMALS_IN_SCIENCE.svg');
}
.fn-category-tags a.fn-tag-companion-animals,
.fn-category-tags a.fn-tag-companion-animals-es,
.fn-category-tags a.fn-tag-companion-animals-zh {
    padding-left: 43px;
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/07/TOPICS_COMPANION_ANIMALS.svg');
}
.fn-category-tags a.fn-tag-effective-advocacy,
.fn-category-tags a.fn-tag-effective-advocacy-es,
.fn-category-tags a.fn-tag-effective-advocacy-zh {
    padding-left: 44px;
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/07/TOPICS_EFFECTIVE_ADVOCACY.svg');
}
.fn-category-tags a.fn-tag-other-topics,
.fn-category-tags a.fn-tag-other-topics-es,
.fn-category-tags a.fn-tag-other-topics-zh {
    padding-left: 41px;
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/07/TOPICS_OTHER_TOPICS.svg');
}
.fn-category-tags a.fn-tag-wild-animals,
.fn-category-tags a.fn-tag-wild-animals-es,
.fn-category-tags a.fn-tag-wild-animals-zh {
    padding-left: 51px;
    background-image: url('https://dev.faunalytics.org/wp-content/uploads/2023/07/TOPICS_WILDLIFE.svg');
}

@media screen and (max-width: 600px)  {
    
    body .fn-category-tags table {
        margin-bottom: -20px;
    }           
    
    body .fn-category-tags table td a {
        display: block !important;
        margin-bottom: -18px;
        text-align: left; 
    }    
    
    body .fn-category-tags p a {
         text-align: center;
    }    
    
}


@media screen and (max-width: 380px)  {
              
    
    body .fn-category-tags table td a {
        font-size: 15px;
        overflow-wrap: normal;
        word-wrap: normal;
        white-space: nowrap;
        white-space: pre;
    }     
    
    body .fn-category-tags p a {
       font-size: 15px;
    }    

    body .fn-citation p {
       font-size: 15px !important;
    }       
    
}

body .fn-category-tags p a:hover {
    text-decoration: none !important;
    color: #254c59 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

body .fn-category-tags p a {
    text-decoration: none !important;
    color: #73a853 !important;
}

/* ----------- 
body .fn-category-tags p a:visited {
    color: #73a853 !important;
}
*/

body .fn-category-tags p {
    margin-top:30px;
}

/* styles for on old template to make icons smaller  */
body .tag-icons table td img {
    width: 20px;
    height: 20px;    
}

/* ----------- ADD THIS ------------- */

/* Hide ADD THIS developer mode only */

body.single-post .addthis-smartlayers {
    display: none;
}


/* Hide on all pages except posts */

.addthis-smartlayers, 
div#at4-follow, 
div#at4-share, 
div#at4-thankyou, 
div#at4-whatsnext {
    display: none;
}

body.single-post .addthis-smartlayers, 
body.single-post div#at4-follow, 
body.single-post div#at4-share, 
body.single-post div#at4-thankyou, 
body.single-post div#at4-whatsnext {
    display: block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;    
}

body .at-share-dock.atss {
    box-shadow: none !important;
}

body a.at-svc-facebook, 
body a.at-svc-twitter  {   
}

a.at-svc-facebook,  
a.at-svc-lidar,  
a.at-svc-twitter,  
a.at-svc-yammer  {
   /* width:  25%!important; */
   /* border-radius:2px; */
}

/* show/hide whats app for desktop. breakpoint is what is set in addthis.com */

@media screen and (min-width: 980px)  {

    .at-svc-whatsapp {
          display:none !important;
    }
    
}    
    
/* --------------- Existing Post Tweaks  ---------------------*/

body.post-template-default .fa-article-icons {
    margin-bottom: 0 !important;
    margin-bottom: -30px !important;
    margin-top: 0;
}

body.post-template-default .entry-content,
body.post-template-single-post .entry-content,
body.post-template-single-post-template-1 .entry-content,
body.post-template-single-post-template-2 .entry-content {
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   padding:  20px 0px 0px;
}

body.post-template-default .tag-icons table tr td a:first-child:after {
   padding-left:5px;
   content: " | ";
}

/* --- fix link hovers ---*/
body.post-template-default .tag-icons table tr td a,
body.post-template-default .tag-icons table tr td a:visited{
    color: #254c59 !important;
    font-size: 15px;
}

body.post-template-default .tag-icons table tr td a:hover {
    color: #73a753 !important;
}

body.post-template-default .tag-icons p,
body.post-template-default .tag-icons p a:visited{
    color: #73a753 !important;
    font-size: 15px;
}

body.post-template-default .tag-icons p a:hover {
    color: #254c59 !important;
}
  

/* --------------- Reset  ---------------------*/

.reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    /* basic modern patch */
    all: initial;
    all: unset;
}

/* basic modern patch */

.reset-this-root {
    all: initial;
    * {
        all: unset;
    }
}

/* --------------- Global Style Guide Override jf42 ---------------------*/

.clear {clear: both} 

/* site wide logo */

.site-logo {
    display: none!important;
}

.site-logo a {
    float: left!important;
    height: 62px!important;
    text-align: center!important;
    text-indent: -9999px!important;
    width: 229px!important;
}

.full-width-content .content header.entry-header {
    text-align: left !important;  
}

.content .post h1 {
    /* color: #264B59;*/
    font-weight: bold;
    font-size: 45px;
    /* line-height: 60px; */
    margin-top: 15px;
}


.content h2.entry-title {
    /* color: #264B59;*/
    font-size: 32px;
    /* line-height: 40px;*/
    font-weight: bold;
}   

.content .post h3, 
.content .page h3, 
.content h3.entry-title, 
.content .entry-content h3 {
    font-weight: bold;    
} 

.content .post h4, 
.content .page h4, 
.content h4.entry-title, 
.content .entry-content h4 {
} 

.content .post h5, 
.content .page h5, 
.content h5.entry-title, 
.content .entry-content h5 {
   text-transform: uppercase;
} 



/*-- jf42 bullets ---*/
body .entry-content ul:not(.slides):not(.elementor-inline-items),
body .entry-content ol {
    /* border: 1px solid yellow !important; */
    margin-top: 25px !important;
    margin-bottom: 25px !important;

}

.hr, hr {
    border: 0;
    background: #eee;
    border-bottom: 2px solid #eee;
    height: 1px;
    margin: 30px 0;
}

.fn-clear {
    clear:both
}

.content .halfsizebox {
    margin: 0 auto;
    width:60%;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 540px)  {

    .content .halfsizebox {
    margin: 20px 0;    
    width:100%; 
    }      
}

/* ----  boxes and colours jf42  ---- */

.fn-box {
  padding: 20px 20px;
  margin:20px 0;
  font-size: 18px;
}

.fn-border {
border: 6px solid #eee;     
}

.fn-green {
  background: #74a954;
  color: #fff;
}

.fn-orange {
  background: #f48d38;
  color: #fff;
}

.fn-red {
  background: #e74b3e;
  color: #fff;
}

.fn-grey {
  background: #f9f9f9; 
  color: #636363;
}

.fn-round-corner {
    border-radius: 10px;
}

/* ---- links and icons jf42 ---- */

a.fn-btn, 
a.fn-btn:active, 
a.fn-btn:visited {
    margin: 5px 0;
    background: #007599;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 7px;
    color: #fff !important;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 190px;
    text-align: center;
    box-sizing: border-box;
}

a.fn-btn:hover {
    background-color: #106682;
    text-decoration: none;
} 

a.fn-btn-green, 
a.fn-btn-green:active, 
a.fn-btn-green:visited {
   background-color: #74a954;
}

a.fn-btn-green:hover {
    background-color: #649448
} 

a.fn-btn-orange, 
a.fn-btn-orange:active, 
a.fn-btn-orange:visited {
    background: #f28c43;
}

a.fn-btn-orange:hover {
    background-color: #db7a35;
} 

a.fn-btn-red, 
a.fn-btn-red:active, 
a.fn-btn-red:visited {
    background: #e74b3e;
}

a.fn-btn-red:hover {
    background-color: #c64035;
} 

.fa-white {
    color:#fff;
}

.fa-grey {
    color:#eeeeee;
}

.fa-dark-grey {
    color:#505050;
}

.entry-content ul.fa-ul li {
    list-style: none !important;
    padding-left: 8px;
}

.entry-content ul.fa-ul li i {
   padding:5px;
}

/* -------------------- Donation Footer -----------------------*/ 

.fn-footer {
    /* display: none;*/
} 

/* show donate footer on these pages */
body.donation-footer .fn-footer,
body.postid-26779 .fn-footer,
body.postid-25208 .fn-footer{
    display: block;
}

body.donate-page .fn-footer, 
body.donate-page2 .fn-footer {
   display: none;
}

.fn-footer {
    background-image: linear-gradient(to bottom, white 60px, #F7F7F7 60px);
}
@media (max-width: 1024px) {
    .fn-footer {
        background-image: none;
        background-color: #F7F7F7;
    }
}

.fn-footer-container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    box-sizing: border-box;
    background-image: url("/wp-content/uploads/2024/03/SUPPORT_BIRD.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 100%;
}
@media (max-width: 1024px) {
    .fn-footer-container {
        background-image: url("/wp-content/uploads/2024/03/DONATE_BIRD_MOBILE.png");
        background-position: center bottom;
        background-size: auto 180px;
    }
}

.fn-footer-donate {
    box-sizing: border-box;
    width: 600px;
    float: left;
    padding-top: 150px;
}
@media (max-width: 1024px) {
    .fn-footer-donate {
        width: auto;
        float: none;
        padding: 42px 28px 120px;
    }
}

.fn-footer-donate > p:first-of-type {
    font-size: 20px;
    line-height: 27px;
    font-weight: 300;
    color: #666666;
    text-transform: uppercase;
    margin-bottom: 10px;
}
@media (max-width: 1024px) {
    .fn-footer-donate > p:first-of-type {
        font-size: 16px;
        line-height: 22px;
    }
}

.fn-footer-donate h1 {
    font-size: 63px;  /* originally 65 */
    line-height: 70px;
    margin-bottom: 20px;
}
@media (max-width: 1024px) {
    .fn-footer-donate h1 {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 10px;
    }
}

.fn-footer p {
    font-size: 20px;
    line-height: 27px;
    color: var(--e-global-color-text);
}
@media (max-width: 1024px) {
    .fn-footer p {
        font-size: 16px;
        line-height: 22px;
    }
}

/*------------------ footer donate forms ---------------------*/

.fnf-donate {
    border: 1px transparent;
    position: relative;
}
.gform_legacy_markup_wrapper form.fnf-donate {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .gform_legacy_markup_wrapper form.fnf-donate {
        margin-top: 30px;
    }
}

/* hides descriptions */
.fnf-donate .fn-donate-amount label.gfield_label {
    display: none;
}

/* So that we can switch order of frequency and Submit on mobile and tablet */
.gform_legacy_markup_wrapper .fnf-donate ul.gform_fields {
    display: flex;
    flex-direction: column;
}

.fnf-donate .fn-donate-amount ul {
    all: unset;
    padding: 0 !important;;
    margin: 0 !important;;
    padding-right: 0px !important;
    position: relative;
    top:-16px !important;  /* not required, but overriding whatever is forcing it down */
}

/* kill 16px of right padding. overridestyle: 
body .gform_wrapper ul.gform_fields li.gfield  */
body .gform_wrapper ul.gform_fields li.fn-donate-amount {
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    top: 0;
    bottom: 0;
}

.fnf-donate .fn-donate-amount ul li {
    /* all: unset; */
    /* border: 1px solid yellow; */
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
}


.fnf-donate .fn-donate-amount ul li {
    height: 60px;
    display: inline-block;
    width: 115px;
    border-right: 15px solid transparent;
}

/* text area */
.fnf-donate .fn-donate-amount ul li:nth-child(5n){
    margin-right: 0;
    border-right: none;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    height: 60px !important;
}

@media (max-width: 1024px) {
   
        .fnf-donate .fn-donate-amount ul li {
            height: 50px;
            width: calc((100% - 12px) / 3);
            border-right-width: 12px;
        }    
        
        .fnf-donate .fn-donate-amount ul li:nth-child(3) {
            border-right: none;
        }                 

        .fnf-donate .fn-donate-amount ul li:nth-child(5n){
            width: 100%;
        }    
        
        /* fixes padding problem on the right  */
        .gform_wrapper .fn-donate-amount ul.gfield_checkbox li label, 
        .gform_wrapper .fn-donate-amount ul.gfield_radio li label {
            width: 100% !important;
        }        
}

.fnf-donate .fn-donate-amount ul li input[type="radio"] {
    /* display: none !important;*/
    visibility: hidden !important;
    height: 60px;
}
@media (max-width: 1024px) {
    .fnf-donate .fn-donate-amount ul li input[type="radio"] {
        height: 50px;
    }
}

.fnf-donate .fn-donate-amount ul li label {
    border: 2px solid var(--e-global-color-primary);
    border-radius: 8px;
    text-align: center;
    background: white;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 4px 0px; 
    color: var(--e-global-color-primary);
    font-weight: bold;
    font-size: 32px;
}
@media (max-width: 1024px) {
    .fnf-donate .fn-donate-amount ul li label {
        font-size: 28px;
        padding-top: 2px;
        padding-bottom: 2px; 
    }
}

/* -- checked -- */

.fnf-donate .fn-donate-amount ul li input[type="radio"]:checked + label {
    background: var(--e-global-color-primary);
    color: white;
}

/*** ---------- custom amount class gchoice_12_7_4 --------- ***/

/*gchoice_15_1_4*/

.fnf-donate .fn-donate-amount ul li.gchoice_14_1_4 input[type=text],
.fnf-donate .fn-donate-amount ul li.gchoice_12_7_4 input[type=text],
.fnf-donate .fn-donate-amount ul li.gchoice_15_1_4 input[type=text] {
     width: 100% !important;
     max-width: 100% !important; 
}

.fnf-donate .fn-donate-amount ul li.gchoice_14_1_4,
.fnf-donate .fn-donate-amount ul li.gchoice_12_7_4,
.fnf-donate .fn-donate-amount ul li.gchoice_12_7_4{
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}

.fnf-donate .fn-donate-amount ul li.gchoice_14_1_4 input[type="text"],
.fnf-donate .fn-donate-amount ul li.gchoice_12_7_4 input[type="text"],
.fnf-donate .fn-donate-amount ul li.gchoice_15_1_4 input[type="text"]{
    all: unset;
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    text-align: center;
    height: 51px;
    background: #fff;
    color: #a0aeb4;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #a0aeb4;
}


.fnf-donate .fn-donate-amount ul li.gchoice_14_1_4 input[type="text"]:hover,
.fnf-donate .fn-donate-amount ul li.gchoice_14_1_4 input[type="radio"]:checked + input[type="text"],
.fnf-donate .fn-donate-amount ul li.gchoice_12_7_4 input[type="text"]:hover,
.fnf-donate .fn-donate-amount ul li.gchoice_12_7_4 input[type="radio"]:checked + input[type="text"],
.fnf-donate .fn-donate-amount ul li.gchoice_15_1_4 input[type="text"]:hover,
.fnf-donate .fn-donate-amount ul li.gchoice_15_1_4 input[type="radio"]:checked + input[type="text"] {
 border: 4px solid #a0aeb4;
 color: #77a759;
 font-size: 22px;
}

.fnf-donate .fn-donate-amount ul li.gchoice_14_1_4 input[type="text"]:before,
.fnf-donate .fn-donate-amount ul li.gchoice_12_7_4 input[type="text"]:before,
.fnf-donate .fn-donate-amount ul li.gchoice_15_1_4 input[type="text"]:before {
    content: "$";
    position: absolute;
    left:0;
}

/*** ---------- Frequency --------- ***/

.body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 0px !important;
}

.fnf-donate .fn-donate-freq ul {
    all: unset;
    padding: 0 !important;
    margin: 0 !important;
    padding-right: 0px !important;
    position: relative;
    top:-30px !important;  /* not required, but overriding whatever is forcing it downwards */
}

.fnf-donate li.fn-donate-freq {
   /* border: 2px solid red; */
   padding: 0 !important;
   margin: 0 !important;
   position: relative;
   border: 1px solid dotted grey; 
}
@media (max-width: 1024px) {
   .fnf-donate li.fn-donate-freq {
       order: 1; /* to position below the Submit button */
   }
   body .gform_legacy_markup_wrapper ul li.field_description_below.fn-donate-freq div.ginput_container_radio {
       margin-top: 32px;
   }
}

/* hides descriptions */
.fnf-donate .fn-donate-freq label.gfield_label {
    display: none;
}

.fnf-donate .fn-donate-freq ul li {
   display: inline-block;
   margin-top: 20px;
}

.gform_wrapper .fn-donate-freq ul.gfield_radio li label {
     /* padding: 10px 5px;* /
     /* margin-right: 5px; */
     /* border: 1px solid green; */
     font-size: 16px;
     font-weight: 500;
     width: auto !important;
     margin-right: 5px;
     padding-bottom: 5px;
}
.gform_legacy_markup_wrapper .fn-donate-freq ul.gfield_radio li input[type=radio]:checked+label {
    font-weight: 500;
}

.fnf-donate li.fn-donate-freq .gfield_radio li label {
   max-width: initial;
}

/* fancy radio buttons */
.gform_wrapper .fn-donate-freq ul.gfield_radio li input[type="radio"]:checked,
.gform_wrapper .fn-donate-freq ul.gfield_radio li input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.gform_wrapper .fn-donate-freq ul.gfield_radio li input[type="radio"]:checked + label,
.gform_wrapper .fn-donate-freq ul.gfield_radio li input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    color: var(--e-global-color-secondary);
}

.gform_wrapper .fn-donate-freq ul.gfield_radio li input[type="radio"]:checked + label:before,
.gform_wrapper .fn-donate-freq ul.gfield_radio li input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #5f7983;
    border-radius: 100%;
    background: #fff;
}

.gform_wrapper .fn-donate-freq ul.gfield_radio li input[type="radio"]:checked + label:after,
.gform_wrapper .fn-donate-freq ul.gfield_radio li input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #2a4d59;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.gform_wrapper .fn-donate-freq ul.gfield_radio li input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.gform_wrapper .fn-donate-freq ul.gfield_radio li input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* fancy checkboxes */
.gform_wrapper .gfield_checkbox input,
.mepr-form input[type=checkbox] {
    position: absolute;
    left: -9999px;
}
body .gform_wrapper.gravity-theme .gfield_checkbox label {
    font-size: 16px;
    line-height: 24px;
}
/* No class on MemberPress checkbox label so we use previous sibling instead */
body .gform_wrapper.gravity-theme .gfield_checkbox label,
.mepr-form .mepr_password + div > label,
.mepr-form .mepr-checkboxes-field-row label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}
.gform_wrapper .gfield_checkbox label:before,
.mepr-form .mepr_password + div > label::before,
.mepr-form .mepr-checkboxes-field-row label::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    height: 15px;
    background: white;
    border: 1px solid #E3E3E3;
    border-radius: 3px;
}
.gform_wrapper .gfield_checkbox input:checked ~ label:before,
.mepr-form .mepr_password + div > label:has(input:checked)::before,
.mepr-form .mepr-checkboxes-field-row input:checked ~ label::before {
    border-color: #6C994F;
}
.gform_wrapper .gfield_checkbox label:after,
.mepr-form .mepr_password + div > label::after,
.mepr-form .mepr-checkboxes-field-row label::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 3px;
    width: 9px;
    height: 9px;
    background: #6C994F;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.gform_wrapper .gfield_checkbox input:not(:checked) ~ label::after,
.mepr-form .mepr_password + div > label:has(input:not(:checked))::after,
.mepr-form .mepr-checkboxes-field-row input:not(:checked) ~ label::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.gform_wrapper .gfield_checkbox input:checked ~ label:after,
.mepr-form .mepr_password + div > label:has(input:checked)::after,
.mepr-form .mepr-checkboxes-field-row input:checked ~ label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* Prevent jumping to page top when clicked
 https://community.gravityforms.com/t/radio-button-causes-page-jump-to-top-gravity-forms-resolved/11782/2 */
.gform_wrapper .gfield_checkbox .gchoice {
    position: relative; /*  */
}

/* --- button --- */
.gform_wrapper .fnf-donate .gfield--type-submit {
   width: 240px;
   position: absolute;
   top: 0;
   right: 0;
}

body .gform_legacy_markup_wrapper .fnf-donate ul.gform_fields li.gfield--type-submit {
   margin-top: 0;
   margin-bottom: 0;
   padding-right: 0;
}

.gform_wrapper .fnf-donate .gfield--type-submit input[type="submit"] {
    margin: 0px;
} 

body .gform_wrapper .fnf-donate .gfield--type-submit input[type="submit"] {
    border-radius: 8px;
    float: none;
    width: 100%;
    height: 60px;
    max-width: 100%;    
    background: #6C994F;
    padding: 0;
    /* text-transform: uppercase; */
    color: #FFF;
    font-weight: bold;
    border: none;
    font-size: 24px;
}
@media (max-width: 1024px) {
    body .gform_wrapper .fnf-donate .gfield--type-submit input[type="submit"] {
        height: 50px;
        font-size: 20px;
    }
}

body .gform_wrapper .fnf-donate .gfield--type-submit input[type="submit"]:hover {
    background: var(--e-global-color-secondary);
}


@media (max-width: 1024px) {

    .gform_wrapper .fnf-donate .gfield--type-submit {
       width: 100%;
       position: relative;
       text-align: center;
    }   

    
   .fnf-donate li.fn-donate-freq {
       margin: 0 auto !important;
       display:block;
    }  
        
}

/*** ---------- newsletter --------- ***/

.fnf-newsletter {
    border: 1px solid #dee6e9;
    position: relative;
    margin-top: 20px;
    display: block;   
} 

/* hides descriptions */
.fnf-newsletter .fnf-newsletter-email label.gfield_label {
    display: none;
}

.gform_wrapper .fnf-newsletter  ul.gform_fields li.gfield {
    padding-right: 0px; /* removes default 16px */
}

body .gform_wrapper .fnf-newsletter ul li.gfield {
    padding-top: 0px; /* removes default 16px */
}

.gform_wrapper .fnf-newsletter .top_label input.medium,
.fnf-newsletter ul li input[type="text"] {
    all: unset;
    position: relative;
    top: -16px;
    margin-bottom: 0 !important;
    padding: 0px 15px;
    height: 45px;
    background: #fff;
    color: #a0aeb4;
    font-size: 16px;
    font-weight: bold;
    padding-left: 50px !important;
    background: url('images/footer-newsletter-icon.png') #fff no-repeat left center;
    background-size: 40px 18px;  
    width: 65% !important;
    max-width: 100% !important;    
}

/* 
.gform_wrapper .fnf-newsletter .top_label input.medium,
div.gform_wrapper .fnf-newsletter-email input[type="text"] {
    padding: 4px 10px 4px 50px !important;
}
*/

.gform_wrapper .fnf-newsletter  .gform_footer {
    /* border: 1px solid yellow; */
    width: 100%;
}

body .gform_wrapper .fnf-newsletter .gform_footer input[type="submit"] {
    border-radius: 8px !important;
    float: none;
    max-width: 100%;
    background: #74ab50;
    /* text-transform: uppercase; */
    color: #FFF;
    font-weight: bold;
    border: none;
    font-size: 16px !important;
    padding: 15px 10px !important;
    position: absolute;
    top: 0;
    right: -16px;
    width: 30%;
}

body .gform_wrapper .fnf-newsletter .gform_footer input[type="submit"]:hover {
    background: #0f7597;
} 

body .gform_validation_error .fnf-newsletter .gform_footer input[type="submit"] {
    top: 55px;
}


@media screen and (max-width: 860px)  {

    .gform_wrapper .fnf-newsletter .top_label input.medium,
    .fnf-newsletter ul li input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto;
    }
    
    body .gform_wrapper .fnf-newsletter .gform_footer input[type="submit"] {
        position: relative;
        right: 0px;
        width: 100%;
        margin: 0 auto;
        }    
    
    .gform_wrapper .fnf-newsletter  .gform_footer {
        width: 180px;
        margin: 0 auto;
        position: relative;
        top:-10px;
        }         
        
    body .gform_validation_error .fnf-newsletter .gform_footer input[type="submit"] {
        top: 0px;
    }        
        
}
    
/*------------------ form confirm / errors messages ----------------*/

.fnf-newsletter .gform_confirmation_message {
    padding: 20px;
    margin-bottom: 22px;
    background: #bcc9ce;
    font-size: 18px;
    color: #2a4d59;
}

.fn-footer-container .gform_wrapper div.validation_error {
    border: none;
    color: #e74c3e!important;
    margin: 0;
    padding: 0;
}

.fn-footer-container .gform_wrapper div.validation_error {
    border: none;
    color: #e74c3e!important;
    margin-top:-20px; 
    margin-bottom: 30px;
    padding: 20px; 
    text-align: left;
    font-size: 13px;
    background: #efdfdb;
}

.fn-footer-container .gform_wrapper li.gfield.gfield_error {
    margin: 0;
    padding: 0;
    background: none;
    /* border: 1px solid red; */
    border: none;
}

.fn-footer-container .gform_wrapper .validation_message {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    top: -16px;
    color: #e54d44;
    font-size: 13px;
}

.fn-footer-container .gform_wrapper .fn-donate-freq .validation_message {
    /* border: 1px solid #000; */
    top: -40px;    
}

.fn-footer-container .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.fn-footer-container .gform_wrapper li.gfield_error textarea {
    border: none;
}


.fn-footer-container .gform_validation_error .fnf-newsletter {
    margin-top: 30px;
} 

.fn-footer-container .gform_validation_error .fnf-newsletter div.validation_error {} 

.fn-footer-container .gform_wrapper .fnf-newsletter .validation_message {
    padding-top: 10px !important;
}


/* ----------- Contact & Volunteer Forms -------------*/

body .gform_wrapper .fn-contact-form ul.gform_fields li.gfield div.ginput_container textarea,
body .gform_wrapper .fn-contact-form ul.gform_fields li.gfield div.ginput_container select, 
body .gform_wrapper .fn-contact-form ul.gform_fields li.gfield div.ginput_container input,
body .gform_wrapper .fn-contact-form ul.gform_fields li.gfield div.ginput_container input[type=text],
body .gform_wrapper .fn-contact-form ul.gform_fields li.gfield div.ginput_container input[type=email]
{
    width: 100%;
}


/* ----------------- Donate Pages jf42  -----------------  */

/* Hero text area is wider than normal */
.donate-page .fn-hero > .e-con-inner > .elementor-element {
    width: 765px;
}
.donate-page .fn-hero {
    padding-top: 110px;
    padding-bottom: 110px;
}
@media (max-width: 1024px) {
    .donate-page .fn-hero {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.gform_wrapper.fnh-donate_wrapper {
    margin-top: 60px;
    margin-bottom: 70px;
}
/* Place text/amount/frequency beside Submit */
form.fnh-donate {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
}
form.fnh-donate > .gform_body {
    flex-grow: 1;
    flex-shrink: 1;
    width: auto;
}
form.fnh-donate > .gform_footer {
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
}
/* Position text/amount/frequency inside their box */
.gform_legacy_markup_wrapper .fnh-donate ul.gform_fields {
    display: flex;
    flex-flow: row wrap;
    column-gap: 25px;
    row-gap: 30px;
    justify-content: flex-end;
}
.fnh-donate .gform_fields .gfield--type-html {
    width: calc(40% - 25px);
}
.fnh-donate .gform_fields .gfield--type-number {
    width:60%;
}
.fnh-donate .gform_fields .gfield--type-radio {
    width:60%;
}
/* Mobile and tablet: Hide the donation amount label, Sumbit below amount/frequency */
@media (max-width: 1024px) {
    .gform_wrapper.fnh-donate_wrapper {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    form.fnh-donate {
        flex-wrap: wrap;
    }
    .gform_legacy_markup_wrapper .fnh-donate ul.gform_fields {
        justify-content: center;
        row-gap: 24px;
    }
    .fnh-donate .gform_fields .donate-text {
        display: none;
    }
    .fnh-donate .gform_fields .gfield--type-number {
        width: 100%;
    }
    .fnh-donate .gform_fields .gfield--type-radio {
        width: auto;
    }
    form.fnh-donate > .gform_footer {
        width: 100%;
    }
}
/* Style for radio buttons */
.fn-sponsor-form .ginput_container_radio {
    position: relative;
}
body .gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 16px;
    line-height: 24px;
}
@media (max-width: 1024px) {
    body .gform_wrapper.gravity-theme .gfield_radio label {
        font-size: 14px;
        line-height: 20px;
    }
}
.fnh-donate .gform_fields .gfield--type-radio .gchoice,
.fn-sponsor-form .gfield--type-radio .gchoice {
    display: inline-block;
    margin-right: 25px;
}
.fnh-donate .gform_fields .gfield--type-radio .gchoice input,
.fn-sponsor-form .gfield--type-radio .gchoice input {
    position: absolute;
    left: -9999px;
}
.fnh-donate .gform_fields .gfield--type-radio .gchoice label,
.fn-sponsor-form .gfield--type-radio .gchoice label {
    max-width: initial;
    padding-left: 28px;
}
.fnh-donate .gform_fields .gfield--type-radio .gchoice label {
    color: var(--e-global-color-secondary);
    font-size: 16px;
    font-weight: 500;
}
.fnh-donate .gform_fields .gfield--type-radio input[type="radio"]:checked + label:before,
.fnh-donate .gform_fields .gfield--type-radio input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 2px solid var(--e-global-color-secondary);
    border-radius: 100%;
    background: #fff;
}
.fnh-donate .gform_fields .gfield--type-radio input[type="radio"]:checked + label:after,
.fnh-donate .gform_fields .gfield--type-radio input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--e-global-color-secondary);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.fn-sponsor-form .ginput_container_radio .gchoice {
    position: relative;
}
.fn-sponsor-form .gfield--type-radio input[type="radio"]:checked + label:before,
.fn-sponsor-form .gfield--type-radio input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid var(--e-global-color-secondary);
    border-radius: 100%;
    background: #fff;
}
.fn-sponsor-form .gfield--type-radio input[type="radio"]:checked + label:after,
.fn-sponsor-form .gfield--type-radio input[type="radio"]:not(:checked) + label:after {
    content: '';
    position: absolute;
    left: 3px;
    bottom: 8px;
    width: 9px;
    height: 9px;
    background: #6C994F;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.fnh-donate .gform_fields .gfield--type-radio input[type="radio"]:not(:checked) + label:after,
.fn-sponsor-form .gfield--type-radio input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.fnh-donate .gform_fields .gfield--type-radio input[type="radio"]:checked + label:after,
.fn-sponsor-form .gfield--type-radio input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Text size tweaks */
.fnh-donate .gform_fields .donate-text {
    font-size: 20px;
    line-height: 27px;
}
html[lang|=es] .fnh-donate .gform_fields .donate-text {
    font-size: 17px;
}
.gform_legacy_markup_wrapper form.fnh-donate .ginput_container_number input {
    width: 100%;
    font-size: 25px !important;
}
.gform_legacy_markup_wrapper .fnh-donate .gform_footer input[type=submit] {
    font-size: 24px;
    margin: 0;
    padding-top: 17px;
    padding-bottom: 17px;
}
/* Remove margins, padding etc. that come from general form settings */
form.fnh-donate > .gform_footer {
    margin-top: 0;
}
.gform_legacy_markup_wrapper.gform_wrapper.fnh-donate_wrapper ul.gform_fields li.gfield {
    margin: 0;
    padding-right: 0;
}
.fnh-donate .gform_fields .gfield--type-number .ginput_container_number,
.fnh-donate .gform_fields .gfield--type-number .ginput_container_number input,
.fnh-donate .gform_fields .gfield--type-radio .ginput_container_radio,
.fnh-donate .gform_fields .gfield--type-radio .gfield_radio,
.fnh-donate .gform_fields .gfield--type-radio .gchoice label {
    margin: 0;
}
.donate-page .fn-hero > .e-con-inner > .e-con > p:last-child,
.donate-page .fn-hero > .e-con-inner > p:last-child {
    display: none;
}
.donate-page .ca-footer-outer,
.donate-page2 .ca-footer-outer {
    margin-top: 0
}
/** hide things **/
.fnh-donate .gform_fields .gfield > label {
    display:none;
}

/** ----------------- Donate Step 2  -------------- **/

#gform_wrapper_12 {
    margin-bottom: 0
}
.donation-step2-hide  {
    visibility:hidden; 
    height: 1px;
}
.gform_wrapper.gravity-theme .donation-step2-hide .gfield_label {
    display: none;
}
.donate-page2 .gform_required_legend {
    display: none;
}
.donate-page2 .gform_wrapper.gravity-theme .gform_fields,
.gform_wrapper.gravity-theme .fn-sponsor-form .gform_fields {
    grid-column-gap: 0;
    grid-row-gap: 20px;
}
.donate-page2 .gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: 0;
}
.donate-page2 .ginput_container_creditcard .gform-field-label--type-sub {
    margin-bottom: 10px;
}
.donate-page2 .ginput_container_creditcard .ginput_card_expiration_container,
.donate-page2 .ginput_container_creditcard .ginput_card_expiration_month_container,
.donate-page2 .ginput_container_creditcard .ginput_card_expiration_year_container {
    margin-top: 0;
}
.donate-step2-billing-details h5,
.donate-step2-privacy {
    margin-top: 20px; /* makes 40 with row-gap */
}
.donate-page2 .gfield_checkbox .gchoice > br {
    display: none;
}
.donate-step2-final-amount,
.donate-page2 .gform_fields .gfield--type-submit,
.fn-sponsor-form .gfield--input-type-total,
.fn-sponsor-form .gform_fields .gfield--type-submit {
    margin-top: 40px; /* makes 60 with row-gap */
    background-color: #EFF4EC;
}
.donate-step2-final-amount,
.fn-sponsor-form .gfield--input-type-total {
    border-top-left-radius: var(--fn-border-radius);
    border-bottom-left-radius: var(--fn-border-radius);
    padding: 35px 30px;
    /* Put the number to the right of the text */
    display: flex;
    flex-flow: column wrap;
    max-height: 200px; /* Forces number to wrap to col 2 */
}
.gform_wrapper.gravity-theme .donate-step2-final-amount .gfield_label,
.gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total .gfield_label {
    font-size: 25px;
    line-height: 30px;
    color: var(--e-global-color-secondary);
    width: 65%;
    margin-bottom: 0;
}
.gform_wrapper.gravity-theme .donate-step2-final-amount .gfield_description,
.gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total .gfield_description {
    display: initial;
    font-size: 16px;
    line-height: 24px;
    width: 65%;
    margin-top: 10px;
}
.gform_wrapper.gravity-theme .donate-step2-final-amount.field_description_above .gfield_description {
    padding-bottom: 0;
}
.gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total.field_description_below .gfield_description {
    padding-top: 0;
}
.gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total .ginput_container_total {
    order: 1;
}
.gform_wrapper.gravity-theme .donate-step2-final-amount .ginput_container_total,
.gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total .ginput_container_total {
    width: 35%;
}
.gform_wrapper.gravity-theme .donate-step2-final-amount .ginput_container_total {
    margin-top: 20px; /* why doesn't justify-content:space-around work? */
}
.gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total .ginput_container_total {
    margin-top: 20px;
}
.gform_wrapper.gravity-theme .donate-step2-final-amount .ginput_total,
.gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total .ginput_total {
    font-size: 42px;
    font-weight: bold;
    color: var(--e-global-color-secondary);
    text-align: right;
    padding: 0;
}
/* https://community.gravityforms.com/t/conditional-logic-hidden-fields-still-rendering-used-space/15549/3 */
.donate-step2-final-amount + .spacer.gfield {
    display: none;
}
.donate-page2 .gform_fields .gfield--type-submit,
.fn-sponsor-form .gform_fields .gfield--type-submit {
    border-top-right-radius: var(--fn-border-radius);
    border-bottom-right-radius: var(--fn-border-radius);
    padding-right: 30px;
    align-items: center;
}
@media (max-width: 1024px) {
    .donate-page2 .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full),
    .gform_wrapper.gravity-theme .fn-sponsor-form .gfield:not(.gfield--width-full) {
        grid-column: 1/-1;
    }
    .donate-page2 .gfield--type-total,
    .fn-sponsor-form .gfield--input-type-total {
        max-height: none;
    }
    .donate-page2 .gform_wrapper.gravity-theme .gfield--type-total .gfield_label,
    .donate-page2 .gform_wrapper.gravity-theme .gfield--type-total .gfield_description,
    .donate-page2 .gform_wrapper.gravity-theme .gfield--type-total .ginput_container_total,
    .gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total .gfield_label,
    .gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total .gfield_description,
    .gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total .ginput_container_total {
        width: 100%;
    }
    .donate-page2 .gform_wrapper.gravity-theme .gfield--type-total .ginput_total,
    .gform_wrapper.gravity-theme .fn-sponsor-form .gfield--input-type-total .ginput_total {
        text-align: center;
    }
    .donate-page2 .gform_fields .gfield--type-submit,
    .fn-sponsor-form .gform_fields .gfield--type-submit {
        padding-right: 0;
    }
    .donate-step2-final-amount,
    .fn-sponsor-form .gfield--input-type-total {
        border-top-right-radius: var(--fn-border-radius);
        border-bottom-right-radius: var(--fn-border-radius);
    }
}
.donate-page2 .gform_wrapper.gravity-theme #field_submit input,
.gform_wrapper.gravity-theme .fn-sponsor-form #field_submit input {
    align-self: initial;
}
/* We set grid-colump-gap to make the 2 light green sections join, now we need some
   kludgy margins to separate the other half-width inputs. */
@media (min-width: 1025px) {
    .fn-sponsor-form .gfield--width-half.fn-sponsor-name,
    .fn-sponsor-form .gfield--width-half.fn-sponsor-facebook,
    .fn-sponsor-form .gfield--width-half.fn-sponsor-twitter {
        margin-right: 20px;
    }
    .fn-sponsor-form .gfield--width-half.fn-sponsor-company,
    .fn-sponsor-form .gfield--width-half.fn-sponsor-instagram,
    .fn-sponsor-form .gfield--width-half.fn-sponsor-linkedin {
        margin-left: 20px;
    }
}

/* Thank-you page image */
.donate-page2 .elementor-widget-call-to-action .elementor-cta__content {
    aspect-ratio: 3 / 2;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: min-content;
}
.donate-page2 .elementor-widget-call-to-action .elementor-cta__description {
    grid-row: 1;
    grid-column: 1;
    background-color: rgb(0,0,0,0.4);
    padding: 10px 18px;
    line-height: 19px;
}
.donate-page2 .elementor-widget-call-to-action .elementor-cta__image {
    grid-row: 1;
    grid-column: 2;
    background-color: rgb(0,0,0,0.4);
    align-self: stretch;
    margin-bottom: 0;
    padding: 55px 18px 10px 0;
}
.donate-page2 .elementor-widget-call-to-action .elementor-cta__image img {
    width: 170px;
}
.donate-page2 .elementor-widget-call-to-action .elementor-ribbon {
    transform: none;
    width: auto;
}
.donate-page2 .elementor-widget-call-to-action .elementor-ribbon-inner {
    transform: none;
    width: 100%;
    background: transparent;
    margin-top: 0;
    margin-right: 1em;
    text-transform: none;
    font-size: 8px;
    font-weight: 500;
}

/*----------------- Site Build ----------------------- */

.site-container  {
        margin:  0px auto;
        max-width:  1120px;
        overflow:  hidden;
        padding:  0px;
        }
        
.site-inner  {
        margin: 0 auto;
}
.site-header  {
        margin: 0 auto;
}


/***** genesis dam *****/

.gd-full-width,
.gd-full-width .site-container,
.gd-full-width .site-container .site-inner,
.gd-full-width .site-container .site-inner .wrap,
.gd-full-width .site-container .content-sidebar-wrap,
.gd-full-width .site-container main.content,
.gd-full-width .site-container main.content > article.entry,
.gd-full-width .site-container main.content > article.entry .entry-content {
    max-width: 100%;
    width: 100%;
    border: 0;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

/* 
hack to fix full width content alignment 
a mystery why alignment is out 
-- Comment 24/10/18. This fixed itself -- 
likely linked to body.blog .content .post right positioning
and the sidebar which is not active
something is off with the whole container
*/
.gd-full-width .site-container main.content > article.entry .entry-content {
   position: relative !important;
   /* on 24/10/18 this stopped working and shows a gap
   left: -21px !important;  
   top: -21px !important;
   margin-bottom: -42px !important; --  must be top and bottom padding: 21px somewhere 
   */
}

.gd-full-width.no-site-header .site-container,
.gd-full-width.no-site-header .site-container .site-inner {
   margin-top: 0;
}

body.gd-transparent-background { background-color: transparent!important; }

.gd-full-width .entry-header {display:none}

.page.has-custom-title .entry-title {display:none}

/** other css **/

@media screen and (max-width: 500px) {
   .gd-full-width .fl-row-bg-video video {
       left:0 !important;    
    }
  .gd-full-width .fl-row-bg-video {
    min-width: 360px;
  }
}

/***** end genesis dam *****/


/*----------------- Imports from Genesis ----------------
Standard Page Templates
------------------ */

/* hides default image on pages */
body .page-featured-image {
    display:none !important;
}

.page-template-full-width-sub .image-title img {
    opacity: .3;
}

.page-template-full-width-sub .image-title h1 {
    display: block;
}

.page-template-full-width-sub .content h1 {
    display: none;
}

.page-template-full-width-sub .image-title {
    position: relative;
    color: #fff;
    background-color: #32A8C8;
    margin-bottom: 30px;
}

.page-template-full-width-sub .image-title .entry-title {
    color: #fff;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 145px;
    font-size: 45px;
    width: 100%;
}

.page-template-full-width-sub .image-title img {
    width: 100% !important;
}

.sub-h {
    bottom: 80px;
    left: auto;
    font-size: 21px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.page-template-full-width-sub .image-title {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    max-height: 400px;
    background-color: #fff;
}

.page-template-full-width-sub .image-title .entry-title {
    position: relative;
}

.page-template-full-width-sub .image-title .sub-h {
    position: relative;
    bottom: 0;
    top: 140px;
}

.page-template-full-width-sub .image-title {
    margin-bottom: 15px;
}

/* ----------------- end clean CSS  ------------- */

/* 
All CSS in the previous faunalytics-custom.css file
was related to the home page, the archive pages, headers, footers, donate page, sidebar. 
All of these sections have been rebuilt. The CSS below is what is remaining 
from the orginal faunalytics-custom.css and the inline CSS inside the Genesis theme. 
I cannot confirm all is required as it has been based on trial and error and guesswork.
*/

/*-------- User Account (?) --------*/

#mepr-account-nav {
    display:none;
}

.mepr-account-info-input input {
    width: 300px !Important;
}

#mce-MMERGE1 {
    background:  #ebeaea!important;
    border:  1px solid #CCCCCC;
    width:  100%;
    height :  40px;
    margin:  0px 5px 0 0;
    padding:  4px 5px 10px 5px;
    color:  #888888;
    font-size:  1.6rem;
}

.ca-email-subscription-box #subbutton {
    background-color:  #FF9016;
    border:  none;
    color:  #fff;
    cursor:  pointer;
    font-size:  18px;
    font-weight: 900;
    text-align:  center;
    text-decoration:  none;
    text-transform:  uppercase;
    height: 40px;
    width: 17%;
    float:  right;
    padding:  0px 15px 0px 15px;
}

.ca-email-subscription-box #subbutton:hover {
    background-image:  none;
}

.mc-field-group {
    display:  inline-block;
    padding-left: 0px;
    width: 13%;
}

#mce-EMAIL  {
        width: 700px;
        height: 40px;
}

#mc-embedded-subscribe  {
        background-color: red;
        color: white;
}

.ginput_container input .ginput_container  textarea {
    background:  none;
    border:  2px solid #ecf0f1;
    color:  #bdc3c7;
    height:  auto;
    font-size:  18px;
    padding:  15px;
    font-weight:  400;
}
.ginput_container input,  .ginput_container textarea, .ginput_container span  {
    width:  100%;
    -webkit-box-sizing:  border-box;
    -moz-box-sizing:  border-box;
    box-sizing:  border-box;
    margin-top:  3px;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale;
}

/*-------- Page Not Found  (?) --------*/

.not-found-img{
    background-image: url('images/owl.jpg');    
    background-repeat:no-repeat;
    background-size: contain;
    height:300px;
}

.notfound-left-side{
    width:60%;
    float:left; 
}

.notfound-right-side{
    width:40%;
    float:right;
}

.nav-primary .wrap,
.notfound-left-side,
.notfound-right-side {
    text-align: center;
}

.notfound-left-side{
    width:60%;
    float:left; 
}

.notfound-right-side{
    width:40%;
    float:right;
}

.notfound-searchbox {
    display: none;
}

/*-------- General  (?) --------*/

.entry-content ol,  
.entry-content ul:not(.elementor-inline-items),  
.dynamik-widget-area ol,  
.dynamik-widget-area ul {
    padding:  0px !important;
    margin: 0px !important;
}

.archive-page ul li,  
.dynamik-widget-area ul li  {
    list-style-type: none;
    margin-left:0px;
    padding: 0px;
}


/* -------------  Media Queries for Responsive / Mobile  -------------  */


@media screen and (min-width: 960px) {
    .mobileOnly {
        display: none !important;
    }
    .desktopOnly {
        display: block !important;
    }
}

@media screen and (max-width: 959px) {
    .desktopOnly {
        display: none !important;
    }    
    .mobileOnly {
        display: block !important;
    }
}

@media (max-width: 1024px) {

  /* 
  .ca-feature-items,
  .ca-email-subscription-box #email_subscription_box, 
  .ca-service-boxes-bottom,
  .ca-programs-services,
  .ca-video-box #featured-video, 
  .sidebar-content .content-sidebar-wrap,
  .sidebar-content .sidebar-primary 
  */ 
  
  .ca-footer,
  body.override .content-sidebar-wrap, 
  body.override .content {
    float: none;
    margin: 0 auto;
    width: auto;
  }

  /* .content-sidebar-wrap surrounds .content and .sidebar. 
     On mobile and tablet, the sidebar becomes full width, so put left-right padding on
     .content.
     There are some elements that are inside .content-sidebar-wrap but outside of
     .content, for example, areas with FacetWP widgets which cannot be in the area
     controlled by FacetWP. Give them left-right padding too.
  */
  .site-inner .content-sidebar-wrap .content,
  .archive .site-inner .content-sidebar-wrap .fn-archive-nav-sort-container,
  .site-inner .content-sidebar-wrap > .elementor {
    padding-left: 28px;
    padding-right: 28px;
  }
  .error404 .site-inner .content-sidebar-wrap .content {
    padding-left: 0; /* exception for 404 pages */
    padding-right: 0;
  }
  body.search .content-sidebar-wrap > .content {
    box-sizing: border-box;
  }
  /* Sidebar goes below content on mobile by default; reverse so sidebar is above
     https://generatepress.com/forums/topic/move-sidebar-position-on-mobile/#post-830728 */
  body.search .content-sidebar-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  body.error404 .elementor .elementor-element.fn-hero {
    background-size: auto 310px;
  }

  .five-sixths, 
  .four-sixths, 
  .four-fifths, .one-fifth, .one-fourth, .one-half,
  body.search .one-half,
  .one-sixth, 
  .one-third,
  body.archive .one-third, .three-fourths, .three-fifths, .three-sixths, 
  .two-fourths, .two-fifths, .two-sixths, .two-thirds { 
     float: none;
     width: 100%; 
     margin-left: 0; 
  }
  .first { padding-top: 0 !important; }

  .notfound-left-side,
  .notfound-right-side,
  .disqus_thread {
    float: none;
    width: 100%;
  }

  .not-found-img {
    background-position: center 0;
  }
   
  .notfound-searchbox {
    margin: 0 auto;
    width: 100%;
    max-width: 290px;
    display: none;
  }

  .nav-primary .wrap,
  .notfound-left-side,
  .notfound-right-side {
    text-align: center;
  }

  br {
   clear: both;
  }
    
}

@media only screen and (max-width: 550px){

  .at-resp-share-element.at-mobile a, .at-mobile .at-resp-share-element a {
    width: 100%!important;
  }

}

@media only screen and (max-width: 479px) {

  .not-found-img {
    height: 170px;
  }
}

@media print {
.nav-primary, .sidebar, .ca-logo, #socialLoginHeader, .site-header, .yarpp-related, .ca-footer-outer, .sharing-buttons, .disqus_thread, .tags-container, .tag-icon, .tag-icons, .calendar-container, .ca-after-post-box, .plugin {
    display: none!important;
}