@charset "UTF-8";
.gg-input {
  display: flex;
  flex-wrap: wrap;
}
.gg-input label {
  color: var(--primary-dark);
  font-weight: bold;
  font-size: var(--text-m) !important;
  order: -1;
  flex-basis: 100%;
  display: flex;
}
.gg-input .ginput_container {
  display: flex;
  flex: 1;
}
.gg-input .ginput_container input {
  border-color: var(--base-ultra-dark);
}
.gg-input .ginput_container input::placeholder {
  color: #999999 !important;
}
.gg-input .ginput_container select {
  border-color: var(--base-ultra-dark);
}
.gg-input .ginput_container select::placeholder {
  color: var(--primary) !important;
}
.gform_wrapper.gravity-theme .gform_fields {
  row-gap: calc(var(--content-gap) * 2) !important;
}
.gf_step_active .gf_step_number {
  color: var(--primary-ultra-light) !important;
  background: var(--primary) !important;
}
.gf_step_active .gf_step_number {
  border: 2px solid var(--primary) !important;
}
.gg-info {
  background-color: var(--base-ultra-light);
  padding: 0.5em;
  border: 3px dashed var(--base-ultra-dark);
  color: var(--base);
  font-weight: bold;
  margin-bottom: 0.25em;
}
.gg-info-question {
  background-color: var(--primary-ultra-light);
  padding: 0.5em;
  border: 3px dashed var(--base-ultra-dark);
  color: var(--base);
  font-weight: bold;
  margin-bottom: 0.25em;
}
.gf_progressbar_title {
  color: var(--base) !important;
  font-weight: bold !important;
  font-size: var(--text-m) !important;
}
.gfield_description {
  color: red;
}
#gform_submit_button_3 {
  background: var(--primary);
  color: var(--primary-ultra-light);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border: none;
}
#gform_submit_button_3:hover {
  background: var(--primary-ultra-dark);
}
#gform_next_button_1_22 {
  background: var(--primary);
  color: var(--primary-ultra-light);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border: none;
  min-width: 150px;
  text-align: center;
}
#gform_next_button_1_22:hover {
  background: var(--primary-ultra-dark);
}
.before-text-one::before {
  content: "The name of our school is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-two::before {
  content: "The name of our school district or management organization is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-four::before {
  content: "My school is located in the city of...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-five::before {
  content: "Our school is located in the state of...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-six::before {
  content: "Our school was founded in the year...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-seven::before {
  content: "The number of students who attend our school is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-nine::before {
  content: "My school addresses the following grades...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-ten::before {
  content: "The mission of our school is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-11::before {
  content: "Our school is led by (name)";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-12::before {
  content: "Our school principal is most supportive of securing grant funds for school and classroom projects because ____";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-13::before {
  content: "The strengths or uniqueness of our school as compared to others are...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-14::before {
  content: "The top educational projects aligned to our school mission are...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-15::before {
  content: "Our school website address is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-16::before {
  content: "At my school, I am...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-16a::before {
  content: "At my school I serve the following classroom and grades...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-17::before {
  content: "My students are...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-18::before {
  content: "The fundamental issue or challenge that I aim to address with my students is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-19::before {
  content: "The issue or challenge exists because...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-20::before {
  content: "If the issue or challenge is not addressed now, students will...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-21::before {
  content: "It is difficult to address the issue or challenge because...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-22a::before {
  content: "The other data I have is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-23::before {
  content: "Generally, the data shows that...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-24::before {
  content: "“I will provide project steps that...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-25::before {
  content: "My project is significant, unique and/or feasible because...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-26::before {
  content: "Evidence-based practices or research that support my project idea include...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-27::before {
  content: "The goal of my project is to...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-29::before {
  content: "The name of my proposed project is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-31::before {
  content: "The number of students who will be served by my project is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-33::before {
  content: "I want my project to accomplish the following for my students...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-34A::before {
  content: "For ACTION STEP 1, students will:";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-34B::before {
  content: "For ACTION STEP 2, students will:";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-34C::before {
  content: "For ACTION STEP 3, students will:";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-34D::before {
  content: "For ACTION STEP 4, students will:";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-34E::before {
  content: "For ACTION STEP 5, students will:";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-34F::before {
  content: "For ACTION STEP 6, students will:";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-35a::before {
  content: "The name of the model, initiative or concept that my project is based on is called...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-35b::before {
  content: "The name of the organization that created the model, initiative, or concept that my project is based on is called...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-35c::before {
  content: "I picked the model, initiative, or concept as the basis for my project because...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-36::before {
  content: "My project's approach is significant or innovative because...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-38a::before {
  content: "The first STANDARD that my project addresses is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-38b::before {
  content: "The second STANDARD that my project addresses is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-38c::before {
  content: "The third STANDARD that my project addresses is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-39a::before {
  content: "By participating in my project, students will reach the following FIRST learning outcome...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-39b::before {
  content: "By participating in my project, students will reach the following SECOND learning outcome...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-39c::before {
  content: "By participating in my project, students will reach the following THIRD learning outcome...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-40::before {
  content: "My project will promote student achievement in the following subjects...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-41::before {
  content: "The assessment that I will use to measure the change in achievement of students participating in my projects will be associated with the following curriculum/program...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-42::before {
  content: "My project will measure student achievement by the following assessment...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-43::before {
  content: "I have decided to use this assessment to measure student success because it...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-44::before {
  content: "I have found that previous assessment results have shown my students were...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-45::before {
  content: "By participating in my project, student achievement in the subjects I have identified above will increase by __ %.";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-45::after {
  content: " %";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 1rem;
  color: var(--primary);
  font-size: var(--text-s);
}
.before-text-47::before {
  content: "The name of the research or evidence-based practice(s) that my project is based on is called...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-48::before {
  content: "My project will be successful because it is based on research or evidence based practice(s) that states...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-49a::before {
  content: "I (or teachers) need training on how to implement my project because...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-50::before {
  content: "In order to effectively implement my project, I require the following professional development...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-51::before {
  content: "The professional development needed to make my project successful is based on the _______________model, theory, research, principle, etc";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-52::before {
  content: "Professional development will include the analysis of student data because I/teachers need to...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-53::before {
  content: "Overall, the professional development will provide me/teachers the opportunity to...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-59::before {
  content: "The person who will manage my project is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-60::before {
  content: "The title of the person who will manage my project is...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-61::before {
  content: "The person who will manage my project reports to...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-64::before {
  content: "The team meets to review the progress of the project every ___ (e.g., monthly, quarterly, etc.)...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-65::before {
  content: "I can estimate at this time that implementing my project will cost about...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-66::before {
  content: "I will use the grant funds to purchase...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.before-text-67::before {
  content: "“In addition to the requested grant funding, my project is also supported by the following resources or funds…...";
  display: flex;
  min-width: 250px;
  max-width: 300px;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 2rem;
  color: var(--primary);
}
.state-pill, .focus-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-light);
  color: var(--primary-dark);
  font-weight: 600;
  font-size: inherit;
  border-radius: var(--radius);
  padding: 0.25em 0.75em;
  margin-inline-end: 0.25em;
  margin-block-end: 0.25em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border: none;
  cursor: default;
}
.wpgb-select-search input::placeholder {
  color: black !important;
}
.wpgb-facet .wpgb-input-icon {
  color: black !important;
}
.wpgb-search-facet label input::placeholder {
  color: black !important;
}
.wpgb-select-controls .wpgb-select-toggle {
  color: black;
}
.wpgb-facet-12 .wpgb-input {
  color: black;
  border-color: black !important;
}
.wpgb-facet-10 .wpgb-select {
  color: black;
  border-color: black !important;
}
.wpgb-facet-10 .wpgb-select button {
  color: black !important;
}
.wpgb-facet-9 .wpgb-select {
  color: black;
  border-color: black !important;
}
.wpgb-facet-11 .wpgb-select {
  color: black;
  border-color: black !important;
}
.grant-card__funding-focus::before {
  content: "Funding Focus: ";
  font-weight: 700;
}
.grant-card__funding-locations::before {
  content: "Funding Location Eligibility: ";
  font-weight: 700;
}
.grant-card__award-amount::before {
  content: "Average Award Amount: ";
  font-weight: 700;
}
.grant-card__deadline::before {
  content: "Deadline: ";
  font-weight: 700;
}
.grant-card__ein::before {
  content: "EIN: ";
  font-weight: 700;
}
.grant-card__approach::before {
  content: "Recommended Approach: ";
  font-weight: 700;
}
.grant-card__public:empty {
  display: none;
}
.grant-card__public::before {
  content: "School Eligibility: ";
  font-weight: 700;
}
.grant-card__website:empty {
  display: none;
}
.grant-card__website::before {
  content: "Website: ";
  font-weight: 700;
  cursor: none;
  color: black;
}
.grant-card__location:empty {
  display: none;
}
.grant-card__location::before {
  content: "Address: ";
  font-weight: 700;
}
.grant-card__phone-number:empty {
  display: none;
}
.grant-card__phone-number::before {
  content: "Phone Number: ";
  font-weight: 700;
  cursor: none;
  color: black;
}
.file-converter > form > input[type="file"] {
  color: var(--primary);
  padding: 0;
  margin-block-end: 2rem;
}
.file-converter {
  width: 60%;
}
.file-converter > p > a {
  color: var(--base);
  text-decoration: underline;
}
.file-converter > p {
  margin-block-end: 2rem;
}
#btn_convert {
  margin-block-start: 2rem;
  background-color: var(--primary);
  color: var(--primary-ultra-light);
  padding: var(--btn-pad-y) var(--btn-pad-x) !important;
  border: none !important;
}
#btn_convert:hover {
  background-color: var(--primary-dark);
}