.c-site-footer .footer-top {
  background: var(--color-teal);
  border-bottom: solid 2px var(--color-dark-teal);
}

.c-site-footer .footer-top .footer-top__inner {
  display: -webkit-box;
  display: flex;
  padding: 4rem 0;
}

.c-site-footer .footer-top .footer-top__inner .logo {
  content: var(--url-footer-logo);
  max-height: 80px;
  max-width: 226px;
}

.c-site-footer .footer-top .footer-top__inner .utility {
  display: block;
  clear: both;
  -webkit-box-pack: left;
          justify-content: left;
  -webkit-box-align: baseline;
          align-items: baseline;
  max-width: calc(100% - 2em);
}

@media screen and (min-width: 945px) {
  .c-site-footer .footer-top .footer-top__inner .utility {
    -webkit-box-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
}

.c-site-footer .footer-top .footer-top__inner .utility h3 {
  color: var(--color-white);
  font-family: var(--font-family-body);
  font-size: 2rem;
  font-weight: 500;
  line-height: 136%;
  margin-bottom: 1rem;
}

.c-site-footer .footer-top .footer-top__inner .utility #block-buttonblock-footer {
  margin-left: auto;
  width: 30vw;
}

@media (max-width: 767px) {
  .c-site-footer .footer-top .footer-top__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
    flex-flow: column wrap;
    padding: 2.5rem 0;
  }

  .c-site-footer .footer-top .footer-top__inner .logo {
    align-self: flex-start;
    margin: 2rem 0px;
    max-width: 170px;
  }

  .c-site-footer .footer-top .footer-top__inner .utility h3 {
    font-size: 1.25rem;
  }

  .c-site-footer .footer-top .footer-top__inner .utility #block-buttonblock-footer {
    margin: 2rem 0 0 0;
  }
}

.c-site-footer .footer-bottom {
  background: var(--color-teal);
}

.c-site-footer .footer-bottom .copyright {
  color: var(--color-white);
  font-size: 0.875rem;
  line-height: 170%;
  padding: 38px 0 58px 0;
}

@media (max-width: 991px) {
  .c-site-footer .footer-bottom .copyright {
    padding: 20px 0 20px 0;
    margin-bottom: 25px;
  }
}

.c-site-footer .footer-bottom .footer-bottom__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  padding: 1.5em 0 0 0;
}

.c-site-footer .footer-bottom .footer-bottom__inner nav {
  -webkit-box-flex: 1;
          flex-grow: 1;
  position: relative;
}

.c-site-footer .footer-bottom .footer-bottom__inner nav h2 {
  color: var(--color-white);
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: normal;
  margin: 0.5rem 0;
  text-transform: uppercase;
}

.c-site-footer .footer-bottom .footer-bottom__inner nav ul.menu {
  margin: 0;
  padding: 0;
  color: var(--color-white);
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
          font-feature-settings: "pnum" on, "lnum" on;
  font-size: 0.875rem;
  line-height: 170%;
}

.c-site-footer .footer-bottom .footer-bottom__inner nav ul.menu > li {
  list-style: none;
}

.c-site-footer .footer-bottom .footer-bottom__inner nav ul.menu li {
  margin: 0.5rem 0;
}

.c-site-footer .footer-bottom .footer-bottom__inner nav ul.menu li a {
  color: white;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs, .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms {
  max-width: 50%;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs, .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs, .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--programs, .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--pax-programs {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li, .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li, .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--programs li, .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--pax-programs li {
  -webkit-box-flex: 0;
          flex: 0 0 45%;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-heading);
  line-height: 170%;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li::before, .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li::before, .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--programs li::before, .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--pax-programs li::before {
  content: url("/themes/custom/oef/images/gold_bullet.svg");
  margin: 0 1rem 0 0;
  vertical-align: text-bottom;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li:nth-child(1), .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li:nth-child(1), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--programs li:nth-child(1), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--pax-programs li:nth-child(1) {
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li:nth-child(2), .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li:nth-child(2), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--programs li:nth-child(2), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--pax-programs li:nth-child(2) {
  -webkit-box-ordinal-group: 4;
          order: 3;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li:nth-child(3), .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li:nth-child(3), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--programs li:nth-child(3), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--pax-programs li:nth-child(3) {
  -webkit-box-ordinal-group: 6;
          order: 5;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li:nth-child(4), .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li:nth-child(4), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--programs li:nth-child(4), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--pax-programs li:nth-child(4) {
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li:nth-child(5), .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li:nth-child(5), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--programs li:nth-child(5), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--pax-programs li:nth-child(5) {
  -webkit-box-ordinal-group: 5;
          order: 4;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li:nth-child(6), .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li:nth-child(6), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--programs li:nth-child(6), .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms ul.menu--pax-programs li:nth-child(6) {
  -webkit-box-ordinal-group: 7;
          order: 6;
}

.c-site-footer .footer-bottom .footer-bottom__inner .vertical-break {
  align-self: stretch;
  background: var(--color-dark-teal);
  -webkit-box-flex: 0;
          flex: none;
  flex-grow: 0;
  height: auto;
  margin: 0px 48px;
  width: 2px;
}

@media (max-width: 767px) {
  .c-site-footer .footer-bottom .footer-bottom__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column wrap;
    padding: 3rem 0 0 0;
  }

  .c-site-footer .footer-bottom .footer-bottom__inner #block-programs {
    max-width: 100%;
  }

  .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu {
    display: block;
  }

  .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu li {
    -webkit-box-flex: unset;
            flex: unset;
  }

  .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu li:nth-child(n) {
    -webkit-box-ordinal-group: unset;
            order: unset;
  }

  .c-site-footer .footer-bottom .footer-bottom__inner .vertical-break {
    height: 2px;
    margin: 1rem 0;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .c-site-footer .footer-bottom .footer-bottom__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column wrap;
    padding: 4rem 0 0 0;
  }

  .c-site-footer .footer-bottom .footer-bottom__inner #block-programs {
    max-width: 100%;
  }

  .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu li {
    -webkit-box-flex: 0;
            flex: 0 0 47%;
  }

  .c-site-footer .footer-bottom .footer-bottom__inner .vertical-break {
    height: 2px;
    margin: 2rem 0;
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .c-site-footer .footer-bottom .footer-bottom__inner #block-programs {
    max-width: 60%;
  }

  .c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu li {
    -webkit-box-flex: 0;
            flex: 0 0 47%;
    font-size: 1.25rem;
  }
}

@media (min-width: 1280px) and (max-width: 1439px) {
  .c-site-footer .footer-bottom .footer-bottom__inner #block-programs {
    max-width: 55%;
  }
}

.back-top {
  background: var(--color-dark-teal);
  padding-bottom: 2rem;
  width: 100%;
  z-index: 1;
}

.back-top a {
  -webkit-box-align: center;
          align-items: center;
  color: var(--color-white);
  display: -webkit-box;
  display: flex;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-body-small);
  -webkit-box-pack: center;
          justify-content: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.back-top a:before, .back-top a:after {
  border-top: 2px solid;
  color: var(--color-gold);
  content: "";
  -webkit-box-flex: 1;
          flex: 1 0 20px;
  margin: 0 20px;
}

.back-top .arrow-white {
  content: url("/themes/custom/oef/images/white_arrow.svg");
  padding-right: 0.5rem;
}

@media (min-width: 992px) and (max-width: 1279px), (min-width: 1280px) {
  .back-top {
    background: var(--color-teal);
    bottom: 0;
    padding: 0;
    position: fixed;
    right: 0;
    width: auto;
  }

  .back-top a {
    padding: 1rem 2rem;
  }

  .back-top a:before, .back-top a:after {
    display: none;
  }
}

.opennuclearnetwork-org .footer-top {
  background: var(--color-teal);
}

.opennuclearnetwork-org .footer-top .footer-top__inner p {
  color: var(--color-white);
  display: block;
  font-size: 1.25rem;
  line-height: var(--link-color-text);
  margin: 10%;
  padding-top: 3em;
}

.opennuclearnetwork-org .footer-top .footer-top__inner p a.button {
  background-color: var(--color-onn3);
  color: var(--color-white);
  letter-spacing: 1.4px;
  margin: 15px 0;
  text-transform: uppercase;
}

@media screen and (min-width: 767px) {
  .opennuclearnetwork-org .footer-top .footer-top__inner p {
    background-color: var(--color-teal);
    color: var(--color-white);
    display: inline-block;
    font-size: 1.25rem;
    line-height: var(--link-color-text);
    margin: 0;
    width: 50%;
  }
}

.opennuclearnetwork-org .footer-top .footer-top__inner blockquote {
  display: block;
  margin: 10%;
}

@media screen and (min-width: 767px) {
  .opennuclearnetwork-org .footer-top .footer-top__inner blockquote {
    display: inline-block;
    margin: 0;
    margin-right: 12%;
    vertical-align: top;
    width: 35%;
  }

  .opennuclearnetwork-org .footer-top .footer-top__inner blockquote img.onn-footer-img {
    display: inline-block;
    height: auto;
    margin: 45px 0 0 90px;
    max-width: 201px;
    width: 100%;
  }
}

.opennuclearnetwork-org .footer-top .footer-top__inner .topfooterwrapper {
  border-bottom: solid 4px var(--color-onn1);
  border-left: solid 4px var(--color-onn1);
  max-width: 1440px;
  padding: 0 50px 50px 0;
  width: 100%;
}

.opennuclearnetwork-org .footer-top .footer-top__inner .topfooterwrapper .topfooteraccent {
  background-color: var(--color-onn1);
  height: 4px;
  width: 400px;
  overflow: hidden;
}

.opennuclearnetwork-org .footer-bottom {
  background-color: var(--color-onn3);
  background-image: url(/themes/custom/oef/images/cta_texture.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 20%;
}

.opennuclearnetwork-org .footer-bottom p.info {
  color: var(--color-white);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  margin-bottom: 20px;
  margin-top: 0px;
  width: 99%;
}

@media screen and (min-width: 767px) {
  .opennuclearnetwork-org .footer-bottom p.info {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

.opennuclearnetwork-org .footer-bottom span.info {
  color: var(--color-white);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-thin);
  line-height: var(--line-height-base);
  margin-bottom: 20px;
  margin-top: 10px;
  width: 99%;
}

@media screen and (min-width: 767px) {
  .opennuclearnetwork-org .footer-bottom span.info {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 90%;
  }
}

.opennuclearnetwork-org .footer-bottom p.contact,
.opennuclearnetwork-org .footer-bottom p.address {
  color: var(--color-black);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  width: 99%;
}

@media screen and (min-width: 767px) {
  .opennuclearnetwork-org .footer-bottom p.contact,
  .opennuclearnetwork-org .footer-bottom p.address {
    display: inline-block;
    margin: 0;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

@media screen and (max-width: 768px) {
  .opennuclearnetwork-org .footer-bottom p.info {
    margin-top: 20px;
  }
}

.securefisheries-org .footer-top {
  background: var(--color-teal);
}

.securefisheries-org .footer-top .footer-top__inner p {
  color: var(--color-white);
  display: block;
  font-size: 1.25rem;
  line-height: var(--link-color-text);
  margin: 10%;
}

.securefisheries-org .footer-top .footer-top__inner p a.button {
  background-color: var(--color-sf3);
  color: var(--color-white);
  font-family: var(--font-family-heading);
  font-size: 0.875rem;
  letter-spacing: 1.4px;
  margin: 15px 0;
  padding: 1em;
  text-transform: uppercase;
}

@media screen and (min-width: 767px) {
  .securefisheries-org .footer-top .footer-top__inner p {
    background-color: var(--color-teal);
    color: var(--color-white);
    display: inline-block;
    font-size: 1.25rem;
    line-height: var(--link-color-text);
    margin: 0;
    width: 50%;
  }
}

.securefisheries-org .footer-top .footer-top__inner blockquote {
  display: block;
  margin: 10%;
}

@media screen and (min-width: 767px) {
  .securefisheries-org .footer-top .footer-top__inner blockquote {
    display: inline-block;
    margin: 0;
    margin-right: 12%;
    vertical-align: top;
    width: 35%;
  }

  .securefisheries-org .footer-top .footer-top__inner blockquote img.onn-footer-img {
    display: inline-block;
    height: auto;
    margin: 45px 0 0 90px;
    max-width: 300px;
    width: 100%;
  }
}

.securefisheries-org .footer-top .footer-top__inner .topfooterwrapper {
  border-bottom: solid 4px var(--color-sf1);
  border-left: solid 4px var(--color-sf1);
  max-width: 1440px;
  padding: 0 50px 50px 0;
  width: 100%;
}

.securefisheries-org .footer-top .footer-top__inner .topfooterwrapper .topfooteraccent {
  background-color: var(--color-sf1);
  height: 4px;
  width: 400px;
}

.securefisheries-org .footer-bottom {
  background-color: var(--color-sf3);
  background-image: url(/themes/custom/oef/images/cta_texture.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 20%;
  /**.vertical-break {
    display: none;
  }**/
}

.securefisheries-org .footer-bottom p.info {
  color: var(--color-white);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  margin-bottom: 20px;
  width: 99%;
}

@media screen and (min-width: 767px) {
  .securefisheries-org .footer-bottom p.info {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

.securefisheries-org .footer-bottom p.contact,
.securefisheries-org .footer-bottom p.address {
  color: var(--color-black);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  width: 99%;
}

@media screen and (min-width: 767px) {
  .securefisheries-org .footer-bottom p.contact,
  .securefisheries-org .footer-bottom p.address {
    display: inline-block;
    margin: 0;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

.pasocolombia-org .footer-top {
  background: var(--color-teal);
}

.pasocolombia-org .footer-top .footer-top__inner p {
  color: var(--color-white);
  display: block;
  font-size: 1.25rem;
  line-height: var(--link-color-text);
  margin: 10%;
}

.pasocolombia-org .footer-top .footer-top__inner p a.button {
  background-color: var(--color-paso3);
  color: var(--color-white);
  font-family: var(--font-family-heading);
  font-size: 0.875rem;
  letter-spacing: 1.4px;
  margin: 15px 0;
  padding: 1em;
  text-transform: uppercase;
}

@media screen and (min-width: 767px) {
  .pasocolombia-org .footer-top .footer-top__inner p {
    background-color: var(--color-teal);
    color: var(--color-white);
    display: inline-block;
    font-size: 1.25rem;
    line-height: var(--link-color-text);
    margin: 0;
    width: 50%;
  }
}

.pasocolombia-org .footer-top .footer-top__inner blockquote {
  display: block;
  margin: 10%;
}

@media screen and (min-width: 767px) {
  .pasocolombia-org .footer-top .footer-top__inner blockquote {
    display: inline-block;
    margin: 0;
    margin-right: 12%;
    vertical-align: top;
    width: 35%;
  }

  .pasocolombia-org .footer-top .footer-top__inner blockquote img.onn-footer-img {
    display: inline-block;
    height: auto;
    margin: 45px 0 0 90px;
    max-width: 300px;
    width: 100%;
  }
}

.pasocolombia-org .footer-top .footer-top__inner .topfooterwrapper {
  border-bottom: solid 4px var(--color-paso1);
  border-left: solid 4px var(--color-paso1);
  max-width: 1440px;
  padding: 0 50px 50px 0;
  width: 100%;
}

.pasocolombia-org .footer-top .footer-top__inner .topfooterwrapper .topfooteraccent {
  background-color: var(--color-paso1);
  height: 4px;
  width: 400px;
}

.pasocolombia-org .footer-bottom {
  background-color: var(--color-paso3);
  background-image: url(/themes/custom/oef/images/cta_texture.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 20%;
  /**.vertical-break {
    display: none;
  }**/
}

.pasocolombia-org .footer-bottom p.info {
  color: var(--color-white);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  margin-bottom: 20px;
  width: 99%;
}

@media screen and (min-width: 767px) {
  .pasocolombia-org .footer-bottom p.info {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

.pasocolombia-org .footer-bottom p.contact,
.pasocolombia-org .footer-bottom p.address {
  color: var(--color-black);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  width: 99%;
}

@media screen and (min-width: 767px) {
  .pasocolombia-org .footer-bottom p.contact,
  .pasocolombia-org .footer-bottom p.address {
    display: inline-block;
    margin: 0;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

.oursecurefuture-org {
  /* Responsive: stack layout on smaller screens */
}

.oursecurefuture-org .footer-top {
  background: var(--color-teal);
  border-bottom: solid 2px var(--color-teal);
}

.oursecurefuture-org .footer-top .footer-top__inner p {
  color: var(--color-white);
  display: block;
  font-size: 1.25rem;
  line-height: var(--link-color-text);
  margin: 10%;
  padding-top: 3em;
}

.oursecurefuture-org .footer-top .footer-top__inner p a.button {
  background-color: var(--color-osf3);
  color: var(--color-white);
  font-family: var(--font-family-heading);
  font-size: 0.875rem;
  letter-spacing: 1.4px;
  margin: 15px 0;
  padding: 1em;
  text-transform: uppercase;
}

@media screen and (min-width: 767px) {
  .oursecurefuture-org .footer-top .footer-top__inner p {
    background-color: var(--color-teal);
    color: var(--color-white);
    display: inline-block;
    font-size: 1.25rem;
    line-height: var(--link-color-text);
    margin: 0;
    width: 50%;
  }
}

.oursecurefuture-org .footer-top .footer-top__inner blockquote {
  display: block;
  margin: 10%;
}

@media screen and (min-width: 767px) {
  .oursecurefuture-org .footer-top .footer-top__inner blockquote {
    display: inline-block;
    margin: 0;
    margin-right: 12%;
    vertical-align: top;
    width: 35%;
  }

  .oursecurefuture-org .footer-top .footer-top__inner blockquote img.onn-footer-img {
    display: inline-block;
    height: auto;
    margin: 45px 0 0 90px;
    max-width: 200px;
    width: 100%;
  }
}

.oursecurefuture-org .footer-top .footer-top__inner .topfooterwrapper {
  border-bottom: solid 4px var(--color-osf1);
  border-left: solid 4px var(--color-osf1);
  max-width: 1440px;
  padding: 0 50px 50px 0;
  width: 100%;
}

.oursecurefuture-org .footer-top .footer-top__inner .topfooterwrapper .topfooteraccent {
  background-color: var(--color-osf1);
  height: 4px;
  width: 400px;
}

.oursecurefuture-org .footer-bottom {
  background-color: var(--color-teal);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 20%;
  /**.vertical-break {
    display: none;
  }**/
}

.oursecurefuture-org .footer-bottom p.info {
  color: var(--color-white);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  margin-bottom: 20px;
  width: 99%;
}

@media screen and (min-width: 767px) {
  .oursecurefuture-org .footer-bottom p.info {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

.oursecurefuture-org .footer-bottom p.contact,
.oursecurefuture-org .footer-bottom p.address {
  color: var(--color-black);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  width: 99%;
}

@media screen and (min-width: 767px) {
  .oursecurefuture-org .footer-bottom p.contact,
  .oursecurefuture-org .footer-bottom p.address {
    display: inline-block;
    margin: 0;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

.oursecurefuture-org .footer-bottom__inner {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  grid-gap: 2rem;
  gap: 2rem;
}

.oursecurefuture-org .footer-brand-contact {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px;
  gap: 20px;
  width: 100%;
}

.oursecurefuture-org .footer-logo {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0rem;
}

.oursecurefuture-org .footer-contact {
  -webkit-box-flex: 0;
          flex: 0 0 70%;
  max-width: 70%;
}

.oursecurefuture-org .footer-contact p, .oursecurefuture-org .footer-social p {
  white-space: nowrap;
  display: block;
  color: var(--color-white);
}

.oursecurefuture-org .footer-contact a {
  color: #ffffff;
  text-decoration: underline;
}

.oursecurefuture-org .footer-contact a:hover,
.oursecurefuture-org .footer-contact a:focus {
  text-decoration: none;
  outline: 2px solid #fff;
}

.oursecurefuture-org .footer-social {
  -webkit-box-flex: 0;
          flex: 0 0 30%;
  max-width: 30%;
  text-align: left;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.oursecurefuture-org .footer-social__label {
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: var(--color-white);
}

.oursecurefuture-org .footer-social__icons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
}

.oursecurefuture-org .footer-social__icons img {
  display: block;
  width: 52px;
  height: 52px;
}

.oursecurefuture-org .c-site-footer .footer-bottom .copyright {
  padding: 0px 0 8px;
}

@media (max-width: 768px) {
  .oursecurefuture-org .footer-bottom__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
  }

  .oursecurefuture-org .footer-social {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .oursecurefuture-org .oursecurefuture-org .button {
    min-height: 50px;
    display: block;
    min-width: 150px;
  }

  .oursecurefuture-org .oursecurefuture-org .c-site-footer .footer-bottom .footer-bottom__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    /* Horizontally centers flex items */
    -webkit-box-pack: center;
            justify-content: center;
    /* Vertically centers if there's height */
    padding: 3rem 0 0;
    width: 100%;
    text-align: center;
    /* Ensures inline content like text/links are centered */
  }
}

.shuraako-org .footer-top {
  background: var(--color-teal);
}

.shuraako-org .footer-top .footer-top__inner p {
  color: var(--color-white);
  display: block;
  font-size: 1.25rem;
  line-height: var(--link-color-text);
  margin: 10%;
}

.shuraako-org .footer-top .footer-top__inner p a.button {
  background-color: var(--color-shuraako3);
  color: var(--color-white);
  font-family: var(--font-family-heading);
  font-size: 0.875rem;
  letter-spacing: 1.4px;
  margin: 15px 0;
  padding: 1em;
  text-transform: uppercase;
}

@media screen and (min-width: 767px) {
  .shuraako-org .footer-top .footer-top__inner p {
    background-color: var(--color-teal);
    color: var(--color-white);
    display: inline-block;
    font-size: 1.25rem;
    line-height: var(--link-color-text);
    margin: 0;
    width: 50%;
  }
}

.shuraako-org .footer-top .footer-top__inner blockquote {
  display: block;
  margin: 10%;
}

@media screen and (min-width: 767px) {
  .shuraako-org .footer-top .footer-top__inner blockquote {
    display: inline-block;
    margin: 0;
    margin-right: 12%;
    vertical-align: top;
    width: 35%;
  }

  .shuraako-org .footer-top .footer-top__inner blockquote img.onn-footer-img {
    display: inline-block;
    height: auto;
    margin: 45px 0 0 90px;
    max-width: 300px;
    width: 100%;
  }
}

.shuraako-org .footer-top .footer-top__inner .topfooterwrapper {
  border-bottom: solid 4px var(--color-shuraako1);
  border-left: solid 4px var(--color-shuraako1);
  max-width: 1440px;
  padding: 0 50px 50px 0;
  width: 100%;
}

.shuraako-org .footer-top .footer-top__inner .topfooterwrapper .topfooteraccent {
  background-color: var(--color-shuraako1);
  height: 4px;
  width: 400px;
}

.shuraako-org .footer-bottom {
  background-color: var(--color-shuraako3);
  background-image: url(/themes/custom/oef/images/cta_texture.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 20%;
  /**.vertical-break {
    display: none;
  }**/
}

.shuraako-org .footer-bottom p.info {
  color: var(--color-white);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  margin-bottom: 20px;
  width: 99%;
}

@media screen and (min-width: 767px) {
  .shuraako-org .footer-bottom p.info {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

.shuraako-org .footer-bottom p.contact,
.shuraako-org .footer-bottom p.address {
  color: var(--color-black);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  width: 99%;
}

@media screen and (min-width: 767px) {
  .shuraako-org .footer-bottom p.contact,
  .shuraako-org .footer-bottom p.address {
    display: inline-block;
    margin: 0;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

.xniforpeace-org .footer-top {
  background: var(--color-teal);
}

.xniforpeace-org .footer-top .footer-top__inner p {
  color: var(--color-white);
  display: block;
  font-size: 1.25rem;
  line-height: var(--link-color-text);
  margin: 10%;
}

.xniforpeace-org .footer-top .footer-top__inner p a.button {
  background-color: var(--color-xni3) !important;
  color: var(--color-white);
  font-family: var(--font-family-heading);
  font-size: 0.875rem;
  letter-spacing: 1.4px;
  margin: 15px 0;
  padding: 1em;
  text-transform: uppercase;
}

@media screen and (min-width: 767px) {
  .xniforpeace-org .footer-top .footer-top__inner p {
    background-color: var(--color-teal);
    color: var(--color-white);
    display: inline-block;
    font-size: 1.25rem;
    line-height: var(--link-color-text);
    margin: 0;
    width: 50%;
  }
}

.xniforpeace-org .footer-top .footer-top__inner blockquote {
  display: block;
  margin: 10%;
}

@media screen and (min-width: 767px) {
  .xniforpeace-org .footer-top .footer-top__inner blockquote {
    display: inline-block;
    margin: 0;
    margin-right: 12%;
    vertical-align: top;
    width: 35%;
  }

  .xniforpeace-org .footer-top .footer-top__inner blockquote img.onn-footer-img {
    display: inline-block;
    height: auto;
    margin: 45px 0 0 90px;
    max-width: 300px;
    width: 100%;
  }
}

.xniforpeace-org .footer-top .footer-top__inner .topfooterwrapper {
  border-bottom: solid 4px var(--color-xni1);
  border-left: solid 4px var(--color-xni1);
  max-width: 1440px;
  padding: 0 50px 50px 0;
  width: 100%;
}

.xniforpeace-org .footer-top .footer-top__inner .topfooterwrapper .topfooteraccent {
  background-color: var(--color-xni1);
  height: 4px;
  width: 400px;
}

.xniforpeace-org .footer-bottom {
  background-color: var(--color-xni3);
  background-image: url(/themes/custom/oef/images/cta_texture.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 20%;
  /**.vertical-break {
    display: none;
  }**/
}

.xniforpeace-org .footer-bottom p.info {
  color: var(--color-white);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  margin-bottom: 20px;
  width: 99%;
}

@media screen and (min-width: 767px) {
  .xniforpeace-org .footer-bottom p.info {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

.xniforpeace-org .footer-bottom p.contact,
.xniforpeace-org .footer-bottom p.address {
  color: var(--color-black);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  width: 99%;
}

@media screen and (min-width: 767px) {
  .xniforpeace-org .footer-bottom p.contact,
  .xniforpeace-org .footer-bottom p.address {
    display: inline-block;
    margin: 0;
    margin-bottom: 0;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
}

/* custom css classes would go here */

.tweetsection {
  background-color: var(--color-teal);
  padding: 15px;
}

.tweetsection h4 {
  color: white;
  padding-right: 50%;
}

/** Flexslider **/

.flexslider {
  z-index: 0 !important;
  height: 600px;
}

.flexslider .views-field.views-field-nothing {
  display: none;
}

.flexslider .views-field.views-field-field-primary-media::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(var(--color-blue)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, var(--color-blue) 100%);
  content: "";
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.flexslider .views-field.views-field-field-primary-media::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(var(--color-blue)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, var(--color-blue) 100%);
  content: "";
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.flex-direction-nav .flex-prev {
  min-height: 50px;
}

.flex-direction-nav .flex-next {
  min-height: 50px;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 2.5rem;
  display: inline-block;
  content: "\f001";
  color: #fff;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-caption {
  display: block;
  left: 0;
  margin: 5% auto;
  max-width: 85%;
  padding: 0 2em;
  position: absolute;
  right: 0;
  top: 0;
  width: 85%;
  z-index: 100;
}

@media screen and (min-width: 767px) {
  .flex-caption {
    margin: 10% auto;
    max-width: 1150px;
    width: 100%;
    padding: 0 3em;
  }
}

.flex-caption h2 {
  color: white;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-heading-large);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  width: 90%;
}

.flex-caption h2 a {
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 767px) {
  .flex-caption h2 {
    font-size: var(--font-size-heading-huge);
    width: 100%;
    padding-bottom: 1rem;
  }
}

.flex-caption h3 {
  clear: both;
  color: white;
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-book);
  letter-spacing: 1.5px;
  margin-top: 0;
  width: 100%;
}

@media screen and (min-width: 767px) {
  .flex-caption h3 {
    margin-top: 15px;
    width: 100%;
  }
}

.flex-caption p {
  margin-top: 15px;
}

@media screen and (min-width: 767px) {
  .flex-caption p {
    margin-top: 45px;
  }
}

.flex-caption p a.button {
  background-color: rgba(255, 255, 255, 0.2);
  border: solid 2px white;
  color: white;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-thin);
  letter-spacing: 2px;
  padding: 8px 20px;
  text-decoration: none;
  text-transform: uppercase;
}

.flex-caption p a.button:hover {
  opacity: 0.2;
}

/* For mobile screens up to 600px */

@media only screen and (max-width: 600px) {
  .flexslider .slides img {
    width: 100%;
    height: auto;
    min-height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: block;
    overflow: hidden;
  }

  .flexslider .slides .views-field .views-field-field-primary-media::before,
  .flexslider .slides .views-field .views-field-field-primary-media::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(var(--color-blue)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, var(--color-blue) 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    min-height: 40px;
    width: 40px;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
    line-height: 40px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }

  .flex-direction-nav .flex-prev:hover,
  .flex-direction-nav .flex-next:hover {
    background-color: var(--color-blue);
  }
}

/* For mobile phones and tablets in landscape mode (max-height ensures only landscape is targeted) */

@media only screen and (max-width: 900px) and (max-height: 500px) {
  .flexslider .slides img {
    width: 100%;
    height: auto;
    min-height: 550px;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    min-height: 50px;
    width: 50px;
    font-size: 1.125rem;
  }
}

/* For tablets in portrait mode (covers larger screens such as iPads) */

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .flexslider .slides img {
    width: 100%;
    height: auto;
    min-height: 550px;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .flexslider .slides .views-field .views-field-field-primary-media::before,
  .flexslider .slides .views-field .views-field-field-primary-media::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(var(--color-blue)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, var(--color-blue) 100%);
  }

  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    min-height: 60px;
    width: 60px;
    font-size: 1.25rem;
  }
}

/* For tablets in landscape mode */

@media only screen and (min-width: 601px) and (max-width: 1024px) and (orientation: landscape) {
  .flexslider .slides img {
    width: 100%;
    height: auto;
    min-height: 550px;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    min-height: 55px;
    width: 55px;
    font-size: 1.125rem;
  }
}

/* General for larger screens up to 768px (standard mobile devices and tablets) */

@media only screen and (max-width: 768px) {
  .flexslider .slides img {
    width: 100%;
    height: auto;
    min-height: 550px;
    -o-object-fit: cover;
       object-fit: cover;
    border-bottom-right-radius: 100px 100px;
  }

  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    min-height: 50px;
    width: 50px;
    font-size: 1.125rem;
  }
}

.oursecurefuture-org .flex-caption {
  display: block;
  left: 0;
  margin: 5% auto;
  max-width: 71.875rem;
  padding: 0 2em;
  position: absolute;
  right: 0;
  top: 0;
  width: 85%;
  min-height: 400px;
  z-index: 100;
}

/* Optional: mobile-specific fine-tuning */

@media (max-width: 768px) {
  .oursecurefuture-org .flex-caption {
    font-size: 1rem;
    padding: 1em;
    position: relative;
    margin: -4.7rem 0 5%;
    width: 100%;
    max-width: 100%;
    padding: 1em;
    z-index: 100;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    word-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    display: block;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }

  .oursecurefuture-org .flex-caption h3 {
    display: block;
    /* Use block instead of flex unless you need flex layout */
    width: 100%;
    clear: both;
    overflow: visible;
    padding: 1em;
    /* Adds padding on all sides */
    margin: 0 0 1em 0;
    /* Adjust bottom margin as needed */
    font-family: var(--font-family-heading);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-book);
    letter-spacing: 1.5px;
    color: #fff;
    /*background-color: rgba(0, 0, 0, 0.6);*/
    /* Optional for better text contrast */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

#block-views-block-shuraako-projects-map-block-2 .views-col,
#block-views-block-shuraako-projects-map-block-3 .views-col,
#block-views-block-shuraako-projects-map-block-4 .views-col {
  background-color: #eee;
  margin: 10px;
  width: calc(33.3% - 20px) !important;
}

@media screen and (max-width: 767px) {
  #block-views-block-shuraako-projects-map-block-2 .views-col,
  #block-views-block-shuraako-projects-map-block-3 .views-col,
  #block-views-block-shuraako-projects-map-block-4 .views-col {
    width: 100% !important;
  }
}

#block-views-block-shuraako-projects-map-block-2 img,
#block-views-block-shuraako-projects-map-block-3 img,
#block-views-block-shuraako-projects-map-block-4 img {
  height: auto;
  width: 100%;
}

#block-views-block-shuraako-projects-map-block-2 h6,
#block-views-block-shuraako-projects-map-block-3 h6,
#block-views-block-shuraako-projects-map-block-4 h6 {
  clear: both;
  display: block;
  margin: 5px auto 25px auto;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}

#block-views-block-shuraako-projects-map-block-2 h6 a,
#block-views-block-shuraako-projects-map-block-3 h6 a,
#block-views-block-shuraako-projects-map-block-4 h6 a {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}

#block-views-block-shuraako-projects-map-block-2 .views-exposed-form.bef-exposed-form .form-item-field-project-target-id label,
#block-views-block-shuraako-projects-map-block-3 .views-exposed-form.bef-exposed-form .form-item-field-project-target-id label,
#block-views-block-shuraako-projects-map-block-4 .views-exposed-form.bef-exposed-form .form-item-field-project-target-id label {
  display: none;
}

#block-views-block-shuraako-projects-map-block-2 .views-exposed-form.bef-exposed-form .bef-links ul,
#block-views-block-shuraako-projects-map-block-3 .views-exposed-form.bef-exposed-form .bef-links ul,
#block-views-block-shuraako-projects-map-block-4 .views-exposed-form.bef-exposed-form .bef-links ul {
  display: block;
  list-style: none;
  margin: 5px 0 25px 0;
  padding: 0;
}

#block-views-block-shuraako-projects-map-block-2 .views-exposed-form.bef-exposed-form .bef-links ul li,
#block-views-block-shuraako-projects-map-block-3 .views-exposed-form.bef-exposed-form .bef-links ul li,
#block-views-block-shuraako-projects-map-block-4 .views-exposed-form.bef-exposed-form .bef-links ul li {
  display: inline-block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-small);
  list-style: none;
  margin-bottom: 20px;
  padding: 0 10px 0 0;
}

#block-views-block-shuraako-projects-map-block-2 .views-exposed-form.bef-exposed-form .bef-links ul li:before,
#block-views-block-shuraako-projects-map-block-3 .views-exposed-form.bef-exposed-form .bef-links ul li:before,
#block-views-block-shuraako-projects-map-block-4 .views-exposed-form.bef-exposed-form .bef-links ul li:before {
  content: "";
}

#block-views-block-shuraako-projects-map-block-2 .views-exposed-form.bef-exposed-form .bef-links ul li a,
#block-views-block-shuraako-projects-map-block-3 .views-exposed-form.bef-exposed-form .bef-links ul li a,
#block-views-block-shuraako-projects-map-block-4 .views-exposed-form.bef-exposed-form .bef-links ul li a {
  background-color: #03a1c9;
  border-radius: 5px;
  color: #fff;
  padding: 8px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

#block-views-block-shuraako-projects-map-block-2 .views-exposed-form.bef-exposed-form .bef-links ul li a.bef-link--selected,
#block-views-block-shuraako-projects-map-block-3 .views-exposed-form.bef-exposed-form .bef-links ul li a.bef-link--selected,
#block-views-block-shuraako-projects-map-block-4 .views-exposed-form.bef-exposed-form .bef-links ul li a.bef-link--selected {
  background-color: #258cd1;
}

#block-views-block-rural-alternative-schools-map-block-1 .views-col,
#block-views-block-rural-alternative-schools-map-block-2 .views-col {
  background-color: #eee;
  margin: 10px;
  width: calc(33.3% - 20px) !important;
}

@media screen and (max-width: 767px) {
  #block-views-block-rural-alternative-schools-map-block-1 .views-col,
  #block-views-block-rural-alternative-schools-map-block-2 .views-col {
    width: 100% !important;
  }
}

#block-views-block-rural-alternative-schools-map-block-1 img,
#block-views-block-rural-alternative-schools-map-block-2 img {
  height: auto;
  width: 100%;
}

#block-views-block-rural-alternative-schools-map-block-1 h6,
#block-views-block-rural-alternative-schools-map-block-2 h6 {
  clear: both;
  display: block;
  margin: 5px auto 25px auto;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}

#block-views-block-rural-alternative-schools-map-block-1 h6 a,
#block-views-block-rural-alternative-schools-map-block-2 h6 a {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}

#block-views-block-rural-alternative-schools-map-block-1 .views-exposed-form.bef-exposed-form .form-item-field-project-target-id label,
#block-views-block-rural-alternative-schools-map-block-2 .views-exposed-form.bef-exposed-form .form-item-field-project-target-id label {
  display: none;
}

#block-views-block-rural-alternative-schools-map-block-1 .views-exposed-form.bef-exposed-form .bef-links ul,
#block-views-block-rural-alternative-schools-map-block-2 .views-exposed-form.bef-exposed-form .bef-links ul {
  display: block;
  list-style: none;
  margin: 5px 0 25px 0;
  padding: 0;
}

#block-views-block-rural-alternative-schools-map-block-1 .views-exposed-form.bef-exposed-form .bef-links ul li,
#block-views-block-rural-alternative-schools-map-block-2 .views-exposed-form.bef-exposed-form .bef-links ul li {
  display: inline-block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-small);
  list-style: none;
  margin-bottom: 20px;
  padding: 0 10px 0 0;
}

#block-views-block-rural-alternative-schools-map-block-1 .views-exposed-form.bef-exposed-form .bef-links ul li:before,
#block-views-block-rural-alternative-schools-map-block-2 .views-exposed-form.bef-exposed-form .bef-links ul li:before {
  content: "";
}

#block-views-block-rural-alternative-schools-map-block-1 .views-exposed-form.bef-exposed-form .bef-links ul li a,
#block-views-block-rural-alternative-schools-map-block-2 .views-exposed-form.bef-exposed-form .bef-links ul li a {
  background-color: var(--color-paso3);
  border-radius: 5px;
  color: #fff;
  padding: 8px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

#block-views-block-rural-alternative-schools-map-block-1 .views-exposed-form.bef-exposed-form .bef-links ul li a.bef-link--selected,
#block-views-block-rural-alternative-schools-map-block-2 .views-exposed-form.bef-exposed-form .bef-links ul li a.bef-link--selected {
  background-color: var(--color-paso3);
}

.teaser__image .remote-video {
  clear: both;
  display: block;
  height: auto;
  margin: 24px auto;
  min-width: 410px;
  padding-top: 55%;
  position: relative;
  width: 100%;
}

.teaser__image .remote-video iframe {
  display: block;
  display: block;
  height: 240px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.paragraph--type--highlighted-projects-and-publica {
  background: var(--color-sand);
  margin: 0 auto;
  padding: 30px;
  width: 100%;
}

.paragraph--type--highlighted-projects-and-publica h2 {
  margin: 0 auto 1.5 auto;
  margin-bottom: 1em;
  text-align: left;
}

.paragraph--type--highlighted-projects-and-publica .item-container {
  align: left;
  clear: both;
  display: block;
  vertical-align: top;
  width: 100%;
}

.paragraph--type--highlighted-projects-and-publica h3 {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-heading-large);
  font-weight: var(--font-weight-semibold);
  line-height: 136%;
  margin: 0.3em 0.5em;
}

.paragraph--type--highlighted-projects-and-publica h3 a {
  text-decoration: none;
}

.paragraph--type--highlighted-projects-and-publica .teaser__description {
  margin: 0.3em 0.6em;
}

.paragraph--type--highlighted-projects-and-publica .teaser-with-image-component {
  display: block;
  width: 100%;
}

.paragraph--type--highlighted-projects-and-publica .teaser-with-image-component .teaser__image {
  height: 230px !important;
  margin: 0 auto;
  vertical-align: top;
  width: 95%;
}

.paragraph--type--highlighted-projects-and-publica .teaser-with-image-component .teaser__image .field--name-field-media-image img {
  height: 230px !important;
}

@media screen and (min-width: 767px) {
  .paragraph--type--highlighted-projects-and-publica .teaser-with-image-component {
    display: inline-block;
    min-height: 500px;
    margin-right: 2%;
    max-height: 100%;
    vertical-align: top;
    width: 29%;
  }
}

.paragraph--type--highlighted-projects-and-publica .container {
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}

.paragraph--type--timeline {
  clear: both;
  display: block;
  margin: 0 auto;
  width: 95%;
}

@media screen and (min-width: 767px) {
  .paragraph--type--timeline {
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    flex-direction: column;
    margin-left: -30px;
    max-width: 1400px;
    position: relative;
    width: 100%;
  }
}

.paragraph--type--timeline .timeline_progress {
  opacity: 0;
}

@media screen and (min-width: 767px) {
  .paragraph--type--timeline .timeline_progress {
    background-color: var(--color-text-heading);
    height: 100%;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0.5rem;
    z-index: -2;
  }
}

.paragraph--type--timeline .timeline_progress .timeline_progress-bar {
  border-radius: 99999px;
  bottom: 50vh;
  overflow: hidden;
  position: fixed;
  top: 500px;
  width: 0.5rem;
  z-index: -1;
}

.paragraph--type--timeline .timeline_component {
  padding: 1rem 0;
  width: 100%;
}

@media screen and (min-width: 767px) {
  .paragraph--type--timeline .timeline_component {
    display: grid;
    grid-column-gap: 0px;
    -ms-grid-columns: 1fr 20rem 1fr;
    grid-row-gap: 0px;
    -ms-grid-rows: auto;
    grid-template-columns: 1fr 20rem 1fr;
    grid-template-rows: auto;
    padding-top: 4rem;
    padding-top: 0;
  }

  .paragraph--type--timeline .timeline_component:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.paragraph--type--timeline .timeline_content-left {
  display: block;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  width: 94%;
}

@media screen and (min-width: 767px) {
  .paragraph--type--timeline .timeline_content-left {
    -ms-grid-column: span 1;
    grid-column-end: span 1;
    -ms-grid-column-span: 1;
    grid-column-start: span 1;
    -ms-grid-row: span 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    grid-row-start: span 1;
    opacity: 0;
    text-align: right;
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
}

.paragraph--type--timeline .timeline_content-left .dategroup h2 {
  font-size: var(--font-size-title);
  margin-bottom: 0;
  padding-bottom: 0;
}

.paragraph--type--timeline .timeline_content-left .dategroup h3 {
  font-family: var(--font-family-heading);
  font-size: 6em;
  font-weight: var(--font-weight-regular);
  margin-top: -0.25em;
  padding: 0;
}

.paragraph--type--timeline .timeline_content-center {
  display: none;
}

@media screen and (min-width: 767px) {
  .paragraph--type--timeline .timeline_content-center {
    -webkit-box-pack: center;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -ms-grid-column: span 1;
    grid-column-end: span 1;
    -ms-grid-column-span: 1;
    grid-column-start: span 1;
    -ms-grid-row: span 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    grid-row-start: span 1;
    justify-content: center;
  }
}

.paragraph--type--timeline .timeline_center-circle {
  background-color: var(--color-text-heading);
  border: 0.3rem solid var(--color-text-heading);
  border-radius: 9999px;
  height: 3rem;
  position: sticky;
  scale: 0;
  top: 50vh;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 3rem;
}

.paragraph--type--timeline .timeline_content-right {
  clear: both;
  display: block;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}

@media screen and (min-width: 760px) {
  .paragraph--type--timeline .timeline_content-right {
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    flex-direction: column;
    -ms-grid-column: span 1;
    grid-column-end: span 1;
    -ms-grid-column-span: 1;
    grid-column-start: span 1;
    -ms-grid-row: span 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    grid-row-start: span 1;
    margin-left: -3em;
    opacity: 0;
    padding-bottom: 50px;
    -webkit-transform: scale(50%);
        -ms-transform: scale(50%);
            transform: scale(50%);
    -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
            transform: translateX(-100px);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
}

.paragraph--type--timeline .timeline_content-right .itemsgroup {
  display: block;
  text-align: left;
}

.paragraph--type--timeline .timeline_content-right .itemsgroup img {
  padding-top: 20px;
}

.paragraph--type--timeline .timeline_content-right p {
  font-size: var(--font-size-body-large);
}

.timeline_component.active .timeline_content-left {
  opacity: 1;
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

.timeline_component.active .timeline_content-right {
  display: block;
  opacity: 1;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

.timeline_component.active .timeline_center-circle {
  background-color: #fff;
  border: 14px solid var(--color-text-heading);
  border-radius: 25px;
  margin-bottom: 50px;
  scale: 1;
}

.timeline_component.active .timeline_center-circle:last-of-type {
  margin-bottom: 0;
}

.peace-graphic {
  display: block;
}

.peace-graphic p.center {
  display: block;
  margin: 2em auto;
  text-align: center;
}

.peace-graphic p {
  font-size: 1.4em;
  max-width: 77ch;
}

.peace-graphic .hidden {
  display: none;
  height: 0;
  width: 0;
}

.peace-graphic .dimmed {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.peace-graphic .graphic-description {
  color: var(--color-teal);
  font-size: 1.2em;
  font-size: 1.4em;
  font-style: italic;
  font-weight: var(--font-weight-bold);
  max-width: 77ch;
}

.peace-graphic .btn {
  background: #275289;
  border: solid 1px white;
  color: white;
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  margin: 0;
  padding: 10px 20px;
  text-align: center;
}

@media screen and (min-width: 767px) {
  .peace-graphic .btn {
    display: inline-block;
    width: 49%;
  }
}

.peace-graphic .btn.active {
  background: #ef8113;
  border: solid 1px black;
  color: white;
  text-transform: uppercase;
}

.peace-graphic .btn:hover {
  cursor: pointer;
}

.peace-graphic svg #gainhit,
.peace-graphic svg #failhit,
.peace-graphic svg #domestichit,
.peace-graphic svg #internalhit,
.peace-graphic svg #econhit,
.peace-graphic svg #normshit,
.peace-graphic svg #sechit,
.peace-graphic svg #govhit,
.peace-graphic svg #sochit {
  opacity: 0.000001;
}

.peace-graphic svg #gainhit:hover,
.peace-graphic svg #failhit:hover,
.peace-graphic svg #domestichit:hover,
.peace-graphic svg #internalhit:hover,
.peace-graphic svg #econhit:hover,
.peace-graphic svg #normshit:hover,
.peace-graphic svg #sechit:hover,
.peace-graphic svg #govhit:hover,
.peace-graphic svg #sochit:hover {
  cursor: pointer;
}

.peace-graphic p#within-text,
.peace-graphic p#between-text {
  margin: 1.4em 0;
}

.peace-graphic .imagearea {
  margin: 0 auto;
  position: relative;
  text-align: center;
}

@media screen and (min-width: 960px) {
  .peace-graphic .imagearea {
    width: 70%;
  }
}

.peace-graphic .message-overlay {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.75);
  border-radius: 2em;
  display: block;
  height: auto;
  left: -600px;
  opacity: 0;
  padding: 2.5em;
  position: absolute;
  top: 20%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 70%;
  z-index: 2;
}

.peace-graphic .message-overlay.active {
  left: 15%;
  opacity: 1;
  width: 80%;
}

@media screen and (max-width: 767px) {
  .peace-graphic .message-overlay.active {
    left: 2%;
    padding: 15px;
    width: 95%;
  }
}

.peace-graphic .message-overlay.active #closebtn {
  border: solid 10px #fff;
  border-radius: 44px;
  color: #fff;
  font-family: var(--font-family-sans);
  font-size: 1.875rem;
  font-weight: bold;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 15px;
  width: 65px;
}

@media screen and (max-width: 900px) {
  .peace-graphic .message-overlay.active #closebtn {
    border: solid 5px #fff;
    border-radius: 24px;
    font-size: 1.25rem;
    width: 40px;
  }
}

.peace-graphic .message-overlay.active #closebtn:hover {
  cursor: pointer;
}

.peace-graphic .message-overlay .message p,
.peace-graphic .message-overlay .message h3,
.peace-graphic .message-overlay .message h4 {
  color: white;
  font-family: var(--font-family-sans);
  font-size: 1.2em;
  font-weight: bold;
  max-width: 50ch;
  text-align: left;
}

.peace-graphic .message-overlay .message p {
  max-width: 75ch;
}

.peace-graphic .message-overlay .message h3,
.peace-graphic .message-overlay .message h4 {
  color: white;
  font-size: 2em;
  line-height: 1.2;
  margin: 5px 0;
  max-width: 50ch;
  padding: 0;
}

@media screen and (max-width: 900px) {
  .peace-graphic .message-overlay .message h3 {
    padding-top: 50px;
  }
}

.peace-graphic .message-overlay .message h4.gain {
  color: #c6e577;
}

.peace-graphic .message-overlay .message h4.econ,
.peace-graphic .message-overlay .message h4.fail {
  color: #8fbfe7;
}

.peace-graphic .message-overlay .message h4.domestic,
.peace-graphic .message-overlay .message h4.gov {
  color: #f7a54b;
}

.peace-graphic .message-overlay .message h4.intl {
  color: #60cdcb;
}

.peace-graphic .message-overlay .message h4.soc {
  color: #11b5b5;
}

.peace-graphic .message-overlay .message h4.norms {
  color: #c3dc7e;
}

.peace-graphic .message-overlay .message h4.sec {
  color: #eac327;
}

#block-views-block-paso-project-block-1 .views-view-responsive-grid .views-col {
  float: left;
  padding: 10px;
}

#block-views-block-paso-project-block-1 .views-view-responsive-grid .views-col img {
  padding: 6px;
  background-color: #e5e5e5;
  border: 1px solid #cecece;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}

#block-views-block-articles-and-reports-block-18 .landing-page-view .filters {
  display: none;
}

#block-views-block-articles-and-reports-block-11 h2 {
  margin-bottom: 50px;
}

#block-views-block-articles-and-reports-block-11 .landing-page-view .filters {
  display: none !important;
}

#block-views-block-articles-and-reports-block-11 .landing-page-view .results {
  padding-top: 0px !important;
}

.page-content a.is-active {
  font-weight: var(--font-weight-bold);
}

#block-views-block-resource-audio-block-1 p.field-content {
  margin: 20px;
  padding: 10px;
}

#block-views-block-resource-audio-block-1 img {
  margin: 20px;
  max-width: 100%;
  height: auto;
}

#block-views-block-women-seeding-peace-block-1 .views-field-title,
#block-views-block-women-seeding-peace-block-1 .views-field-field-teaser-text {
  padding-top: 15px;
}

#block-views-block-women-seeding-peace-block-1 .views-field-title {
  font-weight: bold;
}

#block-views-block-women-seeding-peace-block-1 h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1380px;
}

#block-views-block-articles-and-reports-block-18 h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1380px;
}

.tabs__item > a:hover {
  background-color: var(--color-link);
  border: 1px solid var(--color-border);
  border-bottom: 1px solid transparent;
  color: var(--color-white);
}

.tabs__item a:hover {
  background-color: var(--color-link-hover);
  color: var(--color-white);
}

/** leaflet maps popup style**/

.leaflet-popup-content {
  padding-bottom: 40px !important;
  min-width: 350px !important;
}

.leaflet-popup-content h3 {
  font-size: var(--font-size-heading-small);
  margin-top: 28px !important;
  margin-bottom: 10px !important;
}

.leaflet-popup-content .teaser__description {
  padding-bottom: 30px !important;
}

.leaflet-popup-content .teaser__image {
  padding-top: 30px;
}

@media only screen and (max-width: 600px) {
  .leaflet-popup-content {
    padding-bottom: 40px !important;
    min-width: 310px !important;
  }

  .oursecurefuture-org .link-list__details h1,
  .securefisheries-org .link-list__details h1 {
    font-size: 2rem !important;
    width: 100% !important;
    position: inherit !important;
    margin-bottom: 2em;
  }
}

.publication__wrapper .gutters-narrow {
  max-width: 1080px !important;
}

.pasocolombia-org nav {
  text-align: left !important;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0px;
  list-style: none;
}

.pasocolombia-org .flexslider .slides img {
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}

.eventsview .views-exposed-form {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: baseline;
          justify-content: baseline;
  align-content: flex-start;
}

.eventsview .views-exposed-form div {
  margin: 1em;
}

.eventsview .view-rows {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.eventsview .view-rows .views-row {
  -webkit-box-flex: 1;
          flex: 1 1 30%;
  /*grow | shrink | basis */
  margin: 1em;
}

.eventsview .view-rows .views-row h3 {
  margin-top: 0.25em;
}

.page-node-type-event h5.event-sidebar {
  margin: 0 0 0.25em 0;
}

.page-node-type-event .event-speaker .speaker-image {
  float: left;
  width: 30%;
  margin: 0 2em 0.5em 0;
}

.page-node-type-event .event-speaker p.presentation-link {
  margin-top: 0;
}

.page-node-type-event .event-speaker h5.presentation-title {
  margin-top: 0.75em;
}

.page-node-type-event span.administrative-area:after {
  content: " ";
}

.page-node-type-event .page-title-media img {
  width: 100%;
  height: auto;
  max-width: 1024px;
}

.page-node-type-event img {
  width: 100%;
  height: auto;
  max-width: 360px;
}

.page-node-type-event .l__secondary .button {
  margin-top: 0;
}

.page-node-type-event .layout.l--prototype-layouts-twocolumn-twothirds-onethird {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
}

.page-node-type-event .layout.l--prototype-layouts-twocolumn-twothirds-onethird .l__main {
  display: block;
  padding: 2em;
}

@media screen and (min-width: 900px) {
  .page-node-type-event .layout.l--prototype-layouts-twocolumn-twothirds-onethird .l__main {
    display: grid;
    padding: 0;
    grid-template-columns: 65.21739% 30.43478%;
    grid-template-areas: "primary secondary";
    grid-gap: 3rem;
    gap: 3rem;
  }
}

.page-node-type-event .layout.l--prototype-layouts-twocolumn-twothirds-onethird .l__main > .l__primary {
  grid-area: primary;
}

.page-node-type-event .layout.l--prototype-layouts-twocolumn-twothirds-onethird .l__main.l__secondary {
  grid-area: secondary;
}

.webform-submission-event-registration-form-form {
  background-color: #fff;
  padding: 1em;
}

.eventregform {
  padding: 1em;
}

.eventregform label {
  font-weight: bold;
  margin: 0.5em 0;
}

.eventregform .form-item-regtitle label {
  display: none;
}

.eventregform .form-item-regtitle input,
.eventregform .form-item-regtitle input:focus,
.eventregform .form-item-regtitle input.focus-visible,
.eventregform .form-item-regtitle input:hover {
  border: solid 1px #fff;
  font-size: 1.5em;
  font-weight: bold;
}

.eventregform .form-item-regtitle input,
.eventregform .form-item-regtitle input:focus,
.eventregform .form-item-regtitle input:focus-visible,
.eventregform .form-item-regtitle input:hover {
  border: solid 1px #fff;
  font-size: 1.5em;
  font-weight: bold;
}

.text-content ul:not([class]) > li,
.text-content ol:not([class]) > li,
.publication__intro-text ul:not([class]) > li,
.publication__intro-text ol:not([class]) > li {
  line-height: 180%;
  list-style: none;
  padding-left: 20px !important;
  margin: 0 40px !important;
}

.text-content p,
.text-default p {
  margin: 20px !important;
}

.landing-page-teaser {
  max-width: 90%;
  text-align: justify;
  padding: 10px 0 20px 0;
}

.landing-field-title {
  max-width: 90%;
}

#block-cookiesui .cookiesjsr-banner--action,
#block-cookiesui .cookiesjsr-layer--actions {
  display: -webkit-box;
  display: flex;
  float: left;
  margin: 20px;
  -webkit-box-pack: center;
          justify-content: center;
  vertical-align: top !important;
}

#block-cookiesui .cookiesjsr-banner--action button.cookiesjsr-btn,
#block-cookiesui .cookiesjsr-layer--actions button.cookiesjsr-btn {
  margin: 0px 10px !important;
  height: 42px !important;
  border: 2px solid outset #1f2c33;
}

.latest__items {
  display: block;
  margin: 0 auto;
  max-width: calc(100% - var(--space-inset-x) * 2);
  width: 1440px;
}

ul.latest-grid {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  min-width: 100%;
  padding: 0;
}

@media screen and (min-width: 990px) {
  ul.latest-grid {
    display: grid;
    grid-gap: 0.5em;
    gap: 0.5em;
    grid-auto-flow: column;
    grid-template-columns: 1.55fr 1fr;
    grid-template-areas: "A B" "A C";
  }
}

ul.latest-grid li.l-constrained .featured-content__description {
  display: none;
}

ul.latest-grid li:nth-of-type(1) {
  grid-area: A;
  background: red;
}

ul.latest-grid li:nth-of-type(1) .featured-content__description {
  display: block;
  color: var(--color-white);
  font-size: var(--font-size-body-large);
  line-height: 170%;
  margin: 1rem 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

ul.latest-grid li:nth-of-type(2) {
  grid-area: B;
  background: green;
}

ul.latest-grid li:nth-of-type(2) .featured-content__title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-heading);
  margin-bottom: 20px;
}

ul.latest-grid li:nth-of-type(3) {
  grid-area: C;
  background: blue;
}

ul.latest-grid li:nth-of-type(3) .featured-content__title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-heading);
  margin-bottom: 20px;
}

ul.latest-grid li.l-constrained {
  width: 100%;
  min-width: 100%;
}

ul.latest-grid li.l-constrained .featured-content__details {
  position: relative;
}

@media screen and (min-width: 990px) {
  ul.latest-grid li.l-constrained .featured-content__details {
    position: absolute;
  }
}

/* fix ugly display of checkbox labels in gin */

.form-item-field-use-latest-content-value input[type=checkbox] + label,
.form-item-field-use-latest-content-value input[type=radio] + label {
  grid-column: 2;
}

@media print {
  footer {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .opennuclearnetwork-org .footer-top .footer-top__inner .topfooterwrapper .topfooteraccent {
    background-color: var(--color-onn1);
    height: 4px;
    width: 100%;
    overflow: hidden;
  }
}

.homepage-oef-revised h1 {
  font-weight: var(--font-weight-bold);
}

.homepage-oef-revised p.homepage-hero-text {
  font-weight: var(--font-weight-medium);
}

.homepage-oef-revised p.homepage-hero-text::after {
  display: block;
  content: "";
  clear: both;
  width: 75px;
  height: 75px;
  margin: 1em 0;
  background-image: url(/themes/custom/oef/images/TheoryOfPeaceWheel.svg);
  background-size: 100%;
}

.homepage-oef-revised .button.button-teal,
.homepage-oef-revised .button.button-teal a {
  text-transform: uppercase;
}

.corecomp {
  display: grid;
  position: relative;
  background-image: url(/themes/custom/oef/images/competencies-bkg.webp);
  background-repeat: no-repeat;
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
}

@media screen and (min-width: 900px) {
  .corecomp {
    background-size: 100%;
  }
}

.corecomp h2,
.corecomp p {
  color: var(--color-white);
}

.corecomp p {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-body-large);
}

.corecomp h2 {
  font-weight: var(--font-weight-bold);
}

.corecomp .text-content p {
  margin-left: 5px !important;
}

.corecomp ul li p {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-body-large);
}

.corecomp ul:not([class]) > li:before {
  content: "";
  font-weight: var(--font-weight-bold);
  width: 35px;
  height: 35px;
  margin-top: -3px;
  background-image: url(/themes/custom/oef/images/Lightbulb.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

.corecomp ul:not([class]) > li:nth-of-type(2):before {
  background-image: url(/themes/custom/oef/images/Boxes_Capacity.svg);
}

.corecomp ul:not([class]) > li:nth-of-type(3):before {
  background-image: url(/themes/custom/oef/images/Handshake.svg);
}

.corecomp ul:not([class]) > li:nth-of-type(4):before {
  background-image: url(/themes/custom/oef/images/ConflictModeling.svg);
}

.corecomp ul:not([class]) > li:last-of-type:before {
  background-image: url(/themes/custom/oef/images/Negotiation.svg);
}

.corecomp::before {
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(18, 53, 99, 0.81);
  mix-blend-mode: normal;
}

.corecomp .layout.l--prototype-layouts-twocolumn-halves {
  z-index: 0;
}

.corecomp .l--padded {
  width: 1440px;
  position: relative;
  margin: 0 auto;
}

@media only screen and (max-width: 600px) {
  .corecomp .l--padded {
    width: 100%;
    background-size: cover;
  }
}

@media only screen and (min-width: 768px) {
  .corecomp .l--padded {
    width: 100%;
    background-size: cover;
  }
}

@media only screen and (min-width: 992px) {
  .corecomp .l--padded {
    width: 100%;
    background-size: cover;
  }
}

@media only screen and (min-width: 1200px) {
  .corecomp .l--padded {
    width: 1440px;
    background-size: cover;
  }
}

.strategic {
  background-color: var(--color-white);
}

.strategic .l__main {
  overflow: hidden;
  display: block;
}

@media screen and (min-width: 1000px) {
  .strategic .l__main {
    max-width: calc(100% - var(--space-inset-x) * 2);
    display: grid;
    grid-template-columns: 0.85fr 2.5fr;
    grid-gap: 6em;
    gap: 6em;
  }
}

.strategic .l__main .l__region {
  width: 100%;
  overflow: hidden;
  display: block;
  clear: both;
}

.strategic .button.button-teal,
.strategic .button.button-teal a {
  text-transform: uppercase;
}

.strategic .l__main + .l__footer {
  margin-top: 0;
}

.homepage .paragraph--type--factoids h3.factoids__heading {
  font-weight: var(--font-weight-bold);
}

.homepage .paragraph--type--factoids .factoid__description {
  font-weight: var(--font-weight-semibold);
}

.impact-goals {
  background-color: black;
  background-image: url(/sites/default/files/2023-07/DJI_0068-00004419_BannerERAMutata.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.impact-goals::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: hsl(28.86, 100%, 50%);
  mix-blend-mode: multiply;
}

.impact-goals ul:not([class]) > li:before {
  content: "";
  width: 35px;
  height: 35px;
  margin-top: -3px;
  background-image: url(/themes/custom/oef/images/ReduceConflict.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

.impact-goals ul:not([class]) > li:nth-of-type(2):before {
  background-image: url(/themes/custom/oef/images/ImproveGovernance.svg);
}

.impact-goals ul:not([class]) > li:nth-of-type(3):before {
  background-image: url(/themes/custom/oef/images/EconomicOpportunities.svg);
}

.impact-goals ul:not([class]) > li:nth-of-type(4):before {
  background-image: url(/themes/custom/oef/images/EmpowerPeople.svg);
}

.impact-goals .l--prototype-layouts-twocolumn-halves {
  padding: 3em 0;
  position: relative;
}

.impact-goals h3,
.impact-goals p,
.impact-goals li {
  color: var(--color-white);
}

.impact-goals h3 {
  font-weight: var(--font-weight-bold);
  font-family: var(--font-family-heading);
  font-size: var(--font-size-heading-huge);
}

.impact-goals .text-content p {
  margin-left: 5px !important;
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-body-large);
}

.impact-goals .text-content li p {
  font-family: var(--font-family-sans);
}

.impact-goals .button {
  text-transform: uppercase;
}

.programs {
  background: var(--color-sand);
  background-image: url(/themes/custom/oef/images/texture_white.svg);
  background-repeat: no-repeat;
  background-position: right top;
  padding-bottom: 80px;
  position: relative;
}

.programs #block-views-block-our-programs-block-1 {
  margin-left: auto;
  margin-right: auto;
  padding: 5em 0;
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .programs #block-views-block-our-programs-block-1 {
    max-width: calc(100% - var(--space-inset-x) * 18);
    width: 1440px;
  }
}

.programs #block-views-block-our-programs-block-1 .our-programs__layout {
  display: block;
  clear: both;
  width: calc(100% - 1em);
  margin: 1em auto;
}

@media screen and (min-width: 1000px) {
  .programs #block-views-block-our-programs-block-1 .our-programs__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5em;
    gap: 5em;
    margin: 1em 0;
  }
}

.programs #block-views-block-our-programs-block-1 h2 {
  font-weight: var(--font-weight-bold);
}

.programs .news .paragraph--type--stories-text h2 {
  font-weight: var(--font-weight-bold);
}

.programs h5.our-programs__program_title {
  font-size: var(--font-size-body-macro);
  font-weight: var(--font-weight-regular);
  margin-top: 10px;
}

.programs p.our-programs__description {
  padding-top: 0;
  margin-top: 0;
  font-size: var(--font-size-body-huge);
  line-height: 1.3;
}

@media screen and (min-width: 1000px) {
  .programs p.our-programs__description {
    max-width: 40ch;
  }
}

.programs .our-programs__media img {
  width: 100%;
  height: auto;
  max-width: 600px;
}

.programs #block-views-block-our-programs-block-1 .our-programs__wrapper:first-of-type(0) h5 a:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-top: -3px;
  background-image: url(/themes/custom/oef/images/PasoIcon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
}

.programs .programs .our-programs__wrapper:nth-of-type(1) > h5 a:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-top: -3px;
  background-image: url(/themes/custom/oef/images/ShuraakoIcon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
}

.programs .programs .our-programs__wrapper:nth-of-type(2) > h5 a:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-top: -3px;
  background-image: url(/themes/custom/oef/images/SFIcon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
}

.programs .programs .our-programs__wrapper:nth-of-type(3) > h5 a:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-top: -3px;
  background-image: url(/themes/custom/oef/images/ONNIcon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
}

.insights-analysis {
  max-width: 100%;
  margin: 0 auto;
}

.news .gutters-narrow {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}

.programs .our-programs__wrapper:nth-of-type(2) > h5 a:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-top: -3px;
  margin-right: 0.8rem;
  background-image: url(/themes/custom/oef/images/PasoIcon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
}

.programs .our-programs__wrapper:nth-of-type(3) > h5 a:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-top: -3px;
  margin-right: 0.8rem;
  background-image: url(/themes/custom/oef/images/ShuraakoIcon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
}

.programs .our-programs__wrapper:nth-of-type(4) > h5 a:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-top: -3px;
  margin-right: 0.8rem;
  background-image: url(/themes/custom/oef/images/SFIcon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
}

.programs .our-programs__wrapper:nth-of-type(5) > h5 a:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-top: -3px;
  margin-right: 0.8rem;
  background-image: url(/themes/custom/oef/images/ONNIcon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
}

ul.latest-grid li:nth-of-type(3) {
  grid-area: C;
  background: transparent;
}

.revised-homepage h2.cta__heading {
  font-weight: var(--font-weight-bold);
}

.revised-homepage .cta .cta__details .cta__text p {
  font-weight: var(--font-weight-semibold);
}

.revised-homepage .cta .cta__details {
  padding-left: 0;
}

#block-footersocialmedia li a:first-of-type {
  text-indent: -600000px;
  display: block;
  width: 25px;
  height: 25px;
  margin: -3px 30px 0 0;
  background-image: url(/themes/custom/oef/images/YouTubeIcon-White.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

#block-footersocialmedia li:nth-of-type(3) a {
  background-image: url(/themes/custom/oef/images/LinkedInIcon-White.svg);
}

#block-footersocialmedia li:nth-of-type(4) a {
  background-image: url(/themes/custom/oef/images/InstagramIcon-White.svg);
}

#block-footersocialmedia li:nth-of-type(5) a {
  background-image: url(/themes/custom/oef/images/FacebookIcon-White.svg);
}

#block-footersocialmedia li:nth-of-type(2) a {
  background-image: url(/themes/custom/oef/images/XIcon-White.svg);
}

#block-onnfootersocialmedia li a:first-of-type {
  text-indent: -600000px;
  display: block;
  width: 25px;
  height: 25px;
  margin: -3px 30px 0 0;
  background-image: url(/themes/custom/oef/images/YouTubeIcon-White.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

#block-onnfootersocialmedia li:nth-of-type(3) a {
  background-image: url(/themes/custom/oef/images/LinkedInIcon-White.svg);
}

#block-onnfootersocialmedia li:nth-of-type(4) a {
  background-image: url(/themes/custom/oef/images/InstagramIcon-White.svg);
}

#block-onnfootersocialmedia li:nth-of-type(5) a {
  background-image: url(/themes/custom/oef/images/FacebookIcon-White.svg);
}

#block-onnfootersocialmedia li:nth-of-type(2) a {
  background-image: url(/themes/custom/oef/images/XIcon-White.svg);
}

.footer-bottom__inner h3 {
  color: var(--color-white);
  text-transform: uppercase;
  font-size: var(--font-size-body-large);
}

.footer-bottom__inner ul.menu--programs li, .footer-bottom__inner ul.menu--pax-programs li {
  display: block;
  clear: both;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs, .c-site-footer .footer-bottom .footer-bottom__inner #block-oef-paxsepiensprograms {
  display: block;
  max-width: 100%;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs,
.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs,
.c-site-footer .footer-bottom .footer-bottom__inner #block-oef-footer ul.menu--footer {
  display: block;
  max-width: 100%;
  margin-top: 1.5em;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li,
.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li,
.c-site-footer .footer-bottom .footer-bottom__inner #block-oef-footer ul.menu--footer li {
  text-transform: uppercase;
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-family-heading);
  line-height: 1.2;
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li a,
.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li a,
.c-site-footer .footer-bottom .footer-bottom__inner #block-oef-footer ul.menu--footer li a {
  font-weight: var(--font-weight-bold);
}

.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--programs li::before,
.c-site-footer .footer-bottom .footer-bottom__inner #block-programs ul.menu--pax-programs li::before {
  content: "";
  margin: 0;
  vertical-align: text-bottom;
}

.c-site-footer .footer-bottom__inner .logo {
  content: var(--url-footer-logo);
  width: 210px;
  height: auto;
  margin: 0 5em 2em 0;
}

.footerlinks2 {
  color: var(--color-white);
  font-size: var(--font-size-body-small);
  display: block;
}

@media screen and (min-width: 900px) {
  .footerlinks2 {
    display: inline-block;
    text-align: right;
    float: right;
  }
}

.footerlinks2 a {
  color: var(--color-white);
}

.path-frontpage .corecomp .l--prototype-layouts-twocolumn-halves .l__main {
  max-width: calc(100% - var(--space-inset-x) * 2);
  width: 100%;
}

.path-frontpage .paragraph.paragraph--type--layout-sections.paragraph--view-mode--default.cta {
  margin-bottom: 0;
}

.landing-page-view .mainsearch .view-rows .views-row.first-row {
  border-top: none;
}

.searchresultscontainer {
  display: block;
  width: calc(100% - 2em);
  margin: 0 auto;
  max-width: 1440px;
}

@media screen and (min-width: 900px) {
  .searchresultscontainer {
    display: grid;
    width: calc(100% - 2em);
    max-width: 1440px;
    margin: 0 auto;
    grid-template-columns: 30% 69%;
    grid-gap: 1%;
    gap: 1%;
    overflow: auto;
  }
}

.facets {
  margin-top: 1em;
  margin-right: 1%;
  border-right: solid 2px var(--color-pewter);
}

.facets-widget-checkbox h3 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-bold);
  margin: 1em 0 0.5em 0;
  padding: 0;
}

.facets-widget-checkbox ul {
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-small);
}

.facets-widget-checkbox ul li.facet-item {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-small);
  line-height: 1;
  position: relative;
}

.facets-widget-checkbox ul li.facet-item input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 15px !important;
  height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
  margin: 10px;
  padding: 2px;
  vertical-align: middle;
}

.facets-widget-checkbox ul li.facet-item input[type=checkbox]:hover, .facets-widget-checkbox ul li.facet-item input[type=checkbox]:focus {
  cursor: pointer;
}

.facets-widget-checkbox ul li.facet-item input[type=checkbox]::before {
  content: "";
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
}

.facets-widget-checkbox ul li.facet-item label {
  vertical-align: middle;
  padding-left: 30px;
  display: block;
  margin-top: -27px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 0.875rem;
}

.facets-widget-checkbox ul li.facet-item label.is-active::before {
  content: "";
  position: absolute;
  display: block;
  width: 7px;
  height: 7px;
  background-color: green;
  z-index: 3;
  top: 14px;
  left: 14px;
}

.facets-widget-checkbox ul .facet-item.facets-reset label.is-active::before {
  content: "";
  position: absolute;
  display: block;
  width: 7px;
  height: 7px;
  background-color: orange;
  z-index: 3;
  top: 14px;
  left: 14px;
}

.mainsearch p {
  margin: 1em 0;
}

.path-advanced-search-option2 .landing-page-view .views-exposed-form {
  display: block;
}

.path-advanced-search-option2 .landing-page-view .views-exposed-form .form-composite {
  width: 26%;
  margin-right: 1%;
  display: inline-block;
  vertical-align: top;
  margin-top: 1em;
}

.path-advanced-search-option2 .landing-page-view .views-exposed-form .form-composite:nth-of-type(3) {
  width: 15%;
}

.path-advanced-search-option2 .landing-page-view .views-exposed-form .form-composite .form-checkboxes div {
  margin: 0;
  padding: 0.25em 0 0.25em 0;
}

.path-advanced-search-option2 .landing-page-view .views-exposed-form .form-composite .form-checkboxes div label {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 0.875rem;
}

.path-advanced-search-option2 .landing-page-view .views-exposed-form > div {
  -webkit-box-flex: 1;
          flex: 1 1 1;
}

.path-advanced-search-option2 .form-type-boolean {
  display: -webkit-box;
  display: flex;
  vertical-align: top;
  padding-bottom: 1em;
}

.path-advanced-search-option2 .form-type-boolean input {
  margin: 0;
  vertical-align: top;
}

.taxonomy-header {
  width: 100%;
  margin: 0 auto;
  background: var(--color-sand) !important;
  margin-bottom: 2rem;
  padding-bottom: 2.5rem;
  background-image: url(/themes/custom/oef/images/page_title_texture.svg) !important;
  background-repeat: no-repeat;
  background-size: 15% !important;
  position: relative;
}

.description {
  max-width: 1440px;
  margin: 0 auto;
}

.taxonomy-header img {
  max-width: 1440px;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}

/* paso submenu using superfish... style is correct, but show/hide doesn't work */

.sf-horizontal button.sf-depth-1 {
  background: var(--color-white) !important;
  border: none;
  color: var(--color-teal);
  cursor: pointer;
  font-family: var(--font-family-heading);
  font-size: 1.25rem;
  font-weight: bolder;
  line-height: 170%;
  margin: 0 24px;
  text-transform: none;
}

.sf-depth-1.menuparent button::after {
  background-image: url(/themes/custom/oef/images/turquoise_arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 16px;
  vertical-align: middle;
  width: 17px;
}

ul.sf-menu.menu li {
  background-color: var(--color-white);
}

@media screen and (min-width: 768px) {
  .sf-horizontal button.sf-depth-1,
  ul.sf-menu li button.sf-depth-1.menuparent {
    background: var(--color-white) !important;
    border: none;
    color: var(--color-teal);
    cursor: pointer;
    font-family: var(--font-family-heading);
    font-size: 1.25rem;
    font-weight: bolder;
    line-height: 170%;
    margin: 0 24px;
    text-transform: none;
  }

  .sf-depth-1.menuparent button::after {
    background-image: url(/themes/custom/oef/images/turquoise_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 16px;
    vertical-align: middle;
    width: 17px;
  }

  ul.sf-menu.menu li {
    background-color: var(--color-white);
  }
}

@media screen and (max-width: 767px) {
  .sf-horizontal button.sf-depth-1 {
    background: var(--color-white) !important;
    border: none;
    color: var(--color-teal);
    cursor: pointer;
    font-family: var(--font-family-heading);
    font-size: 1.25rem;
    font-weight: bolder;
    line-height: 170%;
    margin: 0 24px;
    text-transform: none;
  }

  button.sf-depth-1.menuparent {
    background: var(--color-white) !important;
    border: none;
    color: var(--color-teal);
    cursor: pointer;
    font-family: var(--font-family-heading);
    font-size: 1.25rem;
    font-weight: bolder;
    line-height: 170%;
    margin: 0 24px;
    text-transform: none;
  }

  button.sf-depth-1.menuparent {
    display: block;
    width: 100%;
    padding: 1em;
    background-color: #fff;
    text-align: left;
    border: none;
    border-bottom: solid 1px #ccc;
  }
}

/* Paso submenu using regular menu */

ul.menu--main-navigation-paso- {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

@media screen and (min-width: 767px) {
  ul.menu--main-navigation-paso- {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row nowrap;
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  ul.menu--main-navigation-paso- li {
    display: block;
    clear: both;
  }
}

ul.menu--main-navigation-paso- li.menu__item.menu__item--expanded button.menu__link {
  background: white;
  border: none;
  color: var(--color-teal);
  cursor: pointer;
  font-family: var(--font-family-heading);
  font-size: 1.25rem;
  font-weight: bolder;
  line-height: 170%;
  text-transform: none;
}

@media screen and (min-width: 767px) {
  ul.menu--main-navigation-paso- li.menu__item.menu__item--expanded button.menu__link {
    margin: 0 24px;
  }
}

ul.menu--main-navigation-paso- li.menu__item.menu__item--expanded button.menu__link::after {
  background-image: url(/themes/custom/oef/images/turquoise_arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 16px;
  vertical-align: middle;
  width: 17px;
}

ul.menu--main-navigation-paso- ul.menu[data-depth="1"] {
  display: none;
}

#block-mainnavigationpaso .sf-horizontal button.sf-depth-1,
#block-mainnavigationpaso ul.sf-menu li button.sf-depth-1.menuparent {
  border: solid 3px var(--color-paso1);
  font-size: 1.25rem;
  font-weight: bolder;
  line-height: 170%;
  margin: 0 0.5em 1em 0.5em;
  padding: 0.25em 1em;
  color: var(--color-teal);
  cursor: pointer;
  font-family: var(--font-family-heading);
}

#block-mainnavigationonn .sf-horizontal button.sf-depth-1,
#block-mainnavigationonn ul.sf-menu li button.sf-depth-1.menuparent {
  border: solid 3px var(--color-onn3);
  font-size: 1.25rem;
  font-weight: bolder;
  line-height: 170%;
  margin: 0 0.5em 1em 0.5em;
  padding: 0.25em 1em;
  color: var(--color-teal);
  cursor: pointer;
  font-family: var(--font-family-heading);
}

#block-mainnavigationsf .sf-horizontal button.sf-depth-1,
#block-mainnavigationsf ul.sf-menu li button.sf-depth-1.menuparent {
  border: solid 3px var(--color-text-heading);
  font-size: 1.25rem;
  font-weight: bolder;
  line-height: 170%;
  margin: 0 0.5em 1em 0.5em;
  padding: 0.25em 1em;
  color: var(--color-teal);
  cursor: pointer;
  font-family: var(--font-family-heading);
}

#block-mainnavigationshuraako .sf-horizontal button.sf-depth-1,
#block-mainnavigationshuraako ul.sf-menu li button.sf-depth-1.menuparent {
  border: solid 3px var(--color-text-heading);
  font-size: 1.25rem;
  font-weight: bolder;
  line-height: 170%;
  margin: 0 0.5em 1em 0.5em;
  padding: 0.25em 1em;
  color: var(--color-teal);
  cursor: pointer;
  font-family: var(--font-family-heading);
}

ul.sf-menu li {
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .c-header-desktop__logo {
    display: block;
    width: 100%;
    float: none;
    margin: 1em auto;
  }

  div#block-mainnavigationpaso,
  #block-mainnavigationshuraako,
  #block-mainnavigationsf,
  #block-mainnavigationonn {
    display: block;
    max-width: 330px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  ul.sf-menu li {
    float: none;
    width: 100%;
    display: block;
    clear: both;
    max-width: 320px;
  }
}

ul.menu.menu--main-navigation-revised {
  z-index: 999999;
}

@media screen and (max-width: 1050px) {
  /* fix for weird osf button on homepage */

  .paragraph--type--stories-text .seconditem div.button {
    background-color: var(--color-onn3);
    border: 2px solid var(--color-onn3);
    margin: 15px auto;
    display: inline-block !important;
    margin-left: 2em !important;
  }
}

.sliding-popup-bottom {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-animation: cookie-animation 1s linear 1.1s forwards;
          animation: cookie-animation 1s linear 1.1s forwards;
}

@-webkit-keyframes cookie-animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes cookie-animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.oursecurefuture-org {
  /* Basic Flexbox layout */
  /* Ensure each row has minimum height to prevent shifts */
  /* Mobile styles */
  /* Landscape and tablets */
  /* General button styling */
}

.oursecurefuture-org .flex-container {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  -webkit-box-align: stretch;
          align-items: stretch; /* Ensure all columns align evenly */
  min-height: 600px; /* Reserve space to prevent shifting */
}

.oursecurefuture-org .col {
  -webkit-box-flex: 1;
          flex: 1;
  min-width: 220px; /* Prevent columns from shrinking too much */
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; /* Smooth transitions to avoid sudden shifts */
}

.oursecurefuture-org .row {
  min-height: 150px;
}

.oursecurefuture-org .button {
  height: 50px; /* Fix button height to avoid shifting */
}

.oursecurefuture-org a.learn-more-link {
  display: block;
  height: 100%; /* Ensure the link fills the button space */
}

.oursecurefuture-org .button-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  min-height: 4rem; /* Reserve space for button row */
}

@media screen and (max-width: 600px) {
  .oursecurefuture-org .col {
    width: 100%; /* Make each column take up full width on phones */
    padding: 10px 0;
  }

  .oursecurefuture-org .oursecurefuture-org .button {
    min-height: 50px;
    display: block;
    min-width: 150px;
  }
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
  .oursecurefuture-org .col {
    -webkit-box-flex: 1;
            flex: 1 1 45%; /* Adjust column width to 45% on tablets */
    margin: 10px;
  }
}

.oursecurefuture-org .homepage-hero__wrapper .gutters-narrow .texture-left .container .seconditem .button.button-label.button-teal {
  max-height: 3rem;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 10px;
  background-color: var(--color-onn3);
  color: white;
  border-radius: 5px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.oursecurefuture-org .homepage-hero__wrapper .gutters-narrow .texture-left .container .seconditem .button.button-label.button-teal a {
  color: white;
  text-decoration: none;
}

.oursecurefuture-org .homepage-hero__wrapper .gutters-narrow .texture-left .container .seconditem .button.button-label.button-teal:hover {
  background-color: darkcyan;
}

.featured-content__image-link[aria-hidden=true] {
  pointer-events: none; /* Disable the link functionality */
  text-decoration: none; /* Remove any link styling */
}

.featured-content__image-link[aria-hidden=true] img {
  display: block; /* Ensure the image remains visible */
  width: 100%; /* Adjust as needed */
  height: auto;
}

.field .field--name-field-stories-block .field--type-block-field .field--label-hidden .field__item, #block-views-block-oef-slider-block-1 {
  top: -300px;
  max-width: 1000px;
  height: 600px;
  margin: 0 auto;
  overflow: visible;
  padding-bottom: 0; /* Ensures no padding at the bottom */
  margin-bottom: 0; /* Ensures no margin at the bottom */
}

.paragraph--type--stories-block {
  height: auto;
}

.c-header-desktop__site-navigation nav ul.menu[data-depth="3"] li.menu__item {
  margin: 16px 20px !important;
}

/** Bridge Gap Section **/

/* Container Styling */

.bridge-gap-section {
  text-align: center;
  padding: 0px 20px;
}

.hero-section {
  text-align: center;
  margin: 2rem auto;
  max-width: 1440px;
  width: 90%;
  position: relative;
}

.section-title1 {
  font-size: 2rem;
  color: #2c536f; /* Dark blue */
  margin-bottom: 1rem;
}

.card-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
  grid-gap: 0;
  gap: 0; /* No gap to place the border directly next to the card */
}

.card-container {
  display: -webkit-box;
  display: flex;
  grid-gap: 3rem;
  gap: 3rem;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  z-index: 2; /* Higher z-index to stay in front of the borders */
  position: relative;
  background-size: cover; /* Ensures the background image covers the entire div */
  background-position: center; /* Centers the background image */
  background-repeat: no-repeat; /* Prevents the background from repeating */
  min-height: 600px;
  text-align: left;
}

.card-container .info-section p {
  margin: 15px auto !important;
}

.company-card-left {
  position: relative;
  background: url("/sites/default/files/2024-11/8S6A4772.JPG");
  background-size: cover; /* Ensures background image covers the container */
  background-repeat: no-repeat; /* Prevents background repetition */
  background-position: center; /* Centers the background image */
  color: #ffffff;
  border-bottom-left-radius: 80px 80px; /* Rounded corners for better aesthetics */
  overflow: visible;
  padding: 1.5rem;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  min-height: 400px; /* Ensures responsiveness */
  width: 350px;
}

/* Gradient overlay using ::before */

.company-card-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(40, 80, 102)), color-stop(10%, rgba(40, 80, 102, 0.98)), color-stop(30%, rgba(40, 80, 102, 0.89)), color-stop(50%, rgba(40, 80, 102, 0.75)), color-stop(70%, rgba(40, 80, 102, 0.56)), color-stop(90%, rgba(40, 80, 102, 0.3)), to(rgba(40, 80, 102, 0)));
  background: linear-gradient(to bottom, rgb(40, 80, 102) 0%, rgba(40, 80, 102, 0.98) 10%, rgba(40, 80, 102, 0.89) 30%, rgba(40, 80, 102, 0.75) 50%, rgba(40, 80, 102, 0.56) 70%, rgba(40, 80, 102, 0.3) 90%, rgba(40, 80, 102, 0) 100%);
  border-bottom-left-radius: 80px 80px; /* Rounded corners for better aesthetics */
  z-index: 1; /* Ensures it is on top of the background image */
  pointer-events: none; /* Allows interactions to pass through */
}

/* Center Card (No Border-Radius) */

.company-card-center {
  position: relative;
  background: url("/sites/default/files/2024-12/image00034.jpeg");
  background-size: cover; /* Ensures background image covers the container */
  background-repeat: no-repeat; /* Prevents background repetition */
  background-position: center; /* Centers the background image */
  color: #fff; /* Black text for contrast */
  border-radius: 0; /* No border radius */
  overflow: visible;
  padding: 1.5rem;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  min-height: 400px; /* Ensures responsiveness */
  width: 350px;
}

/* Gradient overlay using ::before */

.company-card-center::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(40, 80, 102)), color-stop(10%, rgba(40, 80, 102, 0.98)), color-stop(30%, rgba(40, 80, 102, 0.89)), color-stop(50%, rgba(40, 80, 102, 0.75)), color-stop(70%, rgba(40, 80, 102, 0.56)), color-stop(90%, rgba(40, 80, 102, 0.3)), to(rgba(40, 80, 102, 0)));
  background: linear-gradient(to bottom, rgb(40, 80, 102) 0%, rgba(40, 80, 102, 0.98) 10%, rgba(40, 80, 102, 0.89) 30%, rgba(40, 80, 102, 0.75) 50%, rgba(40, 80, 102, 0.56) 70%, rgba(40, 80, 102, 0.3) 90%, rgba(40, 80, 102, 0) 100%);
  border-bottom-right-radius: 80px 80px; /* Rounded corners for better aesthetics */
  z-index: 1; /* Ensures it is on top of the background image */
  pointer-events: none; /* Allows interactions to pass through */
}

.company-card-right {
  position: relative;
  background: url("/sites/default/files/2024-11/4D8A4345.jpg");
  background-size: cover; /* Ensures background image covers the container */
  background-repeat: no-repeat; /* Prevents background repetition */
  background-position: center; /* Centers the background image */
  color: #ffffff;
  border-bottom-right-radius: 80px 80px; /* Rounded corners for better aesthetics */
  overflow: visible;
  padding: 1.5rem;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  min-height: 400px; /* Ensures responsiveness */
  width: 350px;
}

/* Gradient overlay using ::before */

.company-card-right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(40, 80, 102)), color-stop(10%, rgba(40, 80, 102, 0.98)), color-stop(30%, rgba(40, 80, 102, 0.89)), color-stop(50%, rgba(40, 80, 102, 0.75)), color-stop(70%, rgba(40, 80, 102, 0.56)), color-stop(90%, rgba(40, 80, 102, 0.3)), to(rgba(40, 80, 102, 0)));
  background: linear-gradient(to bottom, rgb(40, 80, 102) 0%, rgba(40, 80, 102, 0.98) 10%, rgba(40, 80, 102, 0.89) 30%, rgba(40, 80, 102, 0.75) 50%, rgba(40, 80, 102, 0.56) 70%, rgba(40, 80, 102, 0.3) 90%, rgba(40, 80, 102, 0) 100%);
  border-bottom-right-radius: 80px 80px; /* Rounded corners for better aesthetics */
  z-index: 1; /* Ensures it is on top of the background image */
  pointer-events: none; /* Allows interactions to pass through */
}

.yellow-horizontal-line {
  display: block;
  width: 100%; /* Adjust this value as needed */
  max-width: 60px;
  height: 3px; /* Adjust thickness */
  background-color: #fabb14; /* Yellow color */
  margin: 10px 0; /* Center the line */
}

.green-horizontal-line {
  display: block;
  width: 100%; /* Adjust this value as needed */
  max-width: 60px;
  height: 3px; /* Adjust thickness */
  background-color: #8e991f; /* Green color */
  margin: 10px 0; /* Center the line */
}

.beige-horizontal-line {
  display: block;
  width: 100%; /* Adjust this value as needed */
  max-width: 60px;
  height: 3px; /* Adjust thickness */
  background-color: #d1c5aa; /* Green color */
  margin: 10px 0; /* Center the line */
}

.info-section {
  position: relative;
  z-index: 2; /* Ensures content is above the background */
}

.info-section h2 {
  margin: 0;
  font-size: 1.5rem;
  color: #ffffff;
}

.info-section .italic {
  font-style: italic;
}

.info-section p {
  margin: 1rem 0;
  font-size: 1rem;
  line-height: 1.5;
}

.learn-more {
  background-color: #e2dfd7; /* Light beige */
  color: #2c536f; /* Dark blue */
  border: none;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.learn-more:hover {
  background-color: #d1c5aa; /* Slightly darker beige */
}

.image-container {
  margin-top: 2rem;
}

.image-wrapper {
  position: relative;
  margin: 0 auto;
  overflow: visible; /* Ensures any content stays inside the boundaries */
  background-size: cover; /* Ensures the image covers the entire div */
  background-position: center; /* Centers the image within the div */
  background-repeat: no-repeat; /* Prevents the background from repeating */
  width: 100%; /* Adjusts to the parent width */
  height: 100%; /* Adjusts to the parent height */
}

.main-image {
  width: 100%;
  height: auto;
  display: block;
  margin: -450px 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 1000px;
}

/* Gradient overlay */

.gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%; /* Adjust this to control the gradient height */
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  /**background: url('/themes/custom/oef/images/gradient-rectangle.svg') no-repeat center center; **/
  background-size: cover;
  opacity: 0.5; /* Adjust opacity as needed */
  pointer-events: none; /* Ensure it does not interfere with interactions */
}

.gradient-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5));
}

.grid-overlay {
  position: absolute;
  background-image: url("/themes/custom/oef/images/texture-blue-left.svg"); /* Replace with your grid SVG/PNG */
  /** opacity: 0.1;**/
}

.grid-overlay.top-left {
  top: -115px;
  left: -85px;
  width: 350px;
  height: 450px;
}

.grid-overlay.bottom-right {
  bottom: -100px;
  right: -85px;
  width: 350px;
  height: 450px;
}

/* Black border styles */

.left-border {
  position: absolute;
  width: 12px;
  background-color: #231f20; /* Black */
  top: 5px;
  bottom: 10px;
  left: -12px; /* Allows for 10px visible overflow */
  z-index: 0; /* Lower z-index to stay in the background */
}

.right-border {
  position: absolute;
  width: 12px;
  background-color: #231f20;
  top: 5px;
  bottom: 10px;
  display: inline-block;
  right: -12px;
  z-index: 0;
  overflow: visible;
}

.background-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Full width of the container */
  height: 100%; /* Full height of the container */
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(7%, rgba(255, 255, 255, 0.98)), color-stop(14%, rgba(255, 255, 255, 0.94)), color-stop(21%, rgba(255, 255, 255, 0.86)), color-stop(28%, rgba(255, 255, 255, 0.74)), color-stop(35%, rgba(255, 255, 255, 0.6)), color-stop(42%, rgba(255, 255, 255, 0.42)), color-stop(49%, rgba(255, 255, 255, 0.21)), color-stop(56%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.98) 7%, rgba(255, 255, 255, 0.94) 14%, rgba(255, 255, 255, 0.86) 21%, rgba(255, 255, 255, 0.74) 28%, rgba(255, 255, 255, 0.6) 35%, rgba(255, 255, 255, 0.42) 42%, rgba(255, 255, 255, 0.21) 49%, rgba(255, 255, 255, 0) 56%);
  pointer-events: none; /* Allows interactions to pass through */
  z-index: 1; /* Ensures it overlays the image */
}

/* Responsive Adjustments */

@media (max-width: 768px) {
  .section-title {
    font-size: 1.5rem;
  }

  .card-container-left, .card-container-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    padding: 1rem;
    min-height: 300px; /* Adjust for smaller screens */
  }

  .info-section h2 {
    font-size: 1.25rem;
  }

  .info-section p {
    font-size: 0.9rem;
  }

  .learn-more {
    padding: 0.5rem;
    padding: 0.4rem 0.8rem;
  }

  .grid-overlay {
    display: none;
  }
}

/**Fetured section**/

.fe-featured-entrepreneurs {
  text-align: center;
  padding: 0rem 1rem;
  max-width: 1440px;
  margin: auto;
}

.fe-section-title {
  font-family: var(--font-family-sans);
  font-size: 2rem;
  letter-spacing: 0.08em;
  line-height: 150%;
  text-transform: uppercase;
  text-align: left;
}

.fe-card-container {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 2rem;
  gap: 2rem;
  -webkit-box-pack: center;
          justify-content: center;
}

/* Wrapper to hold both the icon and the company card */

.fe-card-wrapper {
  position: relative;
  margin-bottom: 2rem;
}

/* Icon styling */

.fe-icon-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  z-index: 2;
  background-size: cover;
  background-position: center;
}

/* Individual icon styles */

.fe-icon-agriculture {
  background-image: url("/themes/custom/oef/images/agriculture.svg");
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}

.fe-icon-construction {
  background-image: url("/themes/custom/oef/images/construction.svg");
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}

.fe-icon-manufacturing {
  background-image: url("/themes/custom/oef/images/manufacturing.svg");
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}

/* Company card styling */

.fe-company-card {
  background-color: #2c536f;
  border-top-left-radius: 80px 80px;
  border-bottom-left-radius: 40px 40px;
  border-bottom-right-radius: 40px 40px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 350px;
  margin: 1rem;
  text-align: left;
  position: relative;
  padding-top: 0px;
}

/* Main image styling */

.fe-image-wrapper {
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 40px;
}

.fe-main-image {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Info section */

.fe-info-section {
  padding: 0.5rem 1.5rem;
  color: #ffffff;
  background-color: #2c536f;
  max-width: 100%;
  margin-left: 2em;
}

.fe-info-section-accent {
  display: block;
  height: 5px;
  width: 50px;
  background-color: #f1dfc9;
  margin: 0.5rem -1.5rem;
}

.fe-info-section .fe-company-name {
  margin: 0;
  font-size: 1rem;
  color: #F1DFC9;
  margin-left: -1.5rem !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.fe-info-section .fe-industry {
  font-style: italic;
  margin: 1rem -1.5rem;
  color: #F1DFC9;
}

.fe-info-section .fe-company-name a, .fe-info-section .fe-industry a {
  color: #F1DFC9;
}

/* Black border before footer */

.fe-black-border {
  height: 10px;
  background-color: #231f20;
}

/* Footer section */

.fe-footer-section {
  background-color: #f1dfc9;
  padding: 1rem;
  text-align: right;
  color: #2c536f;
  border-bottom-right-radius: 40px;
  position: relative;
}

.fe-footer-section a {
  text-decoration: none;
  font-weight: bold;
  color: #2c536f;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.fe-footer-section a:hover {
  color: #1b394e;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Responsive adjustments */

@media (max-width: 768px) {
  .fe-featured-entrepreneurs {
    margin: 200px auto 0;
  }

  .fe-card-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }

  .fe-info-section .fe-company-name {
    font-size: 1.25rem;
  }

  .fe-footer-section {
    padding: 0.5rem;
    font-size: 0.875rem;
  }

  .fe-icon-wrapper {
    width: 100px;
    height: 100px;
    top: -30px;
  }
}

#block-worldmap h2 {
  text-align: center;
  padding-bottom: 20px;
}

.worldmap .is-selected {
  fill: #4d94a9 !important;
  stroke: #000 !important;
  stroke-width: 0.3;
}

.worldmap path {
  fill: var(--color-path-default);
  stroke: #274E66 !important;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

/** New featured section**/

#block-views-block-shuraako-projects-map-block-1 {
  /* Parent Grid Container */
  /* Individual Row Items */
  /* Adjust for smaller screens */
  /* Field: Icon */
  /* Field: Primary Media */
  /* Field: Title */
  /* Field: Project */
  /* Field: View Node (Footer Section) */
  /* Accent Divider */
  /* Responsive Adjustments */
  /* Form Container styling */
  /* Styling the fieldset container */
  /* Styling the legend */
  /* Styling the radio group */
  /* Styling individual radio button items */
  /* Styling radio buttons */
  /* Styling labels */
  /* Accessibility enhancements for screen readers */
  /* Responsive adjustments */
  /* Wrapper styling */
  /* Label styling */
  /* Remove bullets from list items */
  /* List container styling */
  /* Links styling */
  /* Hover effect for links */
  /* Active link styling */
  /* Accessibility: focus styles */
  /* Responsive design adjustments */
}

#block-views-block-shuraako-projects-map-block-1 .views-exposed-form.bef-exposed-form .form-item-field-project-target-id label {
  display: none;
}

#block-views-block-shuraako-projects-map-block-1 .views-exposed-form.bef-exposed-form .bef-links ul {
  display: block;
  list-style: none;
  margin: 5px 0 25px 0;
  padding: 0;
}

#block-views-block-shuraako-projects-map-block-1 .views-exposed-form.bef-exposed-form .bef-links ul li {
  display: inline-block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-small);
  list-style: none;
  margin-bottom: 20px;
  padding: 0 10px 0 0;
}

#block-views-block-shuraako-projects-map-block-1 .views-exposed-form.bef-exposed-form .bef-links ul li:before {
  content: "";
}

#block-views-block-shuraako-projects-map-block-1 .views-exposed-form.bef-exposed-form .bef-links ul li a {
  background-color: #03a1c9;
  border-radius: 5px;
  color: #fff;
  padding: 8px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

#block-views-block-shuraako-projects-map-block-1 .views-exposed-form.bef-exposed-form .bef-links ul li a.bef-link--selected {
  background-color: #258cd1;
}

#block-views-block-shuraako-projects-map-block-1 .views-view-responsive-grid {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
          align-items: stretch;
  margin: auto;
  max-width: 1440px;
  padding: 2rem 1rem;
}

#block-views-block-shuraako-projects-map-block-1 .views-row {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* Padding doesn't affect width */
  overflow: hidden;
  margin-top: -3rem;
  display: -webkit-box;
  display: flex; /* Enable Flexbox */
  flex-wrap: wrap; /* Allow wrapping if needed */
  -webkit-box-align: stretch;
          align-items: stretch; /* Ensure all items match the tallest column */
  grid-gap: 1rem;
  gap: 1rem;
}

#block-views-block-shuraako-projects-map-block-1 .views-col {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem;
}

#block-views-block-shuraako-projects-map-block-1 .views-field-title,
#block-views-block-shuraako-projects-map-block-1 .views-field-field-project {
  -webkit-box-flex: 1;
          flex-grow: 1; /* Allow these fields to expand and fill space */
}

@media (max-width: 768px) {
  #block-views-block-shuraako-projects-map-block-1 .views-row {
    -webkit-box-flex: 1;
            flex: 1 1 100%; /* Single column layout */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

#block-views-block-shuraako-projects-map-block-1 .views-field-field-company-icon-1, #block-views-block-shuraako-projects-map-block-1 .views-field-field-icon {
  display: block;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  top: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  z-index: 2;
  background-size: cover;
  background-position: center;
  background-color: #f1dfc9; /* Placeholder background */
}

#block-views-block-shuraako-projects-map-block-1 .views-field-field-company-icon-1 .field-content, #block-views-block-shuraako-projects-map-block-1 .views-field-field-icon .field-content {
  width: 100px;
  height: 100px;
}

#block-views-block-shuraako-projects-map-block-1 .views-field-field-primary-media {
  width: 100%; /* Full width */
  overflow: hidden;
}

#block-views-block-shuraako-projects-map-block-1 .views-field-field-primary-media img {
  width: 100%; /* Ensures image covers the container */
  height: auto; /* Maintains aspect ratio */
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 40px 40px;
}

#block-views-block-shuraako-projects-map-block-1 .views-field-title {
  padding: 0.5rem 2rem;
  color: #F1DFC9;
  background-color: #2c536f;
}

#block-views-block-shuraako-projects-map-block-1 .views-field-title a {
  color: #F1DFC9;
  text-decoration: none;
}

#block-views-block-shuraako-projects-map-block-1 .views-field-title a:hover {
  color: #ffffff;
}

#block-views-block-shuraako-projects-map-block-1 .views-field-field-project {
  padding: 0.2rem 2rem 1rem;
  color: #F1DFC9;
  font-style: italic;
  background-color: #2c536f;
}

#block-views-block-shuraako-projects-map-block-1 .views-field-field-project a {
  color: #F1DFC9;
  text-decoration: none;
}

#block-views-block-shuraako-projects-map-block-1 .views-field-field-project a:hover {
  text-decoration: underline;
}

#block-views-block-shuraako-projects-map-block-1 .views-field-view-node {
  background-color: #f1dfc9;
  padding: 0.75rem;
  text-align: right;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
  transition: background-color 0.3s, -webkit-box-shadow 0.3s;
  transition: background-color 0.3s, box-shadow 0.3s;
  transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; /* Smooth transitions for hover/focus */
}

#block-views-block-shuraako-projects-map-block-1 .views-field-view-node a {
  font-weight: 700;
  color: #2c536f;
  text-decoration: none;
  text-transform: uppercase; /* Makes the text uppercase */
  text-align: right;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  margin-right: 0.5rem;
  grid-gap: 0.5rem;
  gap: 0.5rem; /* Adds spacing between text and ">" */
  background-color: #f1dfc9;
  -webkit-transition: color 0.3s, text-decoration 0.3s;
  -webkit-transition: color 0.3s, -webkit-text-decoration 0.3s;
  transition: color 0.3s, -webkit-text-decoration 0.3s;
  transition: color 0.3s, text-decoration 0.3s;
  transition: color 0.3s, text-decoration 0.3s, -webkit-text-decoration 0.3s;
  outline: none; /* Avoids default focus outline (replaced below for better accessibility) */
}

#block-views-block-shuraako-projects-map-block-1 .views-field-view-node a::after {
  content: ">";
  color: #2c536f;
  font-weight: bold;
  margin-left: 0.5rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; /* Smooth transition for hover/focus */
}

#block-views-block-shuraako-projects-map-block-1 .views-field-view-node a:hover,
#block-views-block-shuraako-projects-map-block-1 .views-field-view-node a:focus {
  color: #1b394e;
  text-decoration: underline; /* Adds an underline for better visibility */
}

#block-views-block-shuraako-projects-map-block-1 .views-field-view-node a:hover::after,
#block-views-block-shuraako-projects-map-block-1 .views-field-view-node a:focus::after {
  color: #1b394e; /* Changes the ">" color on hover and focus */
}

#block-views-block-shuraako-projects-map-block-1 .views-field-view-node a.focus-visible {
  outline: 3px solid #f1dfc9;
  outline-offset: 4px; /* Keeps the outline from touching the text */
}

#block-views-block-shuraako-projects-map-block-1 .views-field-view-node a:focus-visible {
  outline: 3px solid #f1dfc9;
  outline-offset: 4px; /* Keeps the outline from touching the text */
}

#block-views-block-shuraako-projects-map-block-1 .fe-info-section-accent {
  display: block;
  height: 5px;
  width: 50px;
  background-color: #f1dfc9;
  margin: 0.5rem 0.1rem;
}

#block-views-block-shuraako-projects-map-block-1 .fe-black-border {
  height: 10px;
  background-color: #231f20;
  margin: 0 auto;
}

#block-views-block-shuraako-projects-map-block-1 .views-view-responsive-grid .views-col {
  padding: 0 1rem;
}

#block-views-block-shuraako-projects-map-block-1 input[type=radio]:checked + label {
  font-weight: bold;
  color: #2c536f;
  border: 2px solid #2c536f;
  padding: 0.5rem;
  border-radius: 5px;
}

@media (max-width: 768px) {
  #block-views-block-shuraako-projects-map-block-1 .views-view-responsive-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }

  #block-views-block-shuraako-projects-map-block-1 .views-row {
    -webkit-box-flex: 1;
            flex: 1 1 100%;
    max-width: 100%;
  }

  #block-views-block-shuraako-projects-map-block-1 .views-field-field-icon-1, #block-views-block-shuraako-projects-map-block-1 .views-field-field-company-icon-1 {
    width: 80px;
    height: 80px;
    top: 30px;
  }

  #block-views-block-shuraako-projects-map-block-1 .views-field-field-primary-media img {
    width: 100%;
  }

  #block-views-block-shuraako-projects-map-block-1 .views-field-title {
    font-size: 1.25rem;
    text-align: left;
  }

  #block-views-block-shuraako-projects-map-block-1 .views-field-view-node {
    padding: 0.5rem;
    font-size: 0.875rem;
  }
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3--wrapper {
  margin: 2rem;
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3--wrapper {
  margin: 1rem 0;
  padding: 1.5rem;
  border: 2px solid #2c536f; /* Add a border for visibility */
  border-radius: 10px; /* Rounded corners */
  background-color: #f9f9f9; /* Light background */
  color: #333; /* Dark text for better readability */
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3--wrapper legend {
  font-size: 1.25rem;
  font-weight: bold;
  padding: 0 0.5rem;
  color: var(--color-text-heading); /* Blue text */
  border-left: 4px solid #2c536f;
  margin-bottom: 1rem;
  margin-left: 2px;
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; /* Stack items vertically */
  grid-gap: 1rem;
  gap: 1rem; /* Space between radio buttons */
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-type-boolean {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  padding: 0.75rem;
  border: 1px solid #ddd; /* Add a border for separation */
  border-radius: 5px; /* Rounded corners */
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  cursor: pointer;
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-type-boolean:hover {
  background-color: #f0f8ff; /* Light blue hover background */
  border-color: #2c536f; /* Highlighted border on hover */
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-type-boolean[focus-within] {
  outline: 2px solid #2c536f; /* Add focus outline */
  outline-offset: 2px;
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-type-boolean:focus-within {
  outline: 2px solid #2c536f; /* Add focus outline */
  outline-offset: 2px;
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-radio {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #2c536f; /* Blue border */
  border-radius: 50%; /* Circular shape */
  outline: none;
  cursor: pointer;
  background-color: #ffffff; /* White background */
  position: relative;
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-radio:checked {
  background-color: #2c536f; /* Blue fill when checked */
  border-color: #2c536f;
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-radio:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffffff; /* White inner dot */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-item__label {
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  cursor: pointer;
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-item__label.option {
  position: relative;
}

#block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-item__label.option:after {
  content: " (selectable)";
  font-size: 0.875rem;
  color: #666;
  font-style: italic;
}

@media (max-width: 768px) {
  #block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3--wrapper {
    padding: 1rem;
  }

  #block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-type-boolean {
    padding: 0.5rem;
  }

  #block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-item__label {
    font-size: 0.9rem;
  }

  #block-views-block-shuraako-projects-map-block-1 #edit-field-region-target-id-region--3 .form-radio {
    width: 18px;
    height: 18px;
  }
}

#block-views-block-shuraako-projects-map-block-1 .js-form-item-field-region-target-id-region {
  position: sticky;
  top: 0;
  z-index: 1000;
  margin: 1rem;
  padding: 1.5rem;
  border: 2px solid #f1dfc9;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #ffffff;
  color: #333;
  max-width: 18.75rem;
}

#block-views-block-shuraako-projects-map-block-1 .js-form-item-field-region-target-id-region ul:not([class]) > li:before {
  display: none !important;
}

#block-views-block-shuraako-projects-map-block-1 .js-form-item-field-region-target-id-region .form-item__label {
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 1rem;
  color: #2c536f;
}

#block-views-block-shuraako-projects-map-block-1 .bef-links ul {
  list-style: none; /* Removes the bullet points */
  padding: 0;
  margin: 0;
}

#block-views-block-shuraako-projects-map-block-1 .bef-links {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

#block-views-block-shuraako-projects-map-block-1 .bef-link {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: #2c536f;
  border: 1px solid #f1dfc9;
  border-radius: 5px;
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

#block-views-block-shuraako-projects-map-block-1 .bef-link:hover {
  background-color: #2c536f;
  color: #ffffff;
}

#block-views-block-shuraako-projects-map-block-1 .bef-link--selected {
  background-color: #2c536f; /* Highlight active link */
  color: #ffffff;
}

#block-views-block-shuraako-projects-map-block-1 .bef-link:focus {
  outline: 2px solid #f1dfc9;
  outline-offset: 2px;
}

@media (max-width: 768px) {
  #block-views-block-shuraako-projects-map-block-1 .js-form-item-field-region-target-id-region {
    max-width: 100%; /* Full width for smaller screens */
  }

  #block-views-block-shuraako-projects-map-block-1 .bef-link {
    font-size: 0.9rem; /* Adjust text size for smaller screens */
    padding: 0.5rem;
  }
}

/** End of Container styling **/

/** End of Container styling **/