html {
  scroll-behavior: smooth;
}
/* width */

::-webkit-scrollbar {
  width: 18px;
}

/* Track */

::-webkit-scrollbar-track {
  background: var(--bs-dark);
}

::-webkit-scrollbar-track:hover {
  background: #515151;
  transition: background 0.5s linear;
}

/* Handle */

::-webkit-scrollbar-thumb {
  /*background: url("/wp-content/themes/arpa-child/assets/img/ARPA-Icon-1c-small.png") center / 18px no-repeat, var(--bs-white);*/
  background: var(--bs-white);
  border-radius: 0;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  /*background: url("/wp-content/themes/arpa-child/assets/img/ARPA-Icon-1c-small.png") center / 18px no-repeat, var(--bs-primary);*/
  background: var(--bs-primary);
  border: 1px solid var(--bs-dark);
  cursor: ns-resize;
}

.navbar .navbar-brand > img {
  width: 100%;
  max-width: 175px;
  margin-top: 0rem;
  transition: all 0.3s linear;
}

@media (min-width: 992px) {
  .navbar .navbar-brand > img {
    margin-top: 1.7rem;
  }
}

.wp-block-image>a, .wp-block-image>figure>a {
  display: inline-block;
  width: 100%;
}

.nav-cover {
  background-color: black;
  height: 124px;
}

header {
  --bg-image: url("/wp-content/themes/arpa-child/assets/img/ARPA-com-25010 - Web Revamp - Assets_Header Image copy.webp");

  /* Fallbacks fallback smoothly onto custom setup values written from the React Editor */
  min-height: var(--header-min-height, 55vw);
  min-height: var(--header-min-d-height, 55dvw);

  width: 100%;
  padding-top: 180px;
  padding-top: calc(150px + 3vw);
  background-color: var(--bs-dark);
  color: white;
  background-image: var(--bg-image);
  --bg-size: cover;
  background-size: var(--bg-size);
  --bg-attachment: fixed;
  background-attachment: var(--bg-attachment);
  --bg-position: top center;
  background-position: var(--bg-position);
  --bg-repeat: no-repeat;
  background-repeat: var(--bg-repeat);
  display: flex;
  align-items: var(--align-content);
  justify-content: center;
  position: relative;
  padding-left: var(--section-padding-x);
  padding-right: var(--section-padding-x);
}

header.small-header {
  --small-header-min-height: 24vw;
  min-height: var(--small-header-min-height, 24vw);
  min-height: var(--small-header-min-d-height, 24dvw);
}

@media (min-width: 1600px) {
  header {
    min-height: var(--w1600-header-min-height, 47vw);
    min-height: var(--w1600-header-min-d-height, 47dvw);
  }
}

@media (min-width: 2200px) {
  header {
    min-height: var(--w2200-header-min-height, 39vw);
    min-height: var(--w2200-header-min-d-height, 39dvw);
  }
}

@supports (-webkit-overflow-scrolling: touch) {
  /**iOS devices **/
  header{
    background-attachment: scroll !important;
  }
}

@media (max-width: 767px) {
  header {
    background-attachment: scroll !important;
  }
}

.navbar-nav {
  --bs-nav-link-padding-x: 4rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  align-items: center;
  order: 1;
}

.navbar {
  --bs-navbar-padding-x: min(4vw,77px);
  --bs-navbar-padding-y: 1.5rem;
  padding-bottom: 2rem;
  --bs-navbar-color: var(--bs-white);
  --bs-navbar-hover-color: var(--bs-primary);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: var(--bs-primary);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: var(--bs-white);
  --bs-navbar-brand-hover-color: var(--bs-white);
  --bs-navbar-nav-link-padding-x: 1rem;
  --bs-navbar-nav-link-padding-x: min(0.8vw,1rem);
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  text-transform: uppercase;
  border-bottom: 1px solid var(--bs-secondary);
  transition: border 0.4s linear;
}

.navbar .top-bar {
  width: 100%;
  display: flex;
  justify-content: end;
  margin-bottom: 1rem;
}

@media (min-width:992px) {
  .navbar-expand-lg .navbar-collapse {
    flex-direction: column;
    align-items: end;
  }
}

.navbar .top-bar .btn {
  text-transform: uppercase;
  margin-left: 0.7rem;
  color: white;
  border: none;
  background: none;
  --bs-btn-padding-x: 1.4rem;
  padding-bottom: 0.1rem;
  padding-top: 0.2rem;
  font-family: 'Metropolis Light';
  --bs-btn-font-size: 1rem;
}

.navbar .nav-link {
  font-size: 1rem;
}

.navbar .nav-item {
  margin-left: 0.3rem;
  margin-left: min(0.11vw,0.3rem);
  margin-right: 0.3rem;
  margin-right: min(0.11vw,0.3rem);
  margin-top: 0.7rem;
}

.navbar .nav-item:last-child {
  margin-right: 0;
}

.h1 .arno, .h2 .arno, .h3 .arno, .h4 .arno, .h5 .arno, .h6 .arno, h1 .arno, h2 .arno, h3 .arno, h4 .arno, h5 .arno, h6 .arno {
  font-family: 'Arno Pro';
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-style: italic;
  font-weight: 400;
}

.flagged::before {
  content: '';
  color: transparent;
  width: 1em;
  height: 1em;
  display: inline-block;
  background: var(--bs-primary);
  clip-path: polygon(100% 31%, 3% 64%, 85% 95%);
  margin-right: 0.5em;
  transition: all 0.2s linear;
}

.flagged:hover::before {
  transform: rotateZ(-7deg);
}

header.front-page-header {
  min-height: var(--front-page-header-min-height, 43.5vw);
  min-height: var(--front-page-header-min-d-height, 43.5dvw);
}

header > .header-content {
  width: 100%;
  position: relative;
  z-index: 1;
  padding-left: 4vw;
  padding-right: 4vw;
  padding-bottom: 3vw;
}

header.front-page-header.has-gradient::after {
  animation: none;
  background: linear-gradient(102deg, var(--gradient-color) 38%, rgba(0,0,0,0) 91%);
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 172px;
  z-index: 0;
}

@media (max-width: 767px) {
  header.front-page-header.has-gradient::after {
    height: 95px;
  }

}

header.has-gradient {
  position: relative; /* Ensure the header is the anchor for the absolute positioning */
  overflow: hidden;   /* Keeps the gradient from spilling out if needed */
}

header.has-gradient::after {
  animation: revealBG 0.5s linear;
  background: linear-gradient(rgba(0,0,0,0) 0%, var(--gradient-color) 95%);
  position: absolute;
  content: '';
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  height: 150px;

  z-index: 0;
}

@media (max-width:767px) {
  header.has-gradient::after {
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, var(--gradient-color) 95%);
    height: 95px;
  }
}


@keyframes revealBG {
  0% {
    bottom: -30px;
  }
  100% {
    bottom: 0;
  }
}

section {
  scroll-margin-top: 159px;
  --section-bg-image: url('#');
  --section-bg-postition: center;
  --section-bg-size: cover;
  --section-bg-repeat: no-repeat;
  padding: var(--section-padding-y) var(--section-padding-x);
  background-image: var(--section-bg-image);
  background-position: var(--section-bg-postition);
  background-size: var(--section-bg-size);
  background-repeat: var(--section-bg-repeat);
}

@media (max-width: 991px) {
  section {
    scroll-margin-top: 125px;
  }
}

.front-page-header .arno {
  display: block;
  font-size: 220%;
  margin-top: 0.4rem;
}

@media screen and (max-width: 550px) {
  .front-page-header h1{
    font-size: 144%;
    width:85%;
    line-height: 175%;
    & .arno{
        line-height:107%;
    }

  }


}

header:not(.front-page-header) .h1, header:not(.front-page-header) .h2, header:not(.front-page-header) .h3, header:not(.front-page-header) .h4, header:not(.front-page-header) .h5, header:not(.front-page-header) .h6, header:not(.front-page-header) h1, header:not(.front-page-header) h2, header:not(.front-page-header) h3, header:not(.front-page-header) h4, header:not(.front-page-header) h5, header:not(.front-page-header) h6 {
  zoom: 2;
}

body:not(:has(header.front-page-header)) .navbar {
  background: rgba(0,0,0,0.59);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-bottom: none;
}

@media (max-width: 992px) {
  header, header.front-page-header {
    aspect-ratio: unset;
    min-height: var(--m992-header-min-height, 75vw);
    min-height: var(--m992-header-min-d-height, 75dvw);
  }
  header.small-header {
    aspect-ratio: unset;
    min-height: var(--m992-small-header-min-height, 50vw);
    min-height: var(--m992-small-header-min-d-height, 50dvw);
  }
}

hr {
  --bs-border-width: 1px;
  border-color: #000;
  opacity: 1;
}

.articleCard {
  display: flex;
  width: 100%;
  color: inherit;
  flex-direction: column;
  text-decoration: none;
  padding: 1rem;
}

.articleCard.sxs {
  flex-direction: row;
}

@media (max-width: 680px) {
  .articleCard.sxs {
    flex-direction: column;
  }
}

.articleCard .imageContain > img {
  aspect-ratio: 8/5;
  width: 100%;
  border: none;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s linear;
}

.articleCard h5, .articleCard .h5 {
  font-family: 'Metropolis Bold';
  text-transform: initial;
  transition: color 0.2s linear;
}

.articleCard.lg {
  flex-direction: column;
  align-items: start;
  text-align: left;
}

.articleCard.lg .imageContain > img {
  margin-bottom: 0.5rem;
}

.articleCard.lg h5, .articleCard.lg .h5 {
  margin-bottom: 1rem;
}

.articleCard .postDate {
  color: var(--bs-dark);
  text-transform: uppercase;
  display: block;
  font-size: 90%;
  margin-top: 1rem;
}

.articleCard p {
  margin-top: 1rem;
  margin-bottom:0;
  line-height: 1.25rem;
}

p b, p strong {
  font-family: 'Metropolis Bold';
  font-weight:400 !important;
}

.articleCard p > strong {
  color: var(--bs-primary);
  font-family: 'Metropolis Regular';
}

.articleCard:hover .imageContain::before {
  display: block;
  position: absolute;
  content: '';
  width: 25%;
  height: 200%;
}

.articleCard .imageContain {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.articleCard:hover .imageContain > img {
  filter: grayscale(100%);
  object-position: 55% 55%;
}
.articleCard.publication:hover .imageContain > img {
  filter: brightness(93%);
  object-position: 55% 55%;
}

.articleCard:hover {
  cursor: pointer;
}

.articleCard:hover h5, .articleCard:hover .h5 {
  color: var(--bs-primary);
}

.articleCard.sxs .imageContain {
  width: 100%;
  max-width: 244px;
}

@media (max-width: 680px) {
  .articleCard.sxs .imageContain {
    width: 100%;
    max-width: none;
  }
}

.articleCard.publication .imageContain {
  width: 100%;
  max-width: none;
  margin-bottom: 1.5rem;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}

.articleCard .detailsContain {
  padding-top: 1rem;
}

.articleCard:not(.lg) .detailsContain {
  width: 100%;
  text-align: left;
}

.articleCard.sxs .detailsContain {
  padding-left: 2rem;
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 680px) {
  .articleCard.sxs .detailsContain {
    padding-top: 1rem;
    padding-left: 0;
  }
}

.articleCard.publication .detailsContain {
  padding-left: 0;
  padding-bottom: 0.5rem;
}

.articleCard.sxs {
  align-items: end;
}

.articleCard:not(.lg) h5, .articleCard:not(.lg) .h5 {
  font-size: 105%;
}

.imageCard {
  --imgCardAspect: 4/1;
  display: flex;
  text-decoration: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: var(--imgCardAspect);
  padding: 0;
  margin: 0;
  box-shadow: var(--imgCardShadow);
  --imgCardShadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}

.imageCard > img {
  --imagePosX: 50%;
  --imagePosY: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--imagePosY) var(--imagePosX);
}

@media (hover: hover) {

  .imageCard > img {
    transition: all 0.3s linear;
    filter: grayscale(100%) contrast(70%);
  }

  .imageCard:hover > img {
    filter: grayscale(0%) contrast(100%);
  }
  
}



.imageCard > *:not(img) {
  color: white;
  text-shadow: 1px 1px 5px #515151;
}

@media (min-width: 1400px) {
  .imageCard {
    --imgCardAspectWide: 5/1;
    aspect-ratio: var(--imgCardAspectWide);
  }
}

@keyframes arpaNav {
  0% {
    left: -100%;
    backdrop-filter: blur(0px);
  }
  100% {
    left: 0%;
    backdrop-filter: blur(5px);
  }
}

.navbar::after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  width: 400%;
  left: 0;
  bottom: 0;
  background: linear-gradient(107deg, black 23%, rgba(231,231,231,0.09565217391304348) 68%, rgba(255,255,255,0) 100%);
  animation: arpaNav linear both;
  animation-timeline: scroll();
  animation-range: 0px 75vh;
}

.navbar:hover {
  border-bottom-color: var(--bs-primary);
}

@media (max-width: 992px) {
  .navbar {
    padding-bottom: 0.6rem;
    padding-top: 0.6rem;
    background: rgba(0, 0, 0, .95);
  }
}

@media (max-width: 991px) {
  .navbar .top-bar .btn {
    width: 48%;
    background: var(--bs-secondary);
    color: #000;
    padding-top: 0.5rem;
    padding-bottom: 0.4rem;
    margin: 2%;
    margin-top: 0.4rem;
    justify-content: start;
  }
}

/*@media (max-width: 991px) {*/
/*  .navbar .top-bar .btn:nth-child(even) {*/
/*    margin-right: 0;*/
/*  }*/
/*}*/

/*@media (max-width: 991px) {*/
/*  .navbar .top-bar .btn:nth-child(odd) {*/
/*    margin-left: 0;*/
/*  }*/
/*}*/

@media (max-width: 991px) {
  .navbar .top-bar .btn:last-child {
    background: var(--bs-primary);
    color: white;
  }
}

@media (max-width: 991px) {
  .navbar .top-bar {
    order: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: center;
  }
}

@media (max-width: 991px) {
  .navbar-nav {
    align-items: center;
    margin-top: 1rem;
    --bs-nav-link-padding-x: 0rem;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .navbar .nav-item {
    margin-top: 0;
    width: 100%;
    justify-items: center;
    text-align: center;
  }
  #searchForm {
    width: 100%;
    padding-bottom: 0.4rem;

  }
  

}


.navbar-collapse.show, .navbar-collapse.collapsing {
  display: flex;
  flex-direction: column;
  /*align-items: start;*/
}

.searchUI {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0px;
  transition: all 0.3s linear;
  background-color: #000;
  z-index: 2;
}

.searchUI > div > input[type="text"] {
  width: 100%;
  padding-top: 1rem;
  margin-left: 3rem;
  margin-right: 3rem;
  font-size: 3rem;
  background: transparent;
  outline: none;
  border: none;
  border-bottom: 2px solid #000;
  font-family: 'Metropolis Extra Light Italic';
  color: white;
  font-weight: 100;
  transition: border 0.3s linear;
}

.searchUI > div {
  display: flex;
  align-items: center;
  width: 95%;
}

.searchUI > div > svg {
  color: #000;
  transition: color 0.2s linear;
  font-size: 2rem;
  margin-top: 1rem;
}

.searchUI > div > input[type="text"]:hover, .searchUI > div > input[type="text"]:focus {
  border-bottom-color: var(--bs-primary);
}

.closeSearch:hover {
  cursor: pointer;
  color: var(--bs-primary);
}

.navbar[data-search="open"] .searchUI {
  height: 100%;
  background-color: white;
}

@media (max-width: 991px) {
  .searchUI {
    max-height: 115px;
  }
}

/*=========== Search Bar================*/
/* Wrapper to keep elements aligned */
.search-wrapper {
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 42px;
}

/* Initial Trigger Button Styles */
.search-trigger-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  overflow: hidden;
  /* Smoothly transition padding and width changes */
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
  padding 0.4s ease,
  margin 0.4s ease,
  border-color 0.4s ease;
}

/* The Search Text Span */
.btn-text {
  opacity: 1;
  transition: opacity 0.2s ease;
}

.inline-search-icon {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  flex-shrink: 0; /* Prevents the icon from squishing during animation */
}

/* Collapsible Form Setup */
.collapsible-search-form {
  width: 0;
  max-width: 400px;
  overflow: hidden;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
  opacity 0.3s ease,
  visibility 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

/* ==========================================
   ACTIVE STATE (When search bar is open)
=========================================== */

/* 1. Fade out the text immediately */
.search-wrapper.active .btn-text {
  opacity: 0;
}

/* 2. Shrink the button container away entirely */
.search-wrapper.active .search-trigger-btn {
  width: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  border-left-width: 0;
  border-right-width: 0;
  opacity: 0;
  pointer-events: none;
}

/* 3. Expand the search form */
.search-wrapper.active .collapsible-search-form {
  width: 320px; /* Adjust this to your preferred search bar width */
  opacity: 1;
  visibility: visible;
}


/* ==========================================
   YOUR SEARCH CONTAINER STYLES
=========================================== */
.search-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.search-input {
  width: 100%;
  padding: 8px 40px 8px 45px;
  font-size: 16px;
  border: 2px solid #e2e8f0;
  border-radius: 50px;
  outline: none;
  transition: all 0.3s ease;
  background-color: #ffffff;
}

.search-input:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.search-icon, .clear-icon {
  position: absolute;
  color: #94a3b8;
  cursor: pointer;
  transition: color 0.2s;
}

.search-icon {
  left: 16px;
  pointer-events: none;
}

.clear-icon {
  color: var(--bs-primary);
  right: 16px;
  display: none;
  background: none;
  border: none;
  padding: 0;
}

.search-container svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ==========================================
   MOBILE & TABLET VIEW (991px and below)
=========================================== */
@media (max-width: 991px) {
  /* 1. Force the wrapper to take full width if needed */
  .search-wrapper {
    width: 100%;
    max-width: 400px;
    height: auto;
  }

  /* 2. Permanently hide the initial trigger button */
  .search-trigger-btn {
    display: none !important;
  }

  /* 3. Force the form to be wide open, visible, and uncollapsible */
  .collapsible-search-form {
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Optional: Tweak the input height or padding for easier tapping on mobile */
  .search-input {
    padding: 10px 40px 10px 45px;
    font-size: 16px; /* Keeps iOS from forcing an unwanted zoom-in effect */
  }
}
/*=========== END Search Bar================*/



header > video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.articleCard.publication {
  flex-direction: column;
  align-items: center;
}

.articleCard.publication .imageContain > img {
  aspect-ratio: 17/22;
}

.articleCard.publication .imageContain .pubDownload {
  position: absolute;
  z-index: 3;
  right: 0;
  border: 30px solid transparent;
  border-top: 30px solid #ff000085;
  border-right: 30px solid #ff000085;
  transition: border 0.2s linear;
}

.articleCard.publication .pubDownload > svg {
  position: absolute;
  top: -24px;
  right: -24px;
  color: white;
  font-size: 22px;
}

.articleCard.publication .imageContain .pubDownload:hover {
  border-top-color: var(--bs-primary);
  border-right-color: var(--bs-primary);
}

.subscribe-form .btn {
  text-align: center;
  margin-top: 1rem;
  font-size: 1.1rem;
}

.subscribe-form input {
  text-align: center;
  margin-top: 1rem;
  font-size: 1.1rem;
  border: none;
  background-color: #f5f5f5;
  padding: .6rem .6rem;
}

footer {
  overflow: hidden;
  --gradient-color: #000;
  position: relative;
  z-index: 0;
  padding: var(--section-padding-y) var(--section-padding-x);
  background-color: #000;
  background-position: center;
  background-size: cover;
  background-image: url('/wp-content/themes/arpa-child/assets/img/ARPA-com-25010 - Web Revamp_Footer Image.webp');
  color: white;
  text-align: center;
  view-timeline-name: --footer-scroll;
  view-timeline-axis: block;
}

footer .footerLogo {
  max-width: 240px;
}

footer > .container {
  position: relative;
  z-index: 2;
}

@keyframes arpaFooter {
  0% {
    left: 0%;
  }
  100% {
    left: -900%;
  }
}

footer::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1000%;
  bottom: 0;
  background: linear-gradient(102deg, var(--gradient-color) 4%, #a01a32 37%, var(--gradient-color) 67%, rgba(0,0,0,0) 95%);
  z-index: -1;
  animation-timeline: --footer-scroll;
  animation-name: arpaFooter;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-range: entry 0% cover 50%;
}

footer .footerMenu {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: var(--section-padding-y) var(--section-padding-x);
  padding-bottom: 0;
  margin-bottom: var(--section-padding-y);
}

.footerMenu > nav ul {
  appearance: none;
  list-style: none;
  padding: 0;
  width: 100%;
}

.footerMenu > nav > ul {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.footerMenu > nav > ul > li {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  font-family: 'Metropolis Bold';
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-bottom: var(--section-padding-y);
}

.footerMenu > nav > ul > li > ul {
  margin-top: 0.75rem;
  font-family: 'Metropolis Regular';
  text-decoration: none;
  text-transform: none;
  line-height: 1.4rem;
}

footer .socials {
  display: flex;
  width: fit-content;
  margin: auto;
  align-items: center;
  font-size: 30px;
}

footer a {
  color: white;
  transition: all 0.2s linear;
  text-decoration: none;
}

footer a:hover {
  color: var(--bs-primary);
}

.socials > a {
  display: block;
  text-decoration: none;
  color: white;
  margin-left: 1rem;
  margin-right: 1rem;
}

.socials > a:hover {
  transform: rotate(-5deg);
}

.btn-outline-light:hover {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

@media (max-width: 991px) {
  .footerMenu > nav > ul > li {
    width: 50%;
  }
}

@media (max-width: 575px) {
  .footerMenu > nav > ul > li {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .footerMenu > nav > ul {
    flex-wrap: wrap;
  }
}

.edAttribution img {
  width: 25px;
  margin-left: -0.3rem;
  margin-right: 0.2rem;
  opacity: 0.2;
  vertical-align: middle;
}

.edAttribution {
  padding-top: 2rem;
}

.edAttribution span {
  transition: all 0.2s linear;
  color: #595959;
  border-radius: 1rem;
  padding: 0.3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 75%;
  display: inline-block;
}

.edAttribution a:hover span {
  background: white;
}

.edAttribution a:hover img {
  opacity: 1;
}

.arno {
  display: inline-block;
  overflow-wrap: break-word;
}

.arpa-video > video:hover {
  box-shadow: 2px 2px 10px rgba(50,50,50,0.5);
}

.arpa-video > video {
  transition: box-shadow 0.2s linear;
}

.arpa-video {
  cursor: pointer;
  position: relative;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arpa-video .playPause {
  position: absolute;
  color: white;
  z-index: 2;
  background: rgba(0,0,0,0.88);
  border-radius: 100%;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  justify-content: center;
  font-size: 60px;
  transform: rotate(0deg);
  transition: all 0.3s linear;
}

.arpa-video:hover .playPause {
  transform: rotate(-10deg);
  background: rgba(235,0,41,0.79);
}

.arpa-video[data-status="play"] .playPause .playIcon {
  display: none;
}

.arpa-video[data-status="pause"] .playPause .pauseIcon {
  display: none;
}

.arpa-video[data-status="play"] .playPause {
  bottom: 10px;
  left: 10px;
  font-size: 30px;
  width: 50px;
  height: 50px;
}

.arpa-video .playPause .playIcon {
  margin-left: 5px;
}

.arpa-video .playControls {
  position: absolute;
  bottom: 0px;
  height: 0px;
  right: 0px;
  left: 0;
  padding-left: 80px;
  padding-right: 10px;
  z-index: 2;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: linear-gradient(rgba(255,255,255,0) 0%, rgba(71,51,0,0.79) 99%);
  transition: height 0.3s linear;
}

.arpa-video .playControls > input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 2px;
  color: white;
  --ed-track-height: 3px;
  --ed-thumb-size: 10px;
}

/* Track (Chrome, Safari, Opera) */

.arpa-video .playControls > input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: var(--ed-track-height);
  background: var(--bs-primary);
  border-radius: 5px;
  cursor: pointer;
}

.arpa-video .playControls > input[type="range"]:hover::-webkit-slider-runnable-track {
  background: var(--bs-secondary);
  transition: background 0.5s linear;
}

/* Track (Firefox) */

.arpa-video .playControls > input[type="range"]::-moz-range-track {
  width: 100%;
  height: var(--ed-track-height);
  background: var(--bs-primary);
  border-radius: 5px;
  cursor: pointer;
}

.arpa-video .playControls > input[type="range"]:hover::-moz-range-track {
  background: var(--bs-secondary);
  transition: background 0.5s linear;
}

/* Track (IE) */

.arpa-video .playControls > input[type="range"]::-ms-track {
  width: 100%;
  height: var(--ed-track-height);
  background: var(--bs-primary);
  border-color: transparent;
  color: transparent;
}

.arpa-video .playControls > input[type="range"]:hover::-ms-track {
  background: var(--bs-secondary);
  transition: background 0.5s linear;
}

/* Thumb (Chrome, Safari, Opera) */

.arpa-video .playControls > input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: var(--ed-thumb-size);
  height: calc(var(--ed-thumb-size) * 1.6);
  background: white;
  border-radius: 0;
  cursor: pointer;
  margin-top: calc(calc(var(--ed-thumb-size) * 1.6) / 2.5 * -1);
}

.arpa-video .playControls > input[type="range"]:hover::-webkit-slider-thumb {
  background: var(--bs-primary);
  transition: background 0.5s linear;
}

/* Thumb (Firefox) */

.arpa-video .playControls > input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  width: var(--ed-thumb-size);
  height: calc(var(--ed-thumb-size) * 1.6);
  background: white;
  border-radius: 0;
  cursor: pointer;
  margin-top: calc(calc(var(--ed-thumb-size) * 1.6) / 2.5 * -1);
}

.arpa-video .playControls > input[type="range"]:hover::-moz-range-thumb {
  background: var(--bs-primary);
  transition: background 0.5s linear;
}

/* Thumb (IE) */

.arpa-video .playControls > input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  width: var(--ed-thumb-size);
  height: calc(var(--ed-thumb-size) * 1.6);
  background: white;
  border-radius: 0;
  cursor: pointer;
  margin-top: calc(calc(var(--ed-thumb-size) * 1.6) / 2.5 * -1);
}

.arpa-video .playControls > input[type="range"]:hover::-ms-thumb {
  background: var(--bs-primary);
  transition: background 0.5s linear;
}

/* Active (when dragging) */

.arpa-video .playControls > input[type="range"]:active::-webkit-slider-thumb {
  background: var(--bs-warning);
}

.arpa-video .playControls .fullScreenToggle {
  font-size: 40px;
  color: var(--bs-primary);
  margin-left: 20px;
  transition: all 0.2s linear;
}

.arpa-video[data-status="play"]:hover .playControls {
  height: 70px;
}

.arpa-video[data-status="pause"] .playControls {
  height: 0px;
}

.arpa-video .playControls .fullScreenToggle:hover {
  color: var(--bs-white);
  scale: 1.2;
}

.imageCard.coloured > img {
  filter: grayscale(0%) contrast(100%);
}

.wp-block-query-pagination {
  display: flex;
  margin-top: 2rem;
  justify-content: center;
}

.wp-block-query-pagination a.page-numbers, .wp-block-query-pagination span.page-numbers, .wp-block-query-pagination a.wp-block-query-pagination-previous, .wp-block-query-pagination a.wp-block-query-pagination-next {
  margin: 3px;
  border:none !important;
  border-radius: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0px;
  background: rgb(240,240,240);
  width: 100%;
  min-width: 50px;
  max-height: 50px;
  height: 300px;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Metropolis Regular', arial;
  color: rgb(40,40,40);
  text-decoration: none !important;
  transition: all 0.2s linear;
}

.wp-block-query-pagination a.wp-block-query-pagination-previous, .wp-block-query-pagination a.wp-block-query-pagination-next {
  display:flex;
  background: rgb(240,240,240);
  width: 50px;height:50px;
}

.wp-block-query-pagination a:hover {
  background-color: var(--bs-danger) !important;
  color: white !important;
}

.wp-block-query-pagination .page-numbers.current {
  background-color: var(--bs-danger) !important;
  color: white !important;
}

.wp-block-query-pagination a.wp-block-query-pagination-next {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 0px;
}

.wp-block-query-pagination a.wp-block-query-pagination-next::before {
  width: 10px;
  content: "";
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg) translateY(2px) translateX(-2px);
}

.wp-block-query-pagination a.wp-block-query-pagination-previous {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 0px;
}

.wp-block-query-pagination a.wp-block-query-pagination-previous::before {
  width: 10px;
  content: "";
  height: 10px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  transform: rotate(45deg) translateY(-2px) translateX(2px);
}

.wp-block-query-pagination a:hover::before {
  border-color: white;
  transition: border 0.2s linear;
}

body:not(:has(header)) section:nth-child(1) {
  padding-top: 180px;
}

@media (max-width: 991px) {
  body:not(:has(header)) section:nth-child(1) {
    padding-top: 145px;
  }
}

.gallerySearchUI {
  max-width: 1000px;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
  --bs-border-width: 1px;
}

.gallerySearchUI > input.form-control {
  border: 1px solid #000;
}

.gallerySearchUI .form-control::placeholder {
  color: red;
  text-transform: uppercase;
}

.gallerySearchUI .form-control {
  color: #000;
  font-family: 'Metropolis Medium';
  padding-left: 38px;
  z-index: 0;
  box-shadow: 0 0 0 0rem var(--bs-primary-bg-subtle);
  transition: all 0.2s linear;
}

.gallerySearchUI .input-group-text {
  color: red;
  background: transparent;
  padding-right: 0;
  position: absolute;
  z-index: 10;
  height: 100%;
  left: 0;
  border: none;
}

.gallerySearchUI .input-group {
  position: relative;
}

.gallerySearchUI .form-control:focus {
  outline-color: var(--bs-primary);
  box-shadow: 0 0 0 .25rem var(--bs-primary-bg-subtle);
  border-color: var(--bs-primary-bg-subtle);
}

.gallerySearchUI .form-control:hover {
  outline-color: var(--bs-primary);
  box-shadow: 0 0 0 .25rem var(--bs-primary-bg-subtle);
  border-color: var(--bs-primary-bg-subtle);
}

.gallerySearchUI .form-control:hover::placeholder {
  color: #000;
}

.teamMemberCard {
  display: flex;
  text-align: left;
  cursor: pointer;
  user-select: none;
  margin-bottom:1.5rem;
}

.sxs-article-col hr{
  border-color: rgba(0, 0, 0, 0.2);
  width: 95%;
  margin: auto;
}
.sxs-article-col .wp-block-post:last-child hr{
 display: none;
}

.teamMemberCard .mug img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: 50% 50%;
  border-bottom: 0px solid transparent;
  transition: all 0.1s linear;
}

.teamMemberCard .mug h5 {
  margin-top: 1rem;
  transition: all 0.2s linear;
}

.teamMemberCard:not(.selected):hover .mug > img {
  border-bottom: 5px solid var(--bs-primary);
  filter: brightness(105%) sepia(10%);
  box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}

.teamMemberCard:not(.selected):hover .mug h5 {
  color: var(--bs-primary);
  text-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

.teamMemberCard .bio {
  display: none;
}

.teamMemberCard.selected .info {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5vw;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.56);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.teamMemberCard.selected {
  padding-top: 133%;
  cursor: initial;
  border: 2px solid var(--bs-primary);
  background: #ccc;
}

.teamMemberCard.selected .mug {
  width: 50%;
  max-width: 300px;
}

@media (max-width: 576px) {
  .teamMemberCard.selected .mug {
    width: 100%;
    max-width: none;
    display: flex;
    align-items: end;
  }
}

@media (max-width: 576px) {
  .teamMemberCard.selected .mug > img {
    width: 25%;
    margin-right: 1rem;
  }
}

.teamMemberCard.selected .mug > img {
  max-width: 300px;
}

.teamMemberCard.selected .info .infoDetails {
  background: white;
  position: relative;
  width: 100%;
  max-width: 1400px;
  display: flex;
  align-items: center;
  padding: 2rem;
  border-top: 2px solid var(--bs-primary);
  animation: teamMemberCardInfoDetails 0.4s linear;
}


@media (max-width: 576px) {
  .teamMemberCard.selected .info .infoDetails {
    flex-direction: column;
  }

  .teamMemberCard .infoDetails::after {
    display: none;
    content: '';
  }

  /* Step 2: Show and position it ONLY when the card gets the "selected" class */
  .teamMemberCard.selected .infoDetails {
    position: relative;
    overflow: hidden; /* Prevents the text from leaking outside the rounded card corners */
  }


  .teamMemberCard.selected .info .infoDetails::after {
    display: block;
    position: absolute;
    content: '';
    height: 5rem;
    width: 100%;
    bottom: 1.5rem;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, 0), white);
    pointer-events: none; /* Allows users to click 'through' the gradient */
    z-index: 10;
  }

}



@keyframes teamMemberCardInfoDetails {
  0% {
    transform: rotateX(90deg);
    opacity: 0;
    border-top: 0px solid transparent;
  }
  50% {
    transform: rotateY(0deg);
    opacity: 1;
    border-top: 0px solid transparent;
  }
  100% {
    border-top: 2px solid var(--bs-primary);
  }
}

.teamMemberCard.selected .bio {
  display: block;
  border-left: 3px solid #d7d7d7;
  margin-left: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  max-height: 80vh;
  overflow: auto;
}

/*@media (max-width: 576px) {*/
/*  .teamMemberCard.selected .bio::after {*/
/*    position: absolute;*/
/*    content: '';*/
/*    height: 3rem;*/
/*    width: 100%;*/
/*    bottom: 0;*/
/*    background: linear-gradient(rgba(0,0,0,0), white);*/
/*  }*/
/*}*/

@media (max-width: 576px) {
  .teamMemberCard.selected .bio {
    padding-left: 0;
    border-left: none;
    position: relative;
    max-height: 50vh;
    margin-left: 0;
  }
}

/* width */

.teamMemberCard.selected .bio::-webkit-scrollbar {
  width: 5px;
}

/* Track */

.teamMemberCard.selected .bio::-webkit-scrollbar-track {
  background: white;
}

.teamMemberCard.selected .bio::-webkit-scrollbar-track:hover {
  background: #515151;
  transition: background 0.5s linear;
}

/* Handle */

.teamMemberCard.selected .bio::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 0;
}

/* Handle on hover */

.teamMemberCard.selected .bio::-webkit-scrollbar-thumb:hover {
  background: var(--bs-primary);
  cursor: ns-resize;
}

.teamMemberCard.selected .closeModal {
  position: absolute;
  right: 0;
  top: 2px;
  --closeModalColor: #000;
  font-size: 40px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.teamMemberCard.selected .closeModal::before {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  transform: rotate(45deg);
  border-top: 2px solid var(--closeModalColor);
  transition: all 0.3s linear;
}

.teamMemberCard.selected .closeModal::after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  transform: rotate(-45deg);
  border-top: 2px solid var(--closeModalColor);
  transition: all 0.3s linear;
}

.teamMemberCard.selected .closeModal:hover {
  --closeModalColor: var(--bs-primary);
}

.teamMemberCard.selected .closeModal:hover::before {
  transform: rotate(-35deg);
}

.teamMemberCard.selected .closeModal:hover::after {
  transform: rotate(35deg);
}

.teamMemberCard .mugDetails p {
  margin-bottom: 0;
}

.teamMemberCard .mugDetails {
  margin-top: 1rem;
}

section.dropdown-section .section-dropdown-container {
  max-height: 0px;
  padding: 0 var(--section-padding-x);
  overflow: hidden;
  transition: all 0.2s linear;
}

section.dropdown-section.show .section-dropdown-container {
  max-height: 200vh;
  overflow: auto;
  padding: var(--section-padding-y) var(--section-padding-x);
}

section.dropdown-section .section-dropdown-header {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: all 0.2s linear;
  padding: var(--section-padding-y) var(--section-padding-x);
}

section.dropdown-section .section-dropdown-header::after {
  /*position: absolute;*/
  margin-right: 3rem;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  transition: all 0.2s linear;
}

section.dropdown-section .section-dropdown-header .content-container {
  width: 100%;
}

section.dropdown-section .section-dropdown-header:hover {
  background: #eee;
}

section.dropdown-section {
  /*overflow: hidden;*/
  padding: 0;
  border-bottom: 2px solid #aaa;
}

section.dropdown-section:not(.show) .section-dropdown-header:hover::after {
  transform: rotate(45deg);
  border-color: #666;
}

section.dropdown-section.show .section-dropdown-header:hover::after {
  transform: rotate(-135deg);
  border-color: #666;
}

section.dropdown-section.show .section-dropdown-header::after {
  transform: rotate(-135deg);
  border-color: #666;
}

.form-range::-webkit-slider-thumb {
  background-color: var(--bs-primary);
}

.arpa-post-type {
  color: var(--bs-primary);
  text-transform: uppercase;
  margin-top: 5px;
  font-family: 'Metropolis Bold';
  font-weight: 400;
  display: block;
}

.arpa-post-details {
  color: gray;
  text-transform: uppercase;
  font-size: 13px;
  width: 100%;
  height: fit-content;
  display: block;
  padding-top: 10px;
  margin-bottom: 50px;
}

.arpa-post-details span:first-child {
  float: left;
  margin-top: 2px;
}

.arpa-post-details span:last-child img {
  width: 20px;
  margin-right: 5px;
}

.arpa-post-details span:last-child {
  float: right;
}

.h3Header {
  color: var(--bs-primary);
  border-bottom: 1px solid black;
  width: 100%;
}

.arpa-side-bar .articleCard.sxs .imageContain > img {
  aspect-ratio: 1/1;
}

.arpa-side-bar .articleCard.sxs .imageContain {
  width: 70%;
}

.donate-form {
  padding: 60px;
  color: var(--bs-dark);
  background: white;
  border: 2px solid var(--bs-dark);
  margin-top: 10px;
  margin-bottom: 40px;
}

@media (max-width:767px) {
  .donate-form {
    padding: 20px;
  }
}



.donate-form > h4:first-child{
  text-align:center;
  margin-bottom:20px;
}

.donate-form h4 {
  color: var(--bs-dark);
  font-family: "Arno Pro", "Times New Roman";
  font-style: italic;
  font-size: 240%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.donate-form .row > div {
  margin: 0;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.donate-form .row > div .btn {
  width: 100%;
  margin: 0;
  height: 75px;
  font-family: 'Metropolis Medium';
  font-weight: 400;
  font-size: 22px;
}

.donate-form .row > div .btn.btn-light {
  color: rgb(94,94,94);
}

.donate-form .row:last-child > div .btn {
  padding: 30px;
  height: 100px;
}

.donate-form .row > div {
  margin-top: 30px;
}

.arpa-donate footer {
  background: rgb(54,54,54);
  padding-top: 75px;
}

form .amountInput .input-group-text {
  font-size: 25px;
  font-weight: bold;
  border-radius: 0px;
  height:100%;
}

form .amountInput input {
  border-radius: 0px;
  height: 70px;
  background-color: rgb(233 236 239);
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  color: #5e5e5e;
}

.uiBox .btn {
  background: none;
  border-width: 1px;
  border-radius: 0px;
  color: white;
  border-color: white !important;
  font-family: 'Metropolis Bold';
  word-spacing: 0.2em;
  letter-spacing: 0.07em;
  font-size: 0.9rem;
  padding-top: 11px;
  padding-bottom: 10px;
}

@media (max-width: 576px) {
  .uiBox .btn {
    font-size: 1.1rem;
  }
}


.uiBox .btn-primary {
  background: var(--bs-primary);
  color: white !important;
  border-color: var(--bs-primary);
}

.uiBox .btn-primary:hover {
  background: transparent;
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.uiBox .btn-apply {
  padding-left: 5%;
  padding-right: 5%;
}

.uiBox {
  min-height: 180px;
  box-shadow: 1px 1px 10px var(--dark);
  margin-top: 20px;
  margin-bottom: 40px;
}

.uiBox .h4,.uiBox h4 {
  font-family: 'Metropolis Bold';
  font-size: 1.7rem;
}

.uiBox .h2,.uiBox h2 {
  font-family: 'Metropolis Bold';
}

.uiBox .subscriptionItem {
  display: flex;
  justify-content: space-between;
  padding: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
}

@media (max-width: 560px) {
  .uiBox .subscriptionItem {
    padding: 15px;
    flex-direction: column;
    align-items: start;
    position: relative;
  }
}

.uiBox .subscriptionItem:nth-child(odd) {
  background-color: #f8f8f8;
}

.uiBox .subscriptionItem:hover {
  text-shadow: 1px 1px 10px #c39d9dab;
  transition: text-shadow 0.2s linear;
}

.uiBox .subscriptionItem img {
  width: 100%;
  max-width: 50px;
  vertical-align: middle;
}

@media (max-width: 560px) {
  .uiBox .subscriptionItem img {
    max-width: 75px;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.uiBox .subscriptionItem .switch {
  float: right;
}

@media (max-width: 560px) {
  .uiBox .subscriptionItem .switch {
    order: 0;
    position: absolute;
    right: 25px;
    top: 25px;
  }
}

.subscriptionItem h4 {
  width: 70%;
  padding-left: 1%;
}

@media (max-width: 560px) {
  .subscriptionItem h4 {
    width: 100%;
    padding-left: 1%;
  }
}

.uiBox .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.uiBox input:checked + .slider {
  background-color: #d74545;
}

.uiBox input:focus + .slider {
  box-shadow: 0 0 1px #d74545;
}

.uiBox input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.uiBox .switch {
  position: relative;
  display: block;
  width: 45px;
  height: 20px;
}

.uiBox .switch input {
  display: none;
}

.uiBox .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.uiBox .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.uiBox input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.uiBox .slider.round {
  border-radius: 34px;
}

.uiBox .slider.round:before {
  border-radius: 50%;
}

form.subbox #cf-turnstile iframe {
  width: 100% !important;
}

form.subbox .form-control {
  border: 0px;
  border-bottom: 2px solid #333;
  font-size: 20px;
  margin: 10px;
  border-radius: 0px;
}

form.subbox {
  max-width: 400px;
  margin: auto;
  margin-top: 40px;
}

.subscriptionItem > h4 {
  order: 2;
  text-transform: initial;
}

.subscriptionItem > img {
  order: 1;
}

.arpa-post-content embed {
  width: 100%;
  display: block;
  margin: auto;
  max-width: 1000px;
}

/**SUPPORT FOR WP 6.9 images **/
:not(.wp-block-gallery) figure.wp-block-image{
  display:block;
}

.wp-block-embed-youtube.wp-embed-aspect-16-9 iframe, iframe.yt-embed {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;

}




/* Added Feb 4, for pdf document viewer, fix width and height issues*/
iframe.doc-embed {
  width: 100%;
  height: 1000px;
  }



.articleCard.videoCard:hover .imageContain::after {
  transform: translateX(-50%) translateY(-50%) rotate(-10deg);
}

.articleCard.videoCard .imageContain::after {
  transition: transform 0.3s linear;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  vertical-align: middle;
  transform: translateX(-50%) translateY(-50%);
}

.articleCard.videoCard .imageContain::before {
  content: '';
  width: 75px;
  height: 75px;
  position: absolute;
  z-index: 2;
  background: rgba(195,42,42,0.8);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  border-radius: 100%;
  animation: none !important;
  transition: background 0.3s linear;
}

.articleCard.videoCard:hover .imageContain::before {
  background: var(--bs-primary);
}

/* Added Feb 23,2026 to center youtube player */
.wpb_video_wrapper .fluid-width-video-wrapper {
  display: flex;
  justify-content: center;
}

section.video-large-preview {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

section.video-large-preview iframe {
  width: 100%;
  aspect-ratio: 16/7;
  max-height: 75vh;
  border: none;
  margin: -22px 0 -7px;
}

/* Added for the "Arpa Link Row" block */



.arpa-link-row {
  box-shadow: 2px 2px 4px rgba(60, 60, 60, 0.2);
  --hover-Bg: #eb0029;
  --col1-Bg: white;
  --col2-Bg: white;
  --icon-width: 40px;
  text-decoration: none;
  margin-bottom: 0.5rem;
  cursor: pointer;
  transition:color 0.2s linear;
}

.arpa-link-row > div {
  padding: 1rem;
}

.arpa-link-row p {
  margin: 0;
}

a.arpa-link-row {
  color: black;
}


.arpa-link-row div.image-det {
  background-color: var(--col1-Bg);
}
.arpa-link-row:hover{
  color:white;
}

.arpa-link-row div.image-det > img {
    transition: filter 0.2s linear;
}
.arpa-link-row:hover div.image-det > img{
    filter:invert(1);
}
.arpa-link-row:hover div.content-det::before{
    border-color:white;
}

.arpa-link-row:hover div.image-det {
    background-color: var( --hover-Bg);
    transition: background-color 0.3s ease-in-out;
}

.arpa-link-row div.content-det::before {
    transition: border-color 0.2s linear;
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:15%;
    height:70%;
    border-left:1px solid var(--bs-dark);
}
.arpa-link-row div.content-det {
    background-color: var(--col2-Bg);
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;

}

.arpa-link-row:hover div.content-det {
    background-color: var( --hover-Bg);
    transition: background-color 0.3s ease-in-out;
}

.arpa-link-row img.imageWidthD {
    width: var(--icon-width);
}

.arpa-loader{
    width: 80px;
    display: block;
    margin:auto;
    margin-top:15px;
    margin-bottom:15px;
    transform:scale(100%);
    animation: arpa-loader 2s linear infinite;
}

@keyframes arpa-loader {
    0%{
      transform:scale(100%) rotate(0deg);
      opacity: 1;
    }
    25%{
      transform:scale(110%) rotate(10deg);
      opacity: 0.75;
    }
    50%{
      transform:scale(100%) rotate(0deg);
      opacity: 1;
    }
    75%{
      transform:scale(110%) rotate(-10deg);
      opacity: 0.75;
    }
    90%{
      transform:scale(100%) rotate(0deg);
      opacity: 1;
    }
    95%{
      transform:scale(50%) rotate(360deg);
      opacity: 0.8;
    }
    100%{
      transform:scale(100%) rotate(0deg);
      opacity: 1;
    }
}

/* END - Added for the "Arpa Link Row" block */
/** OVERRIDE WP DEFAULT **/
.wp-block-separator {
    border: none;
    border-top: 1px solid;
}


.missionStatement p{
    font-family: "Metropolis Extra Light Italic";
    line-height: 3rem;
}

.arpa-chapters-img > div > img {
  object-position: top;
}

/*=================== START Google Map Styling ===================*/
/**
 * ARPA Google Maps Block Style Sheet
 */

/* Apply the dynamic variable to the main block wrapper hook */
.wp-block-arpa-map {
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  height: 100%; /* Uses slider value, defaults to 450px */
}

/* Let the inner containers inherit the exact height of the parent wrapper */
.wp-block-arpa-map-wrapper,
.wp-block-arpa-map .map-container-wrapper {
  width: 100%;
  /*height: 100%;*/
  position: relative;
}

.wp-block-arpa-map .map-container-wrapper {
  background-color: #f4f4f4;
}

/* Force the Web Component to expand into its container */
.wp-block-arpa-map gmp-map {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/*=================== END Google Map Styling ===================*/

/*=================== START Google Map MARKER ===================*/
@keyframes dropIn {
  0% { transform: translateY(-500px); opacity: 0; }
  60% { transform: translateY(10px); opacity: 1; }
  80% { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}

.drop-animation {
  animation: dropIn 0.6s linear;
}
/*=================== END Google Map MARKER ===================*/

/*=================== START Active Bill Graphic ==========*/
.campaign-progress-graphic {
  background-color: var(--yellow);
  padding-top: 50px;
  padding-bottom: 50px;
}

.campaign-progress-graphic > .row {
  max-width: 1080px;
  margin: auto;
}

.campaign-progress-graphic img {
  width: 75px;
  vertical-align: sub;
}

.campaign-progress-graphic h4.completion-heading {
  color: var(--bs-primary);
  text-transform: uppercase;
  font-size: 1.6rem;
}

.campaign-progress-graphic h4 {
  font-family: 'Metropolis Bold';
  text-transform:initial;
  color: rgb(60,60,80);
}

.campaign-progress-graphic p {
  margin-top: 8px;
  font-size: 0.8rem;
  font-family: 'Metropolis Medium';
}

.pr50 {
  padding-right: 50px;
}

@media (min-width: 991px) {
  .campaign-progress-graphic > .row > div:last-child {
    padding-left: 60px;
  }
}

.campaign-progress-graphic > .row  .row > div{
  position:relative;
}

.campaign-progress-graphic > .row > div:first-child {
  border-right: 1px solid rgb(60,60,60);
}

.completion-headings {
  display: inline-block;
  margin-left: 25px;
  padding-top: 15px;
}

.campaign-progress-graphic .progress {
  width: 70%;
  padding: 0px;
  border-radius: 0px;
  border: 1px solid rgb(60,60,60);
  background: transparent;
  margin-left: 15%;
}

.campaign-progress-graphic .progress-bar {
  background: var(--bs-primary);
}
.campaign-progress-graphic .progress-bar .sr-only {
  visibility:hidden;
}

.row.progress-details-top > div::after {
  content: '';
  width: 1px;
  display: block;
  background: rgb(62,62,62);
  position: absolute;
  bottom: -15px;
  height: 30px;
  left: calc(50% + 2px);
  animation: progressTicky 3s linear;
}

.row.progress-details-top > div {
  max-width: 33.3333%;
}

.row.progress-details-bottom > div::after {
  content: '';
  width: 1px;
  display: block;
  background: rgb(62,62,62);
  position: absolute;
  top: -35px;
  height: 30px;
  left: 51%;
  animation: progressTicky 3s linear;
}

.row.progress-details-bottom > div {
  max-width: 33.3333%;
}

.row.progress-details-top {
  width: 100%;
  padding-right: 12.5%;
  margin: 0px;
}

.row.progress-details-bottom {
  width: 98%;
  padding-left: 16.666%;
  margin: 0px;
  padding-top: 20px;
}

@keyframes progressTicky {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.campaign-progress-graphic h5 {
  text-transform: uppercase;
  font-size: 1rem;
  font-family:'Metropolis Regular', Arial;
  margin-bottom: 0px;
}

.progress-details-div p {
  font-size: 0.7rem;
  font-family: 'Metropolis Light';
  font-weight: 400;
}

/*=================== END Active Bill Graphic ==========*/


/* Form Stuff */
.form-control {
  border-radius: 24px;
  border-color: var(--bs-danger);
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: var(--bs-danger);
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(235, 0, 41, 0.25);
}

.wpcf7 form .wpcf7-response-output {
  border-radius: 24px;
}

textarea.form-control {
  padding: 1rem;
}

/* END Form Stuff */