:root {
  --color-eggshell: #fafafa;
  --color-ghost: #f8f8f8;
  --color-gray: #767676;
  --color-slate: #434343;

  --color-doorways-blue: #085a8c;
  --color-doorways-blue-rgb: 8, 90, 140;
  --color-doorways-red: #f24405;
  --color-doorways-red-rgb: 242, 68, 5;
  --color-doorways-green: #81ad56;
  --color-doorways-green-rgb: 129, 173, 86;
  --color-doorways-yellow: #f2a922;
  --color-doorways-yellow-rgb: 242, 169, 34;
  --color-doorways-pink: #bf4996;
  --color-doorways-pink-rgb: 191, 73, 150;
  --color-doorways-fog: #f2f2f2;
  --color-doorways-fog-rgb: 242, 242, 242;
  --color-doorways-coral: #f2295b;
  --color-doorways-coral-rgb: 242, 41, 91;

  --color-doorways-blue-dark: #094265;
  --color-doorways-blue-dark-rgb: 9, 66, 101;
  --color-doorways-red-dark: #de3300;
  --color-doorways-red-dark-rgb: 222, 51, 0;
  --color-doorways-green-dark: #428602;
  --color-doorways-green-dark-rgb: 66, 134, 2;
  --color-doorways-yellow-dark: #ffb427;
  --color-doorways-yellow-dark-rgb: 255, 180, 39;
  --color-doorways-pink-dark: #a3387e;
  --color-doorways-pink-dark-rgb: 163, 56, 126;
  --color-doorways-fog-dark: #dddddd;
  --color-doorways-fog-dark-rgb: 221, 221, 221;

  --color-primary: var(--color-doorways-blue);
  --color-secondary: var(--color-doorways-pink);
  --color-accent: var(--color-doorways-yellow);
  --color-text: var(--color-slate);

  --gradient-color-start: var(--color-doorways-pink-rgb);
  --gradient-color-end: var(--color-doorways-blue-rgb);
}

/* Archive Pagination styles */
nav.elementor-pagination a {
  background-color: var(--color-doorways-red);
  color: var(--color-eggshell);
  border-radius: 50%;
  display: inline-block;
  min-width: 2em;
  min-height: 2em;
  line-height: 2em;
}
nav.elementor-pagination a:hover {
  background-color: var(--color-doorways-red-dark);
  color: var(--color-eggshell);
}

/* Full width staff page smart list */
.eael-post-list-posts-wrap {
  flex: 100% !important;
}

.hidden {
  display: none;
}

/* Remove extra input padding from parent theme */
input[type="email"] {
  padding: 0 1em;
}

[type="button"]:focus,
[type="button"]:hover,
[type="submit"]:focus,
[type="submit"]:hover,
button:focus,
button:hover {
  background-color: var(--color-doorways-red);
  border-color: var(--color-doorways-red) !important;
}

.text-button .elementor-button {
  padding-left: 0 !important;
}

.elementor-section.elementor-section-boxed > .elementor-container {
  width: 94vw;
}

.elementor-widget-container .wp-block-image.alignfull.size-large {
  border-top-width: 8px;
  border-top-style: solid;
  border-color: var(--color-doorways-pink);
  border-radius: inherit;
  border-image: linear-gradient(
    to right,
    var(--color-doorways-pink),
    var(--color-doorways-red)
  );
}

.billboard-featured-image {
  position: relative;
}
.billboard-featured-image:not(.no-overlap) {
  margin-top: -160px !important;
}

.billboard-featured-image::before,
header.sticky-header:not(.elementor-sticky__spacer)::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.5;
}

.billboard-featured-image::after,
header.sticky-header:not(.elementor-sticky__spacer)::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 1;

  background-color: transparent;
  background-image: linear-gradient(
    130deg,
    rgba(var(--gradient-color-start), 1) 0%,
    rgba(var(--gradient-color-start), 0.7) 25%,
    rgba(var(--gradient-color-end), 0.7) 75%,
    rgba(var(--gradient-color-end), 1) 100%
  );
}
body:not(.home) .billboard-featured-image::after {
opacity:.4;
}
header.sticky-header:not(.elementor-sticky__spacer)::before {
  opacity: 0;
  transition: all var(--transition);
  z-index: 1;
}
body:not(.home) header.sticky-header:not(.elementor-sticky__spacer)::before {
  opacity: 0.1;
}
header.sticky-header:not(.elementor-sticky__spacer)::after {
  opacity: 0;
  background-image: linear-gradient(
    130deg,
    rgba(var(--gradient-color-start), 1) 10%,
    rgba(var(--gradient-color-end), 1) 90%
  );
  transition: all var(--transition);
}
body:not(.home) header.sticky-header:not(.elementor-sticky__spacer)::after {
  opacity: 1;
}

header.sticky-header .elementor-background-overlay {
  transition: opacity 0.66s ease-in-out !important;
}

header.sticky-header {
  --header-height: 80px;
  --opacity: 1;
  --transition: 0.5s ease-in-out;
  transition: all var(--transition);
  box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 0%) !important;
}

header.sticky-header .logo img {
  min-height: 65px;
  height: auto !important;
}

header.sticky-header > * {
  z-index: 1;
}
header.sticky-header > .elementor-container {
  transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects {
  box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 12%) !important;
  transition: all var(--transition);
}
header.sticky-header.elementor-sticky--effects::before {
  opacity: 0.1;
  transition: all var(--transition);
}
header.sticky-header.elementor-sticky--effects::after {
  opacity: 1;
  transition: all var(--transition);
}

header.sticky-header .elementor-nav-menu .elementor-item {
  transition: padding var(--transition);
}
header.sticky-header.elementor-sticky--effects
  .elementor-nav-menu
  .elementor-item {
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}
header.sticky-header.elementor-sticky--effects .elementor-background-overlay {
  transition: opacity 0.66s ease-in-out !important;
  opacity: 1 !important;
}
header.sticky-header > .elementor-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
header.sticky-header > .elementor-container .header-logo {
  width: auto;
  max-height: 65px;
  max-width: 180px;
}

header.sticky-header > .elementor-container .header-navigation {
  width: auto;
  flex: none;
  order: 3;
}

header.sticky-header > .elementor-container .header-navigation > * {
  padding: 5px !important;
}
header.sticky-header > .elementor-container .header-donate {
  width: auto;
  flex: 1;
  order: 2;
}

/*
header.sticky-header > .elementor-container .logo img {
  transition: max-width var(--transition);
  max-width: 100%;
}
header.sticky-header.elementor-sticky--effects .logo img {
  transition: max-width var(--transition);
  max-width: 75%;
}
*/

/*
body.is-pagecat-programs header.elementor-22674.elementor-location-header {
  --gradient-color-start: var(--color-doorways-red-dark);
  --gradient-color-end: var(--color-doorways-pink);
}

body.is-pagecat-stories header.elementor-22674.elementor-location-header {
  --gradient-color-start: var(--color-doorways-red);
  --gradient-color-end: var(--color-doorways-yellow);
}

header.elementor-22674.elementor-location-header::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url("img/doorways-logo-shape-black-rotated.svg");
  background-position: 35vw 35%;
  background-repeat: no-repeat;
  background-size: 67vw auto;
  opacity: 0.15;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
*/

.text-overlay-box > .elementor-widget-wrap {
  padding: 6em 15% !important;
}
.text-overlay-box > .elementor-widget-wrap::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.15;
}
.text-overlay-box .elementor-heading-title {
  font-size: 2.25em;
}
.text-overlay-box p {
  font-size: 1.125em;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: 100%;
}
.eael-post-grid-container .eael-post-grid.eael-post-carousel .eael-grid-post {
  display: flex;
  height: 100%;
}

.home-hero-billboard {
  position: relative;
  margin-top: -161px;
  height: 100vh;
  width: 100%;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 1.5s ease-in-out;
}
.home-billboard-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  object-position: center center;
  transition: all 1.5s ease-in-out;
  opacity: 1;
}
.home-hero-billboard.collapsed {
  height: 160px;
  min-height: 0;
}
.home-hero-billboard.collapsed .home-billboard-video {
  opacity: 0;
  object-position: center bottom;
}

.callout-box {
  padding: 1.5em;
  background-color: transparent;
  background-image: radial-gradient(
    at bottom right,
    var(--color-doorways-yellow) 0%,
    var(--color-doorways-coral) 80%
  );
}
.callout-box > div {
  padding: 0 !important;
  margin: 0 !important;
}
.callout-text p {
  margin: 0 !important;
  font-size: 24px;
  line-height: 1.25;
  color: white;
  /* mix-blend-mode: luminosity; */
}
.callout-text p > * {
  display: block;
}
.callout-text .callout-medium {
  line-height: 1;
  font-size: 48px;
  font-weight: 200;
  margin: 10px 0 10px !important;
}
.callout-text .callout-large {
  font-size: 60px;
  font-weight: 100;
  font-style: oblique;
  line-height: 0.75;
  margin: 20px 0 10px !important;
}

.page-content {
  font-size: 1.125rem;
  line-height: calc(5 / 3);
}
.page-content p {
  margin-bottom: 1.25rem;
}

.page-content li {
  margin-bottom: 1.25rem;
}
.page-content .page-footnotes {
  font-size: 0.875rem;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-doorways-fog-dark);
}
.page-content .page-footnotes ol {
  padding-left: 1rem;
}
.page-content .page-footnotes li {
  margin-bottom: 1rem;
}

.column-gap-small > .elementor-container {
  gap: 20px;
}

@media (min-width: 768px) {
  .callout-box.shift-up {
    margin-top: -9em;
  }
  .callout-text .callout-large {
    font-size: 10vw;
  }
}

@media (min-width: 1160px) {
  .billboard-featured-image:not(.no-overlap) {
    margin-top: -160px !important;
  }
  .callout-text p {
    font-size: 32px;
  }
  .callout-text .callout-large {
    font-size: 120px;
  }

  header.sticky-header {
    --header-height: 160px;
  }
  body:not(.home) header.sticky-header {
    --header-height: 100px;
  }
  header.sticky-header > .elementor-container {
    min-height: var(--header-height) !important;
    height: var(--header-height);
    transition: all var(--transition);
  }
  header.sticky-header.elementor-sticky--effects > .elementor-container {
    min-height: 100px !important;
    height: 100px;
    transition: all var(--transition);
  }
  .text-overlay-box > .elementor-widget-wrap {
    padding: 8em 40% 8em 10% !important;
  }

  header.sticky-header > .elementor-container .header-logo img {
    max-width: 170px;
  }
  header.sticky-header > .elementor-container .header-navigation {
    flex: 1;
    order: 2;
  }
  header.sticky-header > .elementor-container .header-navigation > * {
    padding-right: 0 !important;
  }
  header.sticky-header
    > .elementor-container
    .header-navigation
    .elementor-nav-menu
    > lili:last-of-type {
    margin-right: 40px !important;
  }

  header.sticky-header > .elementor-container .header-donate {
    flex: none;
    order: 3;
  }
  header.sticky-header > .elementor-container .header-donate > * {
    padding: 0 !important;
  }
}