/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 10px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 0 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 15px 4px 5px;

}



/* Text meant only for screen readers. */

.screen-reader-text {

	border: 0;

	clip: rect(1px, 1px, 1px, 1px);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

	background-color: #eee;

	clip: auto !important;

	clip-path: none;

	color: #444;

	display: block;

	font-size: 1em;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000;

	/* Above WP toolbar. */

}


.tech-partner-cta {
	text-align: center;
}

.wst-embed-card{ 
	max-width:46rem;
	margin:0 auto; 
	padding:3rem 2.5rem;
  	background:#fff; 
	border:2px solid #3a6884; 
	border-radius:2.4rem;
	display: flex;
	justify-content: center;
}



/* Footer Badge Styling */
.disclosure-badge {
display: inline-flex;
align-items: center;
gap: 0.2rem;
padding: 0.625rem 1.125rem;
background-color: #FFFFFF;
border: 1px solid #CBD5E1;
border-radius: 6px;
color: #334155;
font-size: 2rem;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
}
.disclosure-badge:hover {
background-color: #F8FAFC;
border-color: #94A3B8;
}
.disclosure-badge svg {
width: 30px;
height: 30px;
}

/* Modal Background Overlay */
.disclosure-modal-overlay {
display: none;
position: fixed;
inset: 0;
background-color: rgba(15, 23, 42, 0.6);
backdrop-filter: blur(2px);
z-index: 9999;
align-items: center;
justify-content: center;
padding: 1rem;
}
.disclosure-modal-overlay.active {
display: flex;
}

/* Modal Card */
.disclosure-modal-card {
background: #FFFFFF;
width: 100%;
max-width: 600px;
max-height: 80vh;
border-radius: 12px;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
overflow: hidden;
}
.disclosure-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.25rem;
border-bottom: 1px solid #E2E8F0;
}
.disclosure-modal-header h3 {
margin: 0;
font-size: 2rem;
color: #0F172A;
}
.disclosure-close-btn {
background: none;
border: none;
font-size: 3rem;
color: #64748B;
cursor: pointer;
line-height: 1;
}
.disclosure-modal-body {
padding: 1.25rem;
overflow-y: auto;
font-size: 0.875rem;
color: #334155;
line-height: 1.6;
}





/* ── DAF Direct → match Gravity Forms (teal #3a6884 / light-blue #7ac7de) ── */
#dafdirectdiv{
  width:100% !important; max-width:42rem; margin:0 auto;
  font-family:"acumin-pro","Oswald",sans-serif; color:#3a6884; text-align:left;
}
#dafdirectdiv img[alt="Logo DAF Direct"]{ max-width:180px; height:auto; margin-bottom:1.5rem; }

/* labels */
#dafdirectdiv label{
  display:block; color:#3a6884; font-weight:700;
  font-size:max(1.8rem,16px); margin-bottom:.6rem;
}

/* provider select + text inputs → pill fields */
#dafdirectdiv select,
#dafdirectdiv input[type="text"]{
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  box-sizing:border-box; width:100% !important;
  padding:1.2rem 2rem .8rem; margin-bottom:1.8rem;
  background:#fff; border:2px solid #3a6884; border-radius:999px;
  color:#3a6884; font-size:max(1.8rem,16px); line-height:1.2;
}
#dafdirectdiv input::placeholder{ color:rgba(58,104,132,.5); }
#dafdirectdiv select:focus,
#dafdirectdiv input:focus{ outline:0; border-color:#7ac7de; }

/* teal chevron for the select */
#dafdirectdiv select{
  padding-right:4rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233a6884' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 1.8rem center; background-size:1.4rem;
}

/* "Next" image button → light-blue pill (keeps DAF's click handler intact) */
#dafdirectdiv .dafdirectButtonContain{ margin-top:.5rem; }
#dafdirectdiv a#dafdirectsubmit{
  position:relative; display:inline-block; padding:.9rem 3em .7rem;
  background:#7ac7de; border-radius:999px; color:#fff; text-decoration:none;
  font-family:"acumin-variable","Oswald",sans-serif; font-weight:600;
  text-transform:uppercase; letter-spacing:.12em; font-size:max(1.8rem,16px);
  transition:.3s;
}
#dafdirectdiv a#dafdirectsubmit:hover{ background:#3a6884; }
#dafdirectdiv a#dafdirectsubmit::after{ content:"Donate"; }
/* hide the pixel graphic but keep it clickable in case the handler sits on the img */
#dafdirectdiv a#dafdirectsubmit img{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }

/* "What is this?" helper */
#dafdirectdiv .whatThis a, #dafdirectdiv #whatisthis a{ color:#3a6884; font-weight:600; }
#dafdirectdiv #whatisthis{ font-size:1.5rem; line-height:1.4; }


#dafdirectdiv .dafdirectButtonContain {
    margin-top: .5rem;
    width: 100%;
    float: none;
    text-align: center;
}

#dafdirectdiv br {
	display: none;
}

.dafdirectInputAmount {
     float: none !important;
     width: 100% !important;
}

#dafdirectdiv {
    border: 0px solid #E0E0E0 !important; 
}

.whatThis {
    text-align: center;
}


.whatThis a {
    border-bottom: 0px dotted #B2B2B2 !important;
	width: 100% !important;
	text-align: center !important;
	display: inline !important;
	padding-bottom: 3rem !important;

}


.job-listing{
	border: 2px solid #3a6884;
    border-radius: 1.6rem;
	padding: 5rem;
	margin: 5rem 0 5rem 0;
}

.mission-purpose-section .rsf-ts-header {
    display: none;
}

/* .wst-rsf-tech-spotlight-block .rsf-ts-swiper-outer {
    padding: 8rem 40px 2rem;
} */

.wst-logo-marquee-block .marquee-title {
    color: #7ac7de;
}

.internships-blurbs-section .wst-blurbs-images-two .blurb .inner {
    flex-direction: column-reverse;
}

.wst-cta-banner-block .cta-banner__content {
    text-shadow: 0 4px 8px rgba(0, 0, 0, .55);
}

.rsf-stack-img {
  width: 45%;
  height: 500px;
  background-color: #cccccc;
  margin: 10px;
}

@media (max-width: 1000px) {
  .rsf-stack-img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
}


/* @media screen and (max-width: 1500px) {
	.wst-rsf-tech-spotlight-block .rsf-ts-swiper-outer {
    padding: 15rem 40px 2rem;
	}
} */

/* @media screen and (max-width: 1200px) { 
	.wst-rsf-tech-spotlight-block .rsf-ts-swiper-outer {
    padding: 1rem 40px 2rem;
	}
} */

@media screen and (max-width: 992px) {
	.team-list{
	padding-top: 0;
	}
}


@media screen and (max-width: 992px) {
section#donor-advised-funds, section#workplace-giving {
    text-align: center;
	}
}