/*
Theme Name: BLUEPRINT INTERACTIVE Theme
Author: Blueprint Interactive
Author URI: https://blueprintinteractive.com
Description: Blueprint Interactive Custom Theme.
Version: 1.0
License: GNU General Public License


/* Normalize


   ========================================================================== */

/*
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  color: #1e2d33;
}

.single-post-card.news-ajax {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.single-post-card.news-ajax.no-image .news-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.page-id-16 #sms-disclaimer-field {
  display: none;
}
.newsfooter {
  margin: 32px 0 0 auto;
}

.featured-news-logo {
  margin-bottom: 10px;
}

.single-post-card.news-ajax .news-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
}

.news-ajax .news-content .newscon {
  margin-left: 25px;
  width: 80%;
}
.news-ajax.no-image .newscon {
  margin-left: 0px;
}
.news-ajax .newscon {
  margin-left: 0px;
}
p img {
  object-fit: contain;
  height: auto;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
  color: #0e6189;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
.single-post .can_embed.form {
  max-width: 90vw;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: 600;
}

strong {
  font-size: inherit !important;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;

  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Site CSS */
.featured-news-image,
.featured-news-logo {
  width: 100%;
  max-width: 300px;
  height: 150px;
}

.featured-news-image {
  object-fit: cover;
}

.featured-news-logo {
  width: 100%;
  max-width: 300px;
  height: 100px;
  object-fit: contain;
  object-position: bottom left;
}

.single-news-page {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.main-content {
  background-image: url("/wp-content/themes/blueprint/images/background.png");
  /* background-size: contain; */
  background-position: 0% 71%;
  background-size: 100vw;
}

.campaign-video {
  cursor: pointer;
}

.main-content.nolines {
  background-image: none !important;
}

.main-content.nolines a {
  color: #0e6189;
}

.action-button,
input#searchsubmit {
  background: #ef4035;
  border: 3px solid #ef4035;
  border-radius: 22px;
  font-size: 20px !important;
  color: #ffffff;
  letter-spacing: 0;
  margin: 10px;
  display: block;
  width: fit-content;
  padding: 10px 35px;
  text-transform: uppercase;
  min-width: 100px;
  font-weight: 600;
  max-width: 100%;
  text-decoration: none !important;
  transition: 0.5s ease-in-out;
  text-align: center;
}

input#searchsubmit {
  min-width: 200px;
}

.hero .action-button {
  margin: 20px 0 20px 0;
}

.full-width {
  padding: 5px 0px;
}

.form-box input,
.form-box select {
  margin-bottom: 7px;
}

#herovideo {
  position: absolute;
  width: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  height: auto;
}

* {
  font-family: "canada-type-gibson", sans-serif;
}

.benefit-image {
  width: 200px;
  height: 300px;
  object-fit: cover;
}

.benefit-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin: 5px 25px;
}

.benefit-card h4 {
  padding-top: 10px;
  color: #0e6189;
}

.benefits-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.donate-bar .donate-amount:hover {
  background: white;
  color: #ef4035;
  transition: 0.25s ease-in-out;
}

#qrcode_img,
#qrcode_cta {
  /* max-width: 300px; */
  /* width: 80%; */
  /* height: auto; */
}
/* a {
  word-break: break-all;
} */

.wp-block-image figure {
  margin-bottom: 20px;
}
.single-post-card h4 a {
  transition: 0.5s ease-in-out;
}
.single-post-card h4 a:hover {
  transition: 0.5s ease-in-out;
  color: #ef4035 !important;
}

.action-button:hover {
  transition: 0.5s ease-in-out;
}

.news-headline a {
  text-decoration: none;
  color: #0e6189;
  text-transform: capitalize;
  transition: 0.5s ease-in-out !important;
  cursor: pointer;
  letter-spacing: 0.9px;
  line-height: 29px;
  font-weight: 600;
}

.page-id-24 .news-headline a:hover {
  color: #3fafcf !important;
  text-decoration: none;
}

.main-content .news-section .inner,
.main-content .press-section .inner {
  max-width: 1100px;
}

.main-content .news-section .inner {
  padding: 20px;
}

.news-info {
  padding-bottom: 0px;
  color: #0e6189;
}
.news-headline a:hover {
  text-decoration: underline;
  cursor: pointer;
  transition: 0.5s ease-in-out;
}
.read-more {
  border-color: #9abb3f;
  font-size: 16px !important;
  color: #9abb3f;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 20px;
  background: white;
}

.read-more:hover {
  border-color: #9abb3f;
  transition: 0.5s ease-in-out;
  background: #9abb3f !important;
  color: white !important;
}

.share-options {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;

  align-items: center;
  flex-wrap: wrap;
}

.align-center {
}

#state-info {
  color: #0e6189;
}
.share-options img {
  width: 30px;
  margin: 5px 7px 0px;

  height: auto;
  transition: 0.25s ease-in-out;
}

#state-dropdown {
  padding: 10px 5px;
  font-size: 18px;
  border-radius: 10px;
}

.share-options img:hover {
  opacity: 0.7;
  transition: 0.25s ease-in-out;
}

html,
body {
  margin: 0;
}

.button-section .action-button {
  min-width: 300px;
  max-width: 300px;
}

.heateor_sss_svg {
  transition: 0.5s ease;
}
.heateor_sss_svg:hover {
  transition: 0.25s ease;
  opacity: 0.7;
}

.action-button:hover,
input#searchsubmit:hover {
  background: white;
  cursor: pointer;
  transition: 0.5s ease-in-out;
  color: #ef4035;
}

.donate-right .donate-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

.donate-right .donate-amount {
  margin: 8px 5px;
  max-width: 100px;
}

.recurring-box {
  display: inline-flex;
}

.recurring-box input {
  margin: 0 5px;
}

.news-image-box img {
  width: 350px;
  height: 150px;
  object-fit: cover;
}

.research-image,
.research-video {
  max-width: 1000px;
  width: 100%;
  height: 350px;
  object-position: center;
  object-fit: cover;
  margin-bottom: 20px;
}

.gallery-item img {
  object-fit: cover;
}

.news-image-box {
  width: fit-content;
  padding-bottom: 100px;
}

.wp-element-button {
  background: #ef4035;
  transition: 0.5s ease-in-out;
  color: #ffffff;
  margin: 10px;
  font-weight: 600;
  outline: 2px solid #ef4035;
}

.wp-element-button:hover {
  color: #ef4035;
  transition: 0.5s ease-in-out;
  background: #ffffff;
}

.small-button {
  background: #ef4035;
  border-radius: 22px;
  font-weight: 600;
  font-size: 22px;
  padding: 8px 20px;
  text-transform: uppercase;
  margin: 0 10px;
  color: #ffffff;
  letter-spacing: 0;
  width: fit-content;
  min-width: 100px;
  text-decoration: none !important;
  max-width: 100%;
  transition: 0.5s ease-in-out;
  text-align: center;
}

.newsfooter .small-button {
  border: 3px solid #ef4035;
}

.newsfooter .small-button:hover {
  background: #ffffff;
  color: #ef4035;
}

p:empty {
  display: none;
}

.donate-amount {
  background: #ef4035;
  border-radius: 22px;
  font-weight: 600;
  font-size: 24px;
  padding: 8px 20px;
  margin: 0 10px;
  color: #ffffff;
  letter-spacing: 0;
  width: fit-content;
  min-width: 100px;
  text-decoration: none !important;
  max-width: 100%;
  transition: 0.5s ease-in-out;
  text-align: center;
}

.donate-amount:hover {
  background: #0e6189;
  transition: 0.25s ease-in-out;
}

.small-button {
}

.media-hover {
  transition: 0.5s ease-in-out;
}
.media-hover:hover {
  filter: grayscale(1);
}

.medium-button {
  min-width: 200px;
  max-width: fit-content;
  padding: 8px 5px;
}
.large-button {
  width: 100%;
}

.donate-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 20px;
  align-items: flex-start;
}

.action-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}

.donate-right {
  min-width: 290px;
}

.share-options h5 {
  text-decoration: underline;
  font-size: 15px;
  color: #9abb3f;
  letter-spacing: 0.54px;
  text-align: center;
}

.campaign-bottom,
.research-bottom,
.jobs-bottom,
.issues-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 15px;
  padding-bottom: 20px;
}

.press-title,
.press-subtitle,
.red-title,
.red-subtitle,
.blue-title,
.blue-subtitle {
  color: white !important;
}

.news-section {
  border-bottom: 0px solid white;
}
.press-section,
.blue-section {
  background-color: #0e6189;
  border-bottom: 10px solid #3fafcf;
}
.page-id-24 .news-section {
  border-bottom: 10px solid #ef4035 !important;
}

.flex-research {
  border-bottom: 10px solid rgb(57, 159, 187) !important;
  padding-bottom: 0px;
}

.mobile-nav .sub-menu {
  filter: none;
}

.mobile-nav .sub-menu::before {
  display: none;
}

.sub-menu {
  border: 0.5px solid rgba(0, 0, 0, 0.2);
}
.donate-container {
  border-bottom: 10px solid transparent;
}

.red-section {
  background-color: #ef4035 !important;
  border-bottom: 10px solid #0e6189;
}

.news-bottom,
.press-bottom {
  display: flex;
  padding-bottom: 20px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

blockquote {
  max-width: 800px;
  margin: 10px auto;
  padding: 20px;
  width: 80%;
  min-width: 300px;
}

/* #tooltip {
  display: none !important;
} */

/* Hide campaigns menu items */
#menu-item-2688,
.menu-item-2688 {
  display: none !important;
}

.main-content .inner {
  max-width: 1000px;
  padding-top: 35px;
}

.action-left,
.action-right,
.issues-left,
.issues-right,
.jobs-left,
.jobs-right,
.campaign-left,
.campaign-right {
  width: 48%;
  min-width: 300px;
}

.research-bottom,
.research-top {
  width: 100%;
}
#gdpr-consent-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: white;
  border-top: 3px solid black;
  z-index: 2147483650;
  padding: 3px 5px;
  box-sizing: border-box;
  opacity: 0; /* Start invisible for fade-in */
  visibility: hidden; /* Start hidden and will be made visible with JS */
  transition: opacity 0.5s ease, visibility 0.5s;
}

.gdpr-fade-in {
  opacity: 0.95 !important;
  visibility: visible !important;
}

#gdpr-consent-container p {
  font-size: 14px;
  margin: 0;
  padding: 6px 36px 6px 10px;
}

#gdpr-close {
  position: absolute;
  top: 7.5px;
  right: 7.5px;
  width: 20px;
  height: 20px;
  background-color: black;
  border: 2px solid black;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 1s ease-in-out;
  color: white;
  font-size: 16px;
}

#gdpr-close::before,
#gdpr-close::after {
  content: "×";
  position: absolute;
  font-size: 16px;
}

@-moz-document url-prefix() {
  #gdpr-close::before,
  #gdpr-close::after {
    padding-top: 3px;
  }
  #gdpr-close:hover {
    transform: none;
  }
  #gdpr-close {
    top: 6px;
  }
}

#gdpr-close:hover {
  transform: rotate(90deg);
  background-color: white;
  color: black;
  transition: 1s ease-in-out;
}

.issue-section {
  /* background-image: linear-gradient(
    224deg,
    #feeded 0%,
    #f1f1f4 29%,
    #d9f1fc 100%
  ); */
  padding: 30px 0 0;
}

#footer-disclaimer {
  font-size: 13px;
  color: white !important; /* Set text color to white */
  background-color: transparent; /* Set background to transparent */
  padding: 10px 20px;
  border: 2px solid white;
  box-sizing: border-box;
  width: fit-content;
  text-transform: uppercase;
  max-width: 260px;
  margin-bottom: 15px;
  margin-top: 30px;
  word-wrap: break-word;
  display: block;
}

.issue-top,
.issue-bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.state-hero {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
}

.job-meta p {
  margin-right: 10px;
}

.main-content .job-meta {
  margin-bottom: 0px;
}

.job-posting h3 a,
.job-posting h3 {
  color: #0e6189 !important;
  transition: 0.5s ease-in-out;
}

.job-posting h3 {
  padding-bottom: 5px;
}

.job-posting h3 a:hover {
  color: #ef4035 !important;
}

.job-posting h2 {
  margin: 0 auto 10px;
}

.page-template-page-jobs .filter-wrapper {
  padding-bottom: 5px;
}

.job-posting {
  margin-bottom: 55px;
}

.job-meta {
  display: flex;
  flex-direction: row;
  justify-content: left;
}

.job-meta span.job-location,
.job-meta span.date-posted {
  margin: 0 50px 0 0;
}

.job-posting .action-button {
  margin: 0;
}

.job-meta span.job-location,
.job-meta span.date-posted,
.job-meta span.application-deadline {
  font-size: 19px;
}

.job-meta span.job-location span,
.job-meta span.date-posted span,
.job-meta span.application-deadline span {
  font-weight: bold;
}

.job-meta span {
  color: #1e2d33;
}

.filter-buttons {
  margin-bottom: 10px;
}

.filter-wrapper {
  margin-bottom: 40px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.page-template-page-overview-research .filter-wrapper {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.filter-wrapper select,
.filter-wrapper input {
  padding: 5px 15px;
  margin: 0 5px;
  font-weight: 600;
  border-radius: 20px;
  cursor: pointer;
  border: 2px solid #0e6189;
  color: #555555;
  font-size: 16px;
  font-family: "canada-type-gibson", sans-serif !important;
}

.filter-wrapper select {
  max-width: 270px;
  appearance: none;
  -webkit-appearance: none; /* Safari */
  -moz-appearance: none; /* Firefox */
  background: url("/wp-content/themes/blueprint/images/angle.png") no-repeat;
  background-position: right;
  background-size: 25px;
  padding-right: 30px;
  margin-bottom: 10px;
}

.has-small-font-size,
.has-small-font-size a {
  font-size: 16px !important;
}

.wp-block-button a {
  min-width: 250px;
}

.filter-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 170px;
  flex-direction: row;
}
.filter-wrapper form {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

#filter-button {
  flex-grow: 1;
  margin-right: 10px; /* Optional: Add margin for spacing */
}

.reset-x {
  padding: 2px 8px;
  color: white;
  border-radius: 20px;

  transition: 0.25s ease-in-out;
  text-transform: uppercase;
  font-size: 23px;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid #0e6189;
  background-color: #0e6189;
}

.mobile-x {
  display: none;
  margin: 10px 5px 0px;
  text-align: center;
}

.reset-x:hover {
  color: #0e6189;

  background-color: white;
}

.filter-wrapper input[type="submit"] {
  background-color: #ef4035;
  border: 2px solid #ef4035;
  border-radius: 20px;
  padding: 5px 25px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}

.single-post-card h2 {
  transition: 0.5s ease-in-out;
}

.single-post-card h2:hover {
  transition: 0.5s ease-in-out;
  color: #ef4035 !important;
}

.campaign-right h2,
.campaign-right .action-button {
  margin: 0;
  text-align: left;
}

.filter-wrapper input[type="submit"]:hover {
  color: red;
  background-color: white;
  transition: 0.25s ease-in-out;
}

.single-post-card h4 a {
  color: #363636;
  text-decoration: none;
  letter-spacing: 0;
  line-height: 32px;
}

.newsfooter a {
  margin-right: 0px;
}

.single-post-card .featured-news-image {
  height: 100%;
  object-fit: cover;
  display: inline-block;
  min-height: 180px;
  object-position: center;
  margin-top: 7px;
  margin-right: 2%;
  vertical-align: top;
  width: 28%;
}

.single-post-card .news-content {
  display: inline-block;
  vertical-align: top;
  width: 67%;
}

.single-post-card .newscon {
  display: inline-block;
}

.news-con-summary {
  padding-bottom: 0px;
  margin-bottom: 0px !important;
}

.featured-news-logo {
  width: 300px;
  height: auto;
}

.single-news-page h2 {
  margin-bottom: 20px;
}

.newsfooter {
  text-align: right;
  margin-top: 32px;
}

.single-post-card {
  margin-bottom: 40px;
  border-bottom: solid 2.5px #cccccc;
  padding-bottom: 40px;
}

.single-post-card.no-image .news-content,
.single-post-card.no-image .newscon {
  width: 100%;
}

.main-content .newscon h4 {
  margin-top: 0px;
  padding-top: 0px;
}

.filter-wrapper input {
  background-color: #ef4035;
  color: white;
  font-weight: 600;

  transition: 0.25s ease-in-out;
  border-radius: 10px;
}

.filter-wrapper input:hover {
  color: #ef4035;
  background-color: white;
}

.button-section .action-button {
  text-transform: unset;
}

.the-content.inner {
  max-width: 1000px;
  padding: 20px 5px;
}
.the-content h4 {
  color: #0e6189;
  letter-spacing: 1.05px;
  line-height: 34px;
}

.wysiwyg-content img {
  max-width: 100%;
  object-fit: contain;
  height: auto;
}
.main-content ul img {
  max-width: 100%;
  object-fit: contain;
  margin-top: 15px;
  margin-bottom: 15px;
  height: auto;
}
.wp-block-buttons {
  margin-bottom: 20px;
}

.wysiwyg-content h4 {
  margin-top: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.page-id-35 .staff-link:hover {
  opacity: 0.7;
}

.main-content .news-card h4 {
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
}
.staff-name {
  font-size: 22px;
  color: #fff;
  text-decoration: none;
  transition: 0.5s ease-in-out;
  letter-spacing: 1.05px;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 3px;
}

.page-id-35 .staff-name {
  margin-top: 0px;
  margin-bottom: 0px;
}

.page-id-35 .member p {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 17px;
  padding: 0;
}

.member p {
  margin: 0;
}
.single-team_member .memberimg p {
  font-size: 20px;
}

.staff-name:hover {
  text-decoration: underline;
  transition: 0.5s ease-in-out;
}

.featured-news-top a {
  transition: 0.5s ease-in-out;
}

.featured-media-img {
  transition: 0.5s ease-in-out !important;
}
.featured-media-img:hover {
  filter: grayscale(1);
  transition: 0.25s ease-in-out !important;
}

.main-content .featured-news-top a h2 {
  margin-top: 0px;
  transition: 0.5s ease-in-out;

  padding-top: 0px;
}
.main-content .featured-news-top a h2:hover {
  transition: 0.5s ease-in-out;
  color: rgb(239, 64, 53);
}

.staff-link {
  text-decoration: none;
  transition: 0.5s ease-in-out;
}

a .memberimg:hover,
.news-preview-image:hover {
  filter: grayscale(1);
  transition: 0.5s ease-in-out;
}

.news-preview-image {
  transition: 0.5s ease-in-out;
}

a .memberimg {
  filter: grayscale(0);
  transition: 0.25s ease-in-out;
}

.research-section {
  /* background-image: linear-gradient(
    224deg,
    #feeded 0%,
    #f1f1f4 29%,
    #d9f1fc 100%
  ); */
  padding: 50px 5px 30px;
}

.main-content.inner {
  text-align: left;
  padding-top: 30px;
  max-width: 1000px;
}

.main-content.inner .page-subheader {
  margin-bottom: 0px;
}

#recurring {
  margin-right: 12px;
  margin-left: -5px;
}

.page-content p {
  text-align: left;
  margin-top: 0px;
}
.jobs-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  align-items: center;
}

.resource-download {
  width: 165px;
  transition: 0.5s ease-in-out;
  margin-top: 20px;
}

.resource-download:hover {
  opacity: 0.7;
  transition: 0.5s ease-in-out;
}

.research-bottom .inner {
  max-width: 700px;
}

.research-top {
  padding-top: 50px;
}

.research-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.action-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.jobs-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.donate-left {
  width: 60%;
}
.donate-right {
  width: 35%;
}

img.campaign-thumbnail,
.jobs-thumbnail {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}

.campaign-thumbnail {
  width: 100%;
}

article {
  max-width: 100%;
  width: 100%;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-top: 5px;
}

.alignleft {
  float: left;
  margin-top: 5px;
  margin-right: 15px;
}

.jobs-circle-link {
  border-radius: 50%;
  width: 300px;
  background-position: -19px -29px;
  background-size: 347px;
  border-color: transparent;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/blueprint/images/border-circle-2.png");
  overflow: hidden;
  height: 300px;
  border-width: 30px;
  border-style: solid;
  margin: 10px 20px;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes reverse-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.jobs-circle-link {
  display: inline-block;
  animation: rotate 45s linear infinite;
  transition: 0.1s ease;
}

.jobs-circle-link:hover {
  animation-play-state: paused;
  transition: 0.1s ease;
}

.jobs-circle-link:hover .jobs-thumbnail {
  opacity: 0.9;
}

.jobs-thumbnail {
  animation: reverse-rotate 45s linear infinite;
}

.jobs-circle-link:hover .jobs-thumbnail {
  animation-play-state: paused;
}

.single-team_member .memberimg {
  min-width: 290px;
  margin-top: 25px;
}

.staff-overlay {
  margin-top: -5px;
  transition: 0.5s ease-in-out;
}

.campaign-video {
  width: 100%;
  height: auto;
  max-height: 300px;
}

.donate-top,
.research-top,
.action-top,
.news-top,
.campaign-top,
.jobs-top,
.issues-top,
.press-top,
.map-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  margin: 0 auto 5px auto;
  padding-top: 0px;
  padding-bottom: 0px;
}

b h2,
h2,
h2 b {
  font-weight: 600;
}

.inner {
  margin: 0px auto;
  width: 90%;
  max-width: 1200px;
  padding: 25px 20px 25px;
}

.aligncenter {
  margin: 20px auto;
}
.form-box input {
  width: 100%;
}

.single-news-page img {
  max-width: 100%;
  object-fit: contain;
}

.full-width {
  width: 100%;
}
.buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.campaign-right .action-button {
  margin: 0;
  text-align: center;
}
.featured-news-box {
  /* background-image: linear-gradient(
    224deg,
    #feeded 0%,
    #f1f1f4 29%,
    #d9f1fc 100%
  ) !important; */
  border-radius: 0px !important;
  padding: 20px 30px !important;
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
}

@keyframes moveGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.page-id-49 .campaign-section.campaign-box .campaign-bottom {
  padding-bottom: 20px;
}

.page-template-404 .action-button {
  margin: 10px auto;
}

.featured-news-box,
.issue-section,
#state-details,
.signup-form-wrapper.fixjob,
.research-section,
.wpforms-container.wpforms-container-full.form-box,
.form-box {
  background: linear-gradient(224deg, #fbdddd 0%, #efeffb 29%, #e7f7fe 100%);
  background-size: 200% 200%;
  animation: moveGradient 10s ease infinite;
}
.pagination-wrapper .page-number {
  display: inline-block; /* Show all page numbers by default */
}

.buttons .action-button {
  display: flex;
  align-items: center; /* This centers the text vertically */
  justify-content: center; /* This centers the text horizontally */
}

.news-listing-wrapper article:last-of-type {
  border-bottom: none !important;
}
.white-text {
  color: white;
}

.donate-bar {
  background: #0e6189;
}

.button-section .inner {
  padding-bottom: 30px;
  padding-top: 30px;
}

.donate-bar .inner {
  max-width: 1200px;
}

.donate-bar a h3 {
  transition: 0.25s ease-in-out;
}
.donate-bar a h3:hover {
  opacity: 0.7;
}
.donate-bar .inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 0px;
  padding-bottom: 0px;
  align-items: center;
}

.donate-bar h3 {
  margin-right: 30px;
}

.donate-bar.sticky h3 {
  margin-top: 0;
  margin-bottom: 0;
}
a.white-background {
  background: white;
  color: #0e6189;
  border: 3px solid white;
  transition: 0.5s ease-in-out;
}

.news-bottom .news-listing-wrapper {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  width: 100%;
}

a.white-background:hover {
  color: white;
  background: #0e6189;
  border: 3px solid white;
  transition: 0.5s ease-in-out;
}
.blue-background {
  background: #0e6189;
}

.red-background {
  background: #ef4035 !important;
}
h1,
h2,
h3 {
  text-transform: uppercase;
}

h3 {
  font-size: 2.25em;
  margin-top: 15px;
  margin-bottom: 15px;
}

h4 {
  font-size: 1.5em;
  font-weight: 600;
  padding-top: 10px;
  margin: 0 0 10px 0;
}

.heateor_sss_button_sms {
  display: none !important;
}

.hero-left h1 {
  font-size: 4.5em;
  min-width: 480px;
  line-height: 1;
}

.hero h4.subheader {
  font-size: 2.1em;
}

.color-link-box p a {
  color: white;
  transition: 0.25s ease-in-out;
  text-decoration: none !important;
}
.color-link-box p a:hover {
  opacity: 0.7;
}
.hero {
  padding: 10% 5% 15px 5%;
  /* background-image: url("/wp-content/themes/blueprint/images/hero.png"); */
  background-image: linear-gradient(
    223deg,
    #0e6189 0%,
    #0f4f6e 18%,
    #0f3f56 46%,
    #102f3f 100%
  );
  background-color: #000000;
  background-position: 0% 60%;
  min-height: 470px;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
  z-index: 1;
}

.mobile-nav .sub-menu .current-menu-item a,
#menu-header-2 .sub-menu .current-menu-item a,
.page-id-62 .mobile-nav .page-item-62 .sub-menu a {
  color: white;
  filter: unset;
}

#menu-header .current-menu-item > a,
.current_page_parent > a {
  color: #399fbb !important;
  filter: drop-shadow(2px -2px 3px rgba(0, 0, 0, 0.05));
}

#menu-header-2 .current_page_parent > a {
  color: white !important;
  filter: drop-shadow(2px -2px 3px rgba(0, 0, 0, 0.05));
}

#menu-header .sub-menu .current-menu-item > a {
  color: white !important;
}

.mobile-nav .current_page_parent > a {
  color: #44bfe1 !important;
}
#menu-header .sub-menu .current-menu-item a,
.mobile-nav .sub-menu .current-menu-item a {
  color: white;
  filter: drop-shadow(2px -2px 3px rgba(0, 0, 0, 0.2));
}

#menu-header .sub-menu .current-menu-item > a,
.single-team_member #menu-header .menu-item-77 > a {
  background-color: #399fbb;
  color: white !important;
}

.mobile-nav .current-menu-item > a,
#menu-header-2 .current-menu-item > a {
  color: #44bfe1 !important;
  filter: drop-shadow(2px -2px 3px rgba(0, 0, 0, 0.1));
}

.mobile-nav li a {
  filter: drop-shadow(2px -2px 3px rgba(0, 0, 0, 0.1));
}

.hero * {
  color: white;
}

.hero-left h1 {
  margin: 0.5em 0;
}

.hero-left {
  width: 80%;
  max-width: 740px;
  position: relative;
  z-index: 2;
}

.hero .subheader {
  background: rgba(0, 0, 0, 0.6);
}

.header-bar {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 10px 5%;
  justify-content: space-between;
  align-items: center;
}

.form-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  width: 100%;
}

.red-section .bottom-line {
  filter: brightness(5);
}
.page-template-page-overview-research .bottom-line {
  display: none;
}
.bottom-line {
  width: 75px;
  height: 20px;
  object-fit: contain;
  margin: 10px auto 10px;
}

#menu-header li,
#menu-header a {
  color: #5b5b5b;
  text-decoration: none !important;
}

.menu-item-5559 #search-word {
  font-size: 0px;
}

.mobile-nav .menu-item-5559 #search-word {
  display: flex;
  font-size: 1em;
}
.mobile-nav .menu-item-5559 svg {
  position: absolute;
  top: 17px;
  padding-left: 8px;

  fill: white;
  stroke: white;
  stroke-width: 3px;
}

.mobile-nav .menu-item-5559 {
  position: relative;
}

.menu-item-5559 svg {
  height: 50px;
  position: absolute;
  stroke-width: 2px;
  top: -8px;
  fill: #5b5b5b;
  transition: 0.25s ease-in-out;
  /* margin-bottom: -14px; */
  opacity: 0.9;
  width: 40px;
  fill: #5b5b5b;
  stroke: #5b5b5b;
  opacity: 1;
}

.menu-item-5559 svg:hover {
  fill: #399fbb;
  stroke: #399fbb;
}

.footer .menu-item-5559 svg {
  fill: #ffffff !important;
  height: 50px;
  position: absolute;
  top: -7px;
  stroke: white;
  width: 30px;
  transition: 0.25s ease-in-out;
}
.footer .menu-item-5559 {
  position: relative;
}

.footer .menu-item-5559 svg:hover {
  opacity: 0.7;
}

#menu-header li {
  width: 100%;
  font-size: 20px;
}

li {
  font-size: 20px;
  line-height: 1.5;
  padding-bottom: 10px;
}

#menu-header .sub-menu li {
  width: 100% !important;
  padding: 0px !important;
  margin: 0 !important;
  font-size: 18px;
}
#menu-header .sub-menu li a {
  width: 100% !important;
  white-space: break-spaces;
  margin: 0 !important;
}
.news-bottom,
.press-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  align-items: stretch;
  flex-wrap: wrap;
}

.news-bottom .read-more,
.press-bottom .read-more {
  margin: 0;
}

.news-bottom p,
.press-bottom p {
  font-size: 17px;
}

#menu-item-68 {
  min-width: 120px !important;
}

#menu-header li {
  list-style: none;
  position: relative;
  width: fit-content;
  color: black;
  text-decoration: none;
  list-style: none;
  font-weight: 600;
  margin-left: 40px;
}

.sub-menu {
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 35px;
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0 0 0 0;
  background-image: linear-gradient(
    -179deg,
    #0b4e70f7 0%,
    #09405cf6 30%,
    #07344bf4 100%
  );
  /* background-color: #0e6189; */
}

.home .sub-menu {
  background-image: linear-gradient(
    179deg,
    rgba(15, 105, 150, 0.99) 0%,

    rgba(15, 105, 150, 0.97) 100%
  );
}

.sub-menu::before {
  content: "";
  width: 0;
  transition: 0.5s ease-in-out;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0a4765;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.home .sub-menu::before {
  border-bottom: 10px solid #0e6189;
}

.sub-menu li,
.sub-menu a {
  text-decoration: none;
  margin: 0 auto !important;
  width: fit-content !important;
  color: white !important;
  transition: 0.25s ease-in-out;
}
.sub-menu a {
  width: 100%;
  margin: 0 auto;
  padding: 10px 5px;
  text-align: center;
}

#menu-item-2688 .sub-menu {
  left: -83px;
  width: 270px;
}

#menu-item-80 .sub-menu {
  left: -110px;
  width: 280px;
}

#menu-item-67 .sub-menu {
  left: -40px;
  min-width: 190px;
}

.news-listing-wrapper.inner {
  padding-top: 10px;
}

#menu-item-60 .sub-menu {
  left: -64px;
  min-width: 190px;
  max-width: 190px;
}

.main-content img.overview-image,
.main-content video.overview-video {
  max-height: 350px;
  height: 240px;
  object-fit: cover;
  object-position: top;
  width: 100%;
}

#menu-item-64 .sub-menu {
  left: -50px;
  min-width: 150px;
}

#menu-item-61 .sub-menu {
  min-width: 150px;
  left: -10px;
}
#menu-header .sub-menu {
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s linear, visibility 0s linear 0.15s; /* Faster fade-out, matching opacity transition time */
}
#menu-header .sub-menu {
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s linear, visibility 0s linear 0.15s;
}

#menu-header .sub-menu li > * {
  opacity: 0;
  transition: opacity 0.15s linear;
}

#menu-header .menu-item-has-children:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s linear, visibility 0s linear 0s;
}

#menu-header .menu-item-has-children:hover > .sub-menu li > * {
  opacity: 1;
  transition-delay: 0s;
}

#menu-header .menu-item {
  padding-bottom: 10px;
  margin-bottom: -10px;
}

#menu-header .menu-item a:hover {
  color: #399fbb;
  transition: 0.15s ease-in-out;
}

.donate-bar {
  transition: 0.25s ease-in-out;
}
.donate-bar .inner {
  width: 95%;
}

.sticky {
  position: sticky !important;
  padding: 0;
  transition: 0.25s ease-in-out;
  top: 0;
  filter: drop-shadow(-3px 3px 2px rgba(0, 0, 0, 0.3));
  left: 0;
  position: -webkit-sticky !important;
  transition: 0.5s;
  border-bottom: 5px white;
}
.sticky .inner {
  padding-top: 0px;

  padding-bottom: 3px;
}

.recurring-box {
  margin-top: 10px;
}
.sticky {
  position: sticky;
  z-index: 10000;
}
.donate-bar .donate-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.donate-bar .donate-buttons a {
  margin: 5px 10px;
}

#menu-item-68 {
  min-width: 110px;
}
.footer .social-icons {
  margin: 20px 5px 20px 0;
}

.footer .social-icons a:first-of-type {
  margin-left: 0px;
}
.footer img {
  width: 200px;

  height: auto;
}

.social-icons a {
  transition: 0.25s ease-in-out;
}

.social-icons a:hover {
  filter: hue-rotate(105deg) contrast(0.7) brightness(0.8);
  transform: scale(1.05);
  transition: 0.25s ease-in-out;
}

.footer .logo-link {
  margin: 20px 0 20px 0;
}

.sub-menu li {
  width: fit-content;
  white-space: nowrap;
  display: flex;
}

.sub-menu li:hover {
  transition: 0.25s ease-in-out;
}

.header-logo {
  left: 20px;
  top: 20px;
}
.header-logo img {
  width: 150px;
  height: auto;
}
.social-icons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  right: 20px;
}

.mobile-nav li .sub-menu {
  display: block;
  position: relative;
  width: 100%;
  opacity: 1;
  top: unset;
}

.header-bar .social-icons {
  padding-top: 2.5px;
}
.social-icons img {
  width: 60px;
  height: auto;
}

.page-template-qrcode_templates div#application,
.page-template-qrcode_templates div#Petition,
.page-template-qrcode_templates div#action {
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: center; */
  /* align-items: center; */
  /* flex-wrap: wrap; */
  /* width: 100%; */
  /* max-width: 900px; */
  /* margin: 0 auto 30px; */
}

.research-content-box h1 {
  font-size: 40px;
  font-weight: 600;
  padding-top: 10px;
}
.page-template-qrcode_templates div#Petition h3,
.page-template-qrcode_templates div#action h3,
.page-template-qrcode_templates div#application h3 {
  /* margin-top: 20px !important; */
}

.research-content-box {
  border: 3px solid black;
  background: white;
  padding: 20px 0;
  margin: 20px auto;
  filter: drop-shadow(-3px 3px 2px rgba(0, 0, 0, 0.2));
  width: 90%;
  max-width: 1000px;
}

.news-top,
.press-top {
  margin-bottom: 0px;
}

.press-card,
.news-card {
  background-image: linear-gradient(
    224deg,
    #feeded 0%,
    #f1f1f4 29%,
    #d9f1fc 100%
  );
  border-radius: 20px;
  padding: 25px 20px 25px 20px;
  border: none;
  margin: 5px 15px 40px;
  flex-basis: 26%;
  width: unset;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 240px;
}

.jobs-thumbnail {
  transition: 0.25s ease-in-out;
}
/* .jobs-thumbnail:hover {
  filter: contrast(1.1) brightness(0.9);
} */
.home .news-card,
.single-issue .news-card {
  border: none;
}

.news-title:hover {
  transition: 0.25s ease-in-out;
  opacity: 0.7;
}

.news-title {
  transition: 0.25s ease-in-out;
}

/* Flexing News and Press cards based on # (up to 9) */
/* Scenario 1: Single div stretches to 100% */
.news-bottom > .press-card:only-child,
.news-bottom > .news-card:only-child {
  flex-basis: calc(100% - 30px); /* Adjust for margins */
}

/* Scenario 2/4/5: Pairs of divs alone on a line stretch to 50% each */
.news-bottom > .press-card:nth-last-child(2):nth-child(1),
.news-bottom > .news-card:nth-last-child(2):nth-child(1),
.news-bottom > .press-card:nth-last-child(2):nth-child(1) ~ .press-card,
.news-bottom > .news-card:nth-last-child(2):nth-child(1) ~ .news-card,
.news-bottom > .press-card:nth-last-child(2):nth-child(4),
.news-bottom > .news-card:nth-last-child(2):nth-child(4),
.news-bottom > .press-card:nth-last-child(2):nth-child(4) ~ .press-card,
.news-bottom > .news-card:nth-last-child(2):nth-child(4) ~ .news-card,
.news-bottom > .press-card:nth-last-child(2):nth-child(7),
.news-bottom > .news-card:nth-last-child(2):nth-child(7),
.news-bottom > .press-card:nth-last-child(2):nth-child(7) ~ .press-card,
.news-bottom > .news-card:nth-last-child(2):nth-child(7) ~ .news-card {
  flex-basis: calc(42% - 20px); /* Adjust for margins */
}

/* Scenario 3: Last div alone on a line stretches to 100% */
.news-bottom > .press-card:nth-last-child(1):nth-child(3n + 1),
.news-bottom > .news-card:nth-last-child(1):nth-child(3n + 1) {
  flex-basis: calc(100% - 30px);
}

.theteam {
  display: flex;
  flex-direction: row;
  max-width: 1200px;
  margin: 0 auto 30px;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 30px;
  align-items: flex-start;
}

.page-template .can_embed.v5 #can_embed_form h2,
.page-template .can_embed.v5 #can_embed_form h3,
.page-template .can_embed.v5 #can_embed_form h4,
.page-template .can_embed.v5 #can_embed_form h5,
.page-template .can_embed.v5 #can_embed_form h6 {
  font-weight: 600;
  color: #0e6189 !important;
}

.theteam .memberimg {
  max-width: 100%;
  height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.theteam .member {
  width: 30%;
  margin: 5px;
  /* min-width: 200px; */
  /* max-width: 350px; */
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 330px;
  display: flex;
  align-items: end;
  justify-content: center;
  flex-wrap: wrap;
  overflow: hidden;
}

.staff-overlay {
  width: 100%;
  /* max-width: 100%; */
  text-align: center;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  background: #0e6189;
  border-bottom: 6px solid #ef4035;
  /* margin: 20px; */
  padding: 1px 6px;
  height: fit-content;
  min-height: 97px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
}

.staff-overlay h3 {
  transition: 0.25s ease-in-out;
}

.mem-img {
  width: 100%;
  margin: 0;
  /* min-width: 200px; */
  /* max-width: 350px; */
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 340px;
  transition: transform 0.3s ease-in-out;
  position: relative;
  z-index: 0;
  display: block;
}

.memberimg {
  width: 40%;
  margin: 20px auto;
  font-size: 0;
  transition: transform 0.3s ease-in-out;
}

.mem-img {
  transition: 0.5s ease-in-out;
  transform: scale(1);
}
.mem-img:hover {
  transform: scale(1.05);
  transition: 0.5s ease-in-out;
  filter: saturate(0) contrast(1.1) brightness(0.9);
}

.page-id-50 .single-tags-wrapper .tags-card h3 {
  filter: none;
}

.memberimg p {
  width: 100%;
  text-align: center;
  border-bottom: 4px solid #ef4035;
  background: #0e6189;
  margin: 0;
  padding: 7px 0;
  color: #fff;
  font-size: 26px;
  margin: 0 !important;
}

#jobs h2 {
  background-color: transparent;
  color: #0e6189;
  font-style: normal;
  font-weight: 600;
  height: auto;
  text-transform: none;
  width: fit-content;
  margin: 0 auto;
  line-height: 34px;
  text-align: center;
}

.issue-template-default .wysiwyg-content h2 {
  text-align: left;
}

/* .action-section h2 {
  padding-top: 30px;
} */

h2 {
  background-color: transparent;
  color: #0e6189;
  font-style: normal;
  font-size: 3em;
  font-weight: 700;
  height: auto;
  text-transform: none;
  width: fit-content;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 50px;
  text-align: center;
  white-space: wrap;
  max-width: 100%;
}
.memberinfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.image-separator {
  width: 100%;
  background-image: url("/wp-content/themes/blueprint/images/horizontal.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
  height: fit-content;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.featured-box-link {
  width: 80%;
  max-width: 1000px;
}

.color-link-box {
  width: 100%;
  background: #ef4135e5;
  padding: 20px 20px;
  max-width: 70vw;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.5s ease-in-out;
  box-sizing: border-box;
}

a .color-link-box:hover {
  opacity: 0.9;
  transition: 0.5s ease-in-out;
  background-color: #0e6089e0 !important;
}

.donate-bar .donate-buttons a {
  padding: 10px 2px;
}

.campaign-left h4.subheader,
.page-header {
  color: #0e6189;
  padding-top: 0px;
  margin: 0;
}

.form-box input,
.form-box textarea,
.form-box select {
  background: rgba(250, 255, 255, 0.777);
  border: 2px solid #0e6189;
  padding: 10px 0;
  margin: 10px 0;
  width: 100%;
  text-indent: 10px;
  border-radius: 5px;
}

.form-box input::placeholder {
  color: rgb(116, 116, 116);
}

.share-back {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
}

.hero h4.subheader {
  color: white;
  padding: 12px 15px;
  font-weight: 400;
}

.heateor_sss_sharing_title {
  font-weight: 600 !important;
}

.heateor_sss_sharing_container {
  display: none;
}

.heateor_sss_sharing_ul a {
  margin-left: 8px !important;
  transition: 0.25s ease-in-out;
}
.heateor_sss_sharing_ul a:hover {
  filter: contrast(2.2);
  opacity: 0.8;
  transition: 0.25s ease-in-out;
}

.share-back .heateor_sss_sharing_container {
  display: unset;
  margin-top: -38px;
  text-align: right;
}
.heateor_sss_s_sms {
  background-color: #ef4035 !important;
}

.campaign-title,
.news-title,
.research-title,
.donate-title,
.action-title,
.issue-title,
.press-title,
.page-header,
.jobs-title {
  margin: 0 auto !important;
  text-transform: uppercase;
}

.color-link-box h2,
.featured-box-link,
.color-link-box p {
  text-decoration: none !important;
  color: white !important;
}

p {
  line-height: 1.5;
  font-size: 20px;
  padding-bottom: 10px;
  color: #1e2d33;
}

.page-id-24 .news-section {
  background-color: #3fafcf !important;
}
.page-id-24 .news-section .bottom-line {
  filter: brightness(500);
}

.page-id-24 .news-section .read-more {
  color: #0e6189;
  border-color: #0e6189;
}

.page-id-24 .news-section .read-more:hover {
  color: white;
  background-color: #0e6189 !important;
}

.footer {
  background-image: linear-gradient(
    223deg,
    #0e6189 0%,
    #0f4f6e 18%,
    #0f3f56 46%,
    #102f3f 100%
  );
  margin-top: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 20px;
  display: flex;

  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.nav.footer {
  background: transparent !important;
}

.footer .sub-menu {
  display: none !important;
}
.footer a,
.footer li {
  color: white;
  text-decoration: none;
  list-style: none;
  transition: 0.5s ease-in-out;
}

.footer li {
  margin-right: 40px;
  font-size: 19px;
}

.footer {
  padding: 20px 5% 50px 5%;
}

.footer a:hover {
  opacity: 0.7;
  transition: 0.5s ease-in-out;
}

.footer ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.issue-thumbnail {
  width: 300px;
  height: 150px;

  object-fit: cover;
  object-position: center;
  margin: 20px auto;
}

.page-title {
  color: white;
  text-transform: capitalize;
  margin: 0px;
  font-size: 3em;
  padding: 10px;
}
.intro-bar {
  width: 100%;
  min-height: 40px;
  background: #0e6189;
  border-bottom: 12px solid #ef4035;
}

.intro-bar h1 {
  padding-left: 30px;
}

h1 {
  font-weight: 700;
}

.color-link-box h2,
.color-link-box p {
  margin: 5px 20px;
  text-align: center;
}

.color-link-box p {
  margin: 5px 20px 0px;
  font-size: 1.4em;
  line-height: 1.4;
}

#tooltip {
  position: absolute;
  height: 15px;
  padding: 2px;
  font: 13px sans-serif;
  background: lightsteelblue;
  border: 1px solid black;
  pointer-events: none;
}

#us-map {
  pointer-events: none;
}

.map-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.color-link-box h2 {
  color: white !important;
  font-size: 3.5em;
  text-transform: uppercase;
}

.map-box #state-details {
  margin: 0 20px;
  width: 350px;
}

#us-map {
  margin: 0 20px;
  position: relative;
}

.map-box {
  max-width: 1200px;
  width: 100%;
  margin: 10px auto;
}

#view-state {
  cursor: pointer;
}

#view-state:hover {
  transition: 0.25s ease-in-out;
}
.active {
  fill: #399fbb;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: 0.5s ease-in-out;
}

.active:hover {
  transition: 0.5s ease-in-out;
}

.member-count {
  font-weight: 600 !important;
  text-align: center !important;
  color: #ef4035 !important;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

div.wpforms-container-full button[type="submit"] {
  background: #ef4035 !important;
  border: 3px solid #ef4035 !important;
  border-radius: 22px !important;
  font-size: 20px !important;
  color: #ffffff !important;
  letter-spacing: 0 !important;
  margin: 10px auto !important;
  display: block !important;

  font-weight: 600 !important;
  text-transform: uppercase;
  transition: 0.25s ease-in-out;
}

.image-backdrop:hover {
  background-color: none !important;
  filter: saturate(0) contrast(1.5);
  transition: 0.5s ease-in-out;
}

.image-backdrop {
  transition: 0.5s ease-in-out;
}

.wpforms-container .wpforms-field {
  padding: 8px !important;
}

.wpforms-container .wpforms-submit-container {
  padding-top: 0px;
}

div.wpforms-container-full button[type="submit"]:hover {
  color: #ef4035 !important;
  background: #ffffff !important;
}

div.wpforms-container-full input,
div.wpforms-container-full select,
div.wpforms-container-full textarea {
  color: #1e2d33 !important;
  background: rgba(255, 255, 255, 0.937) !important;
  border: 2px solid #0e6189 !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  width: 100% !important;
  text-indent: 10px !important;
  border-radius: 5px !important;
}

div.wpforms-container-full input::placeholder,
div.wpforms-container-full select::placeholder,
div.wpforms-container-full textarea::placeholder {
  color: #1e2d33 !important;
}

#state-details {
  /* background-image: linear-gradient(
    224deg,
    #feeded 0%,
    #f1f1f4 29%,
    #d9f1fc 100%
  ); */
  border-radius: 19px;
  padding: 30px 30px 20px 30px;
  width: 200px;
  border-radius: 5%;
}

.sub-menu li a:hover {
  background-color: #399fbb;
}

div.wpforms-container-full {
  max-width: 600px;
  margin-bottom: 30px;
}

div.wpforms-container-full .wpforms-confirmation-container-full {
  color: #1e2d33 !important;
  border: none !important;
  background: none !important;
}

.form-box {
  border-radius: 19px !important;
  padding: 30px !important;
  box-sizing: border-box;
}
.wpforms-form {
  width: 100% !important;
  max-width: 600px;
}

input.wpforms-field-medium,
.wpforms-field-row {
  max-width: unset !important;
}
.footer-privacy {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.nav.footer {
  padding: 15px 0 0 0;
}

.social-icons a {
  margin: 0 7.5px;
  width: fit-content;
}
.social-icons img {
  width: 30px;
}

.jobbody p {
  text-align: left;
}
.bio-headshot {
  width: 100%;
  /* min-width: 300px; */
  /* max-width: 400px !important; */
  /* height: 350px; */
  object-fit: cover;
  object-position: center;
  margin: 0;
}

/* MOBILE NAV */
.container {
  cursor: pointer;
  float: right;
  right: 5%;
  position: absolute;
  top: 20px;
  z-index: 101;
  display: block;
}

.header-nav {
  display: none;
  position: relative;
  margin-top: 65px;
}

.back-link {
  color: #0e6189;
  font-size: 17px;
  font-weight: 600;
  display: flex;
  transition: 0.55s ease-in-out;
  margin: 0px auto 0 0;
}

.back-link:hover {
  color: #ef4035;
  transition: 0.55s ease-in-out;
}

.bar1,
.bar2,
.bar3 {
  background-color: #0e6189;
  height: 5px;
  margin: 5px 0;
  transition: all 0.4s;
  width: 35px;
  border-radius: 5px;
}

.change .bar1 {
  -webkit-transform: rotate(45deg) translate(7px, 7px);
  transform: rotate(45deg) translate(7px, 7px);
  background-color: #ffffff;
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  -webkit-transform: rotate(-45deg) translate(7px, -7px);
  transform: rotate(-45deg) translate(7px, -7px);
  background-color: #ffffff;
}

#menu-header-1 {
  padding-left: 0px;
  margin: 0px;
}

.mobile-nav {
  display: none;
  right: 0;
  text-align: center;
  top: 0px;
  width: 100%;
  z-index: 2;
  background-color: #0e6189;
  position: fixed;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  overflow: scroll;
  z-index: 100;
}

.mobile-nav li {
  margin: 0;
  list-style-type: none;
  list-style-image: none;
  position: relative;
  width: 100%;
  font-size: 1.8em;
  text-transform: uppercase;
  text-align: left;
}

.mobile-nav li a {
  border-bottom: 0;
  color: #000;
  display: inline-block;
  font-weight: 500;
  padding: 15px 1% 15px 4%;
  text-align: left;
  text-decoration: none;
  transition: all 0s linear 0s;
  color: white;
  font-weight: bold;
  box-sizing: border-box;
  vertical-align: middle;
}

.mobile-nav li .sub-menu {
  display: none;
  background-color: #ef4035;
  margin-left: 0;
}

.mobile-nav li .sub-menu a {
  border-bottom: 0;
  color: #000;
  display: block;
  font-weight: 500;
  width: 100vw !important;
  padding: 15px 10px;
  text-align: left;
  text-decoration: none;
  transition: all 0s linear 0s;
  font-weight: 400;
}

.mobile-nav li .sub-menu li {
  border: none;
  width: 100%;
  padding: 0;
}

.page-id-24 .page-title {
  filter: drop-shadow(2px -2px 3px rgba(0, 0, 0, 0.1));
}

.mobile-nav .submenu-toggle {
  height: 56px;
  margin-top: 0;
  position: relative;
  top: 0;
  display: inline-block;
  width: 57px;
  vertical-align: middle;
  filter: drop-shadow(2px -2px 3px rgba(0, 0, 0, 0.3));
}

.mobile-nav .submenu-toggle:before,
.mobile-nav .submenu-toggle:after {
  content: "";
  display: inline-block !important;
  width: 20px;
  height: 6px;
  position: absolute;
  left: 20px;
  cursor: pointer;
  top: 25px;
  transition: 0.25s;
  background: #44bfe1 !important;
  opacity: 1;
}
.mobile-nav .submenu-toggle.active:before {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 0;
}
.mobile-nav .submenu-toggle.active:after {
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mobile-nav .submenu-toggle:after {
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: center, center;
  transform-origin: center, center;
  opacity: 1;
}
.mobile-nav li .submenu-toggle.active:before,
.mobile-nav li .submenu-toggle.active:after {
  background: #fff !important;
}

.mobile-nav li ul.sub-menu li {
  text-transform: capitalize;
}

.mobile-nav li ul.sub-menu li a {
  font-size: 0.4em;
  font-weight: normal;
  padding: 10px 4%;
}

#menu-header {
  z-index: 100;
}

/* FIX MY JOB */
.single-news-page.inner.fixmyjob {
  margin: 0px auto;
}

.single-news-page.inner.fixmyjob a {
  color: #ef4035;
  /* text-decoration: none; */
  transition: all 0.25s ease-in-out;
}

.single-news-page.inner.fixmyjob a:hover {
  color: #0e6189;
  text-decoration: none;
}

.single-news-page.inner.fixmyjob ol,
.single-news-page.inner.fixmyjob ul {
  margin-left: 5%;
}

.single-news-page.inner.fixmyjob ol li,
.single-news-page.inner.fixmyjob ul li {
  line-height: 1.5;
  padding-bottom: 10px;
}

.repeat-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.featured-photo-wrapper.jobs {
  font-size: 0;
  position: relative;
}

img.jobs.featured-photo {
  /* filter: grayscale(.4); */
  /* background-color: rgba(53,53,53,0.8); */
  height: auto;
  max-height: 450px;
  min-height: 400px;
  object-fit: cover !important;
  object-position: center right;

  width: 100%;
}

.wysiwyg-content .heateorSssClear {
  display: none !important;
}

.wysiwyg-content .heateor_sss_sharing_title {
  display: none !important;
}

.featured-photo-wrapper.jobs::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
  background-color: rgb(2 78 114 / 50%);
}

.featured-photo-wrapper.jobs img {
  min-height: 200px;
  object-position: center 30%;
}

.featured-photo-wrapper.jobs .inner {
  left: 5%;
  max-width: 800px;
  width: 80%;
  position: absolute;
  right: 5%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.featured-photo-wrapper.jobs h2 {
  color: #ffffff;
  font-size: 2.5rem;
  margin-bottom: 10px;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.featured-photo-wrapper.jobs h4 {
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0 auto;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
  max-width: 900px;
}

.single-tags-wrapper {
  box-sizing: border-box;
  display: flex;
  margin-top: 15px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.single-tags-wrapper .tags-card {
  aspect-ratio: 1 / 1;
  background-color: #399fbb;
  box-sizing: border-box;
  color: #ffffff !important;
  text-decoration: none;
  padding: 30px;
  position: relative;
  /* width: 33.3%; */
  flex: 1 0 33.3%;
  max-height: 300px;
}

.scorecard td {
  padding: 20px !important;
}
.scorecard th {
  padding: 10px !important;
}
.scorecard th * {
  font-size: 23px !important;
}
.single-tags-wrapper .tags-card:nth-child(4n + 1) {
  background-color: #0e6189;
}

.single-tags-wrapper .tags-card:nth-child(4n + 2) {
  background-color: #ef4035;
}

.single-tags-wrapper .tags-card:nth-child(4n + 3) {
  background-color: #399fbb;
}

.single-tags-wrapper .tags-card:nth-child(4n + 4) {
  background-color: #102f3f;
  /* background-image: linear-gradient( 224deg,#feeded 0%,#f1f1f4 29%,#d9f1fc 100% ); */
}

.single-tags-wrapper .inner-tag-card {
  position: relative;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
}

.back-link {
  transition: 0.5s ease-in-out !important;
  width: fit-content;
  transform: translateX(0) !important;
}

.back-link:hover {
  transition: 0.5s ease-in-out !important;
  transform: translateX(10px) !important;
}
.single-tags-wrapper .tags-card p {
  margin: 0 0 5px;
  transition: all 0.25s ease-in-out;
  /* filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.7)); */
}

.single-tags-wrapper .tags-card h3 {
  font-size: 1.6rem;
  /* filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.7)); */
  margin: 5px 0;
  text-transform: none;
  transition: all 0.25s ease-in-out;
}

.single-tags-wrapper .tags-card span {
  display: inline-block;
  font-weight: 600;
  font-size: 21px;
  transition: all 0.25s ease-in-out;
}

.single-tags-wrapper .tags-card:hover {
  background-color: #282828;
}

.tags-card {
  transition: 0.5s ease-in-out;
}

.tags-card:hover {
  filter: saturate(0.1) contrast(1.2) !important;
  transition: 0.5s ease-in-out;
}

.single-tags-wrapper .tags-card:hover span {
  transform: translateX(5px);
  transition: 0.5s ease-in-out;
}

.single-tags-wrapper .tags-card:last-of-type {
}

.signup-form-wrapper.fixjob {
  background-image: linear-gradient(
    224deg,
    #feeded 0%,
    #f1f1f4 29%,
    #d9f1fc 100%
  );
  border-radius: 30px;
  margin: 50px auto;
  max-width: 90%;
  padding: 20px;
}

.signup-form-wrapper.fixjob h2 {
  margin: 20px auto;
  text-align: center;
  width: 100%;
}

.signup-form-wrapper.fixjob #can_embed_form #action_info,
.signup-form-wrapper.fixjob #can_embed_form_inner > h2 + h4,
.signup-form-wrapper.fixjob #can_embed_form #logo_wrap,
.signup-form-wrapper.fixjob .can_embed.v5 #can_embed_form h2 {
  display: none !important;
}

.signup-form-wrapper.fixjob #can_embed_form,
.signup-form-wrapper.fixjob #donate_auto_modal,
.signup-form-wrapper.fixjob #donate_make_recurring_modal {
  border: none !important;
  background-color: transparent !important;
  font-family: "canada-type-gibson", sans-serif !important;
}

.signup-form-wrapper.fixjob #can_embed_form.can_float #form_col1 {
  float: none !important;
  width: 100% !important;
}

.signup-form-wrapper.fixjob #can_embed_form input {
  font-family: "canada-type-gibson", sans-serif !important;
}

.signup-form-wrapper.fixjob #can_embed_form input[type="submit"] {
  font-weight: 600 !important;
  font-size: 23px !important;
}

.signup-form-wrapper.fixjob #can_embed_form_inner *,
.signup-form-wrapper.fixjob #can_embed_form .check_radio_field label {
  font-family: "canada-type-gibson", sans-serif !important;
}
.home-popup-wrapper {
  display: none; /* Start with the popup not displayed */
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  position: fixed;
  overflow-y: scroll;
  z-index: 10000000000;
  background: rgba(204, 235, 248, 0);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  -ms-backdrop-filter: blur(20px);
  -moz-backdrop-filter: blur(20px);
}
.home-popup-wrapper {
  display: none; /* Start with the popup not displayed */
  bottom: 0;
  background: rgba(204, 235, 248, 0);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  -ms-backdrop-filter: blur(20px);
  -moz-backdrop-filter: blur(20px);
  left: 0;
}

.home-popup-inner {
  border-radius: 8px;
  background: #0e6189;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
  display: flex;
  max-width: 1050px;
  margin: 50px auto;
  padding: 0;
  position: relative;
  width: 90%;
  min-height: fit-content;
}

.home-popup-inner.right {
  flex-direction: row-reverse;
}

.home-popup-wrapper .image-wrapper img {
  height: auto;
  width: 100%;
  display: none;
}

.home-popup-wrapper .image-wrapper {
  background-size: cover;
  background-position: center;
  width: 40%;
  background-repeat: no-repeat;
}

.home-popup-inner .popup-content {
  padding: 10px 20px;
  width: 60%;
}

#reset-filter-text {
  color: #ef4035;
  transition: 0.5s ease-in-out;
}
#reset-filter-text:hover {
  color: #0f3f56;
}
.home-popup-inner .close-div {
  align-items: center;
  /* border-radius: 20px;
  background: rgba(27, 64, 98, 0.50);
  backdrop-filter: blur(5px); */
  cursor: pointer;
  display: inline-flex;
  justify-content: flex-end;
  padding: 4px 10px;
  position: absolute;
  top: 5px;
  right: 0px;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  z-index: 2;
}

.home-popup-inner .close-div path {
  transition: all 0.4s ease-in-out;
}

.home-popup-inner .close-div:hover svg {
  transform: rotate(90deg);
  transform-origin: center;
  opacity: 0.9;
  transition: all 0.25s ease-in-out;
}

.home-popup-inner .close-div svg {
  transform: rotate(0);
  transform-origin: center;
  opacity: 1;
  transition: all 0.25s ease-in-out;
}

.home-popup-inner .close-div {
  transition: all 0.25s ease-in-out;
  transform-origin: center;
}

.home-popup-inner #can_embed_form .check_radio_field label input {
  top: 10px !important;
  width: 30px;
}

.home-popup-inner #can_embed_form input[type="text"],
.home-popup-inner #can_embed_form input[type="password"],
.home-popup-inner #can_embed_form input[type="url"],
.home-popup-inner #can_embed_form input[type="email"],
.home-popup-inner #can_embed_form input[type="tel"],
.home-popup-inner #can_embed_form input[type="number"] {
  border: 1.5px solid #0e6189 !important;
  border-radius: 5px !important;
}

.home-popup-inner .can_embed.v5 #can_embed_form h2,
.home-popup-inner #can_embed_form h4,
.home-popup-inner #can_embed_form #logo_wrap,
.home-popup-inner #action_info {
  display: none !important;
}

.home-popup-inner #can_embed_form.can_float #form_col1,
.home-popup-inner #can_embed_form.can_float #form_col2 {
  float: none !important;
  width: 100% !important;
}

.home-popup-inner #can_embed_form,
.home-popup-inner #donate_auto_modal,
.home-popup-inner #donate_make_recurring_modal {
  border: none !important;
  background-color: transparent !important;
}

.home-popup-wrapper .donate-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px !important;
}

.home-popup-wrapper .donate-buttons {
  margin-bottom: 0px !important;
  max-width: 480px;
}

.home-popup-wrapper .donate-right .donate-amount {
  margin: 8px 7px;
}

.red-popup .donate-amount {
  border: 2px solid white;
  background: #0e6189;
}

.blue-popup .donate-amount {
  border: 2px solid white;
}

.default-popup .close-div svg g {
  fill: #ef4035 !important;
}

.default-popup .donate-amount {
  border: 2px solid white;
  background: #ef4035;
  color: white !important;
}

.blue-popup .donate-amount:hover,
.default-popup .donate-amount:hover {
  border: 2px solid white;
}

.default-popup .donate-amount:hover {
  background: #0e6189 !important;
}

.red-popup .donate-amount:hover {
  border: 2px solid white;
  background: #ef4035;
}

.home-popup-inner #form_col1 li.core_field {
  display: inline-block;
  width: 49% !important;
}

.popup-content h3 {
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
}

.red-popup .home-popup-inner {
  background: #ef4035;
}

.red-popup .home-popup-inner .close-div:hover {
  fill: #0e6189;
}

.blue-popup .home-popup-inner .close-div:hover {
  fill: #ef4035;
}

.default-popup .home-popup-inner {
  background: white;
}

.default-popup h3,
.default-popup p {
  color: #0e6189 !important;
}

.popup-content h3 {
  color: #ffffff;
  width: 95%;
  font-size: 25px;
  line-height: 30px;
  margin: 10px 0;
  text-transform: capitalize;
  font-weight: 500;
}

.home-popup-inner p {
  color: #ffffff;
  padding: 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  margin: 0px 0 10px 0;
}

.home-popup-inner .form-box {
  padding: 5px !important;
  margin-top: 20px;
}

.main-content.qrcodegen input,
.main-content.qrcodegen select {
  background: rgba(237, 255, 255, 0.385);
  border: 2px solid #0e6189;
  padding: 10px 0;
  margin: 10px 0;
  width: 100%;
  text-indent: 10px;
  border-radius: 5px;
}

.main-content.qrcodegen input::placeholder {
  color: rgb(116, 116, 116);
}

.main-content.qrcodegen label {
  font-size: 20px;
  font-family: "canada-type-gibson", sans-serif !important;
  color: #0e6189;
}

.main-content.qrcodegen input[type="submit"] {
  background: #ef4035;
  border: 3px solid #ef4035;
  border-radius: 22px;
  font-size: 20px !important;
  color: #ffffff;
  letter-spacing: 0;
  margin: 10px 0;
  display: inline-block;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 100px;
  font-weight: 600;
  max-width: 100%;
  text-decoration: none !important;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.main-content.qrcodegen input[type="submit"]:hover {
  background: white;
  color: #ef4035;
}

.page-header,
.page-subheader {
  text-align: center;
}

/* Generic Styles */

.main-content h2 {
  margin-bottom: 5px;
  margin-top: 10px;
}

.main-content h5 {
  font-size: 20px;
  line-height: 25px;
}

.main-content h6 {
  font-size: 18px;
  line-height: 25px;
}

iframe {
  max-width: 100%;
}

.main-content li {
  padding-bottom: 10px;
  color: #1e2d33;
}

.main-content p {
  margin-top: 14px;

  margin-bottom: 10px;
}
#static-us-map {
  width: 80%;
  margin: 0px auto 15px;
  height: auto;
  max-width: 400px;
  padding: 15px;
}

.job-description {
  font-size: 18px;
  line-height: 25px;
}

.mobileonly {
  display: none;
}

.mobileonly-map {
  display: none;
}

.aligncenter {
  margin: 0 auto;
  display: block;
}

footer p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
  padding-bottom: 0;
}

.wp-caption {
  max-width: 100%;
}

/* Pagination */
.pagination-wrapper {
  text-align: center;
  margin-bottom: 50px;
}

.pagination-wrapper a.page-number {
  display: inline-block;
  margin-right: 20px;
  color: #2a2a2a;
  transition: 0.5s ease-in-out;
  text-decoration: none;
  border-right: 1px solid #cccccc;
  vertical-align: middle;
  padding: 10px 20px;
  margin: 0;
  font-size: 15px;
}

.pagination-wrapper a.page-number:hover {
  color: #ef4035;
}

a.page-number:has(+ a.next-btn) {
  border-right: none;
}

.pagination-wrapper a.page-number.current {
  font-weight: bold;
  color: #000 !important;
  pointer-events: none;
}

.pagination-wrapper a.next-btn,
.pagination-wrapper a.back-btn {
  background-color: #ef4035;
  color: #ffffff;
  border: none;
  display: inline-block;
  margin-right: 20px;
  text-decoration: none;
  vertical-align: middle;
  padding: 10px 20px;
  margin: 0;
  font-size: 15px;
  transition: 0.5s ease-in-out;
}

.pagination-wrapper a.next-btn:hover,
.pagination-wrapper a.back-btn:hover {
  background-color: #d0190c;
}

/* Education Fund */

.page-id-24 .action-wrap,
.page-id-24 .form-box {
  background-color: #3fafcf;
  background-image: none !important;
}

.page-id-24 .action-wrap h2,
.page-id-24 .action-wrap h4,
.page-id-24 .action-wrap p,
.page-id-24 .form-box #can-form-area-join-working-america-10 h2,
.page-id-24 .form-box #can-form-area-join-working-america-10 .checkbox,
.page-id-24 .form-box #can-form-area-join-working-america-10 a,
.page-id-24 .form-box #can-form-area-join-working-america-10 span,
.page-id-24 .can_embed.v5 #can_embed_form h2,
.page-id-24 #can_embed_form #d_sharing label {
  color: #ffffff !important;
}

.page-id-24 .form-box #can-form-area-join-working-america-10 input[type="text"],
.page-id-24
  .form-box
  #can-form-area-join-working-america-10
  input[type="email"] {
  background-color: white !important;
}

.page-id-24 .action-wrap .bottom-line {
  display: none;
}

.page-id-24 .action-wrap .form-box {
  background: none;
}

.page-id-24 .action-wrap #can_embed_form_inner *,
.page-id-24 .action-wrap #can_embed_form #d_sharing label {
  color: #ffffff !important;
}

.page-id-24
  .action-wrap
  .signup-form-wrapper
  .can_embed.form
  #can_embed_form_inner
  > h2,
.page-id-24 .action-wrap .signup-form-wrapper .can_embed.form h2 {
  display: none !important;
}

.page-id-24 .action-wrap .action-bottom {
  align-items: start;
}

.page-id-24 .action-wrap .form-box {
  padding: 0;
}

.page-id-24 .action-wrap .signup-form-wrapper > div {
  margin: 0;
}

.page-id-24 .inner.action-section {
  padding: 40px 20px 40px;
}

.page-id-24 .action-left {
  margin-bottom: 0px;
}

.donate-bar h3 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.color-link-box {
  margin: 0 auto;
}

#state-details {
  border-radius: 20px !important;
}

.can-form-area-volunteer-with-working-america-4,
.can-form-area-join-working-america-10 {
  max-width: 900px;
}

#can_embed_form .check_radio_field label input {
  width: fit-content;
}

.button-section a:hover {
  color: white !important;
}

.campaign-video {
  min-height: 350px;
  object-fit: cover;
  overflow: hidden;
}

a.white-background {
  font-weight: 600;
}

a.white-background:hover {
  background-color: #0e6189 !important;
}

.inner {
  max-width: 1000px;
}

.signup-form-wrapper > div {
  max-width: 1000px;
  margin: 20px 5px;
}

.buttons {
  justify-content: center;
}

.map-headline-box {
  padding-top: 15px;
  margin-bottom: 10px;
}

.home .hero {
  background-position: center 20%;
}

.page-id-16 .main-content {
  background-image: linear-gradient(
    224deg,
    #feeded 0%,
    #f1f1f4 29%,
    #d9f1fc 100%
  );
}

.buttons a {
  margin: 15px 20px;
}

.button-section .inner {
  padding-bottom: 20px;
  padding-top: 20px;
}

p iframe {
  width: 100%;
  margin-top: 15px;
  min-height: 580px;
}

h2 {
  width: 100%;
}

.page-id-24 .intro-bar {
  background: #3fafcf;
}

.page-id-24 h2 {
  color: #3fafcf;
}

.page-id-24 .news-title {
  color: #3fafcf;
}

.main-content.inner {
  background: transparent;
}

.page-id-16 .form-box input,
.page-id-16 .form-box div,
.page-id-16 .form-box select {
  width: 400px;
  box-sizing: border-box;
  max-width: 100%;
}

.page-id-16 label {
  visibility: hidden;
  display: block;
}

.page-id-4231 .form-box input,
.page-id-4231 .form-box div,
.page-id-4231 .form-box select {
  width: 400px;
  max-width: 100%;
}

.page-id-4231 label {
  visibility: hidden;
  display: block;
}

.subheader.research-subheader p {
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
}
.main-content:last-child {
  padding-bottom: 0px;
}

main {
  min-height: 400px;
}
main .main-content {
  padding-top: 40px !important;
}

.home .main-content {
  position: relative;
}

.page-id-4231 .form-box .action-button {
  background: #0f3f56 !important;
  cursor: pointer;
}

.page-id-4231 .form-box {
  padding: 10px;
  background: transparent !important;
}

.page-id-4231 .form-box p label {
  visibility: inherit;
}

.page-id-4231 .form-box p,
.page-id-4231 .form-box p label {
  font-size: 16px;
  margin-bottom: 0px;
}

.displaynone {
  visibility: hidden !important;
  font-size: 1px !important;
}

.page-id-4231 .form-box .action-button:hover {
  background: white !important;
  color: #ef4035;
}

.red-section .action-button {
  border-color: rgb(249, 64, 53);
  color: rgb(249, 64, 53);
}

.red-section .action-button:hover {
  border-color: rgb(249, 64, 53);
  color: white !important;
  background: rgb(249, 64, 53) !important;
}

.blue-section .action-button {
  border-color: #0e6189;
  color: #0e6189;
}

.blue-section .action-button:hover {
  border-color: #0e6189;
  color: white !important;
  background: #0e6189 !important;
}

.page-id-16 .form-box .action-button {
  background: #0f3f56 !important;
  cursor: pointer;
}

.page-id-16 .form-box {
  padding: 10px;
  background: transparent !important;
}

.image-separator video {
  object-fit: cover;
  max-height: 500px;
}

.page-id-16 .form-box .action-button:hover {
  background: white !important;
  color: #ef4035;
}

.share-options h5,
.share-options img {
  filter: hue-rotate(125deg) brightness(0.7);
}

.share-options img:hover {
  filter: none;
}

.wide-image-box {
  background-size: cover !important;
  background-position: center !important;
  height: 400px;
  min-height: unset;
}

.wide-video-box,
.wide-embed-box {
  background-position: center !important;
  height: 500px;
  min-height: unset;
}

.wide-embed-box iframe {
  width: 100vw;
  height: 500px;
}

.wide-image-box,
.wide-embed-box,
.wide-video-box {
  background-size: cover !important;
  padding: 0px;
}

.image-separator .wide-video-box video {
  object-fit: cover;
  overflow: hidden;
  background-size: cover;
}
.single-tags-wrapper a {
  background-size: cover !important;
}
.campaign-subtitle {
  text-align: center;
}

.pulsate {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  transform: scale(0.99);
  animation: pulse 3s infinite;
  width: fit-content;
}

/* .blue-section .state-related {
  border: 6px solid #399fbb !important;
} */
.hero h4.subheader {
  background: transparent;
  padding: 12px 0;
}
.hero-left h1,
.hero-left h4,
.hero-left a {
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
}
.hero-left h1 {
  margin: 0.5em 0 0.05em 0;
}

/* .red-section .state-related {
  border: 6px solid black;
}

.state-related {
  border: 6px solid black;
} */

div#donation,
div#Petition,
div#action,
div#application {
  margin: 3em auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

img#donation_qr_img,
img#qrcode_cta,
img#cta_qr_img,
img#qrcode_img {
  width: 100%;
  max-height: 400px;
  object-fit: contain;
}

div#donation h3,
div#Petition h3,
div#application h3,
div#action h3 {
  margin: 0 !important;
}

p#qrcodetext_cta,
p#cta_p,
p#qrcode_text {
  text-align: center;
}

.donate-hero-img {
  margin: 0;
  font-size: 0;
}

.page-id-24 .bottom-line {
  filter: hue-rotate(165deg) saturate(2) brightness(0.85);
  margin-bottom: 15px;
}

/* FIREFOX CSS */
@-moz-document url-prefix() {
  .action-button {
    padding: 10px 35px 8px;
    line-height: 20px;
  }

  #filter-button {
    padding-top: 7px;
  }

  .reset-x {
    padding-top: 6px;

    line-height: 1;
  }
  .small-button {
    padding: 10px 35px 8px;
    line-height: 20px;
  }
  .filter-wrapper select {
    padding-top: 7px;
  }

  .donate-amount {
    padding: 8px 20px 4px !important;
  }
  .intro-bar h1 {
    line-height: 1.2;
    padding-top: 16px;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.99);
  }

  50% {
    transform: scale(1.02);
  }

  100% {
    transform: scale(0.99);
  }
}

/* -------------------------------------------------------------- */
/* Animate CSS
-------------------------------------------------------------- */

.fade-in-from-left {
  opacity: 0;
  animation-timing-function: ease-out;
  -webkit-transform: translateX(-15px);
  -moz-transform: translateX(-15px);
  -o-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fade-in-from-left.animated {
  animation-name: fade-from-left;
  animation-duration: 0.5s;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@keyframes fade-from-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }

  45% {
    opacity: 0.5;
  }

  90% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fade-in-from-bottom {
  opacity: 0;
  animation-timing-function: ease-out;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -o-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
}

.fade-in-from-bottom.animated {
  animation-name: fade-from-bottom;
  animation-duration: 1s;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

@keyframes fade-from-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fade-in-from-right {
  opacity: 0;
  animation-timing-function: ease-out;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -o-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
}

.fade-in-from-right.animated {
  animation-name: fade-from-right;
  animation-duration: 0.5s;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@keyframes fade-from-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -o-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
  }

  90% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.BackToTop {
  position: fixed;
  z-index: 999999;
  display: inline-flex;
  filter: drop-shadow(-2px 2px 4px rgba(0, 0, 0, 1));
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease 0s;
  inset: auto 0px 0px auto;
  box-sizing: border-box !important;
  outline: none !important;
  transition: 0.5s ease-in-out;
}

.BackToTop:hover .BackToTop-Inner {
  background-color: #3fafcf;
  transition: 0.5s ease-in-out;
}

.BackToTop-Inner {
  padding: 14.6667px 2.66667px 5.66667px 14.6667px;
  position: relative;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: 0.5s ease-in-out;
  -webkit-box-align: center;
  align-items: center;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  border-radius: 100px 0px 0px;
  top: 0px;
  backface-visibility: hidden;
  background-color: #ef4035;
  color: rgb(255, 255, 255);
  margin-right: 0px;
  margin-bottom: 0px;
}

.BackToTop-Inner::before {
  position: absolute;
  content: " ";
  inset: 0px;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease 0s;
  border-radius: inherit;
  pointer-events: none;
}

.BackToTop-Inner::after {
  position: absolute;
  content: " ";
  inset: 0px;
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
}

.BackToTop-SecondInner {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: column;
}

.BackToTop-Icon {
  fill: white;
  width: 32.5px;
  height: 32.5px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  fill: rgb(255, 255, 255);
  z-index: 2;
  transition: all 0.3s ease 0s;
}

.BackToTop-Icon > div {
  width: inherit;
  height: inherit;
}

.BackToTop-Icon svg {
  display: block;
  object-fit: contain;
}

.BackToTop.show {
  opacity: 1;
  visibility: visible;
}