#page_template_embed_2025-06-17-15-33-10-376 .motion-heading, #page_template_embed_2025-06-23-13-32-57-084 .motion-heading {
    color: #FFFFFF;
}
#page_template_embed_2025-06-17-15-33-10-376 .motion-heading:before, #page_template_embed_2025-06-23-13-32-57-084 .motion-heading:before {
    background-color: var(--aged);
}

/*-------------BEGIN: Recipients Page-------------*/

/* BEGIN: Page Styling */
h1 {
    display: none;
}
a, a:hover {
    text-decoration: none;
}
.heading-with-lines {
  overflow: hidden;
  text-align: center;
  margin: 4rem 0;
}
.heading-with-lines > span {
  position: relative;
  display: inline-block;
  color: #000000;
}
.heading-with-lines > span:before {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 5px solid;
  width: 20rem;
  margin: 0 20px;
  color: var(--boiler-gold);
  border-image: linear-gradient(to left, var(--aged-gold), #FFFFFF) 1;
}
.heading-with-lines > span:after {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 5px solid;
  width: 20rem;
  margin: 0 20px;
  color: var(--boiler-gold);
  border-image: linear-gradient(to right, var(--aged-gold), #FFFFFF) 1;
}
.heading-with-lines > span:before {
  right: 100%;
}
.heading-with-lines > span:after {
  left: 100%;
}

#page_template_embed_2025-06-17-15-33-10-376 .purdue-btn, #page_template_embed_2025-06-23-13-32-57-084 .purdue-btn  {
    background-color: var(--aged) !important;
    color: #FFFFFF !important;
}
#page_template_embed_2025-06-17-15-33-10-376 .btn-gold.btn-arrow:after {
  background-image: url("../images/arrow-right-white");
}

/* END: Page Styling */


/* BEGIN: All Recipients Listing */

.recipientsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.recipientsContainer > [class*="col-"] {
  display: flex;
  flex-direction: column;
}
.recipientsContainer .recipientContainer {
  padding: 0.7rem;
}
.recipientsContainer .recipientCard {
  border-radius: 4px;
  padding: 1.5rem 1rem;
  height: 100%;
  box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02);
  text-align: center;
  text-decoration: none;
  /*width: 200px;*/
  width: 100%;
  min-height: 455px;
}
.recipientsContainer .recipientCard:hover {
  border-radius: 4px;
  padding: 1.5rem 1rem;
  height: 100%;
  box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.8), 0 0px 0 1px rgb(255 255 255 / 80%);
  max-width: 400px;
  text-align: center;
  text-decoration: none;
}
.recipientsContainer .imageContainer {
  display: block;
  text-align: center;
  margin-bottom: 1rem;
}
.recipientsContainer img {
  border-radius: 4px;
  width: 165px;
}
.recipientsContainer .name {
  font-size: 1.2rem;
  color: #000000;
  font-family: var(--acumin-pro);
}
.recipientsContainer .degree {
  font-size: 0.9rem;
  font-family: var(--acumin-pro-cond);
  padding: 1rem 0;
  line-height: 1;
  color: #000000;
  font-weight: 700;
}
.recipientsContainer .jobTitle {
    font-size: 0.8rem;
    font-style: italic;
    color: #000000;
}
/* END: All Recipients Listing */


/* BEGIN: Individual Recipient Page */
.recipientBioImageContainer {
  display: block;
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 6px;
}
.recipientBioImageContainer img {
    border-radius: 4px;
}
.blockquote-container .blockquote-content {
  padding: 6.5rem 6rem 5rem 200px;
  position: relative;
  margin: 0 auto;
  max-width: 100% !important;
}
.blockquote-container .blockquote-content blockquote {
  position: relative;
  margin-bottom: 1.5rem;
  padding: 0;
}
.blockquote-container .blockquote-content blockquote::before {
  content: "";
  background-image: url(./images/pull-quote-black.svg);
  width: 150px;
  display: block;
  height: 100px;
  background-repeat: no-repeat;
  position: absolute;
  left: -115px;
  top: -25px;
}
.blockquote-container .blockquote-content blockquote p {
  color: #000000;
  font-family: var(--acumin-pro);
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.21;
}
.blockquote-container .blockquote-content .blockquote-name {
  color: #000000;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  font-family: var(--acumin-pro-cond);
  margin-bottom: 0 !important;
}
.blockquote-container .blockquote-content .blockquote-title {
  color: #000000;
  font-family: var(--acumin-pro);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.56;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .blockquote-container .blockquote-content {
      padding: 10rem 2.5rem 4rem 2.5rem;
  }
  .blockquote-container .blockquote-content blockquote::before {
      top: -6.5rem;
      left: -1.5rem;
  }
  .blockquote-container .blockquote-content blockquote p {
      font-size: 1.25rem;
  }
}
/* END: Blockquote */
/* END: Individual Recipient Page */


/* BEGIN: Map */
.chart-map-title {
  margin: 3rem auto;
}
/* END: Map */


/* BEGIN: Column Chart */
.column-chart {
  width: 100%;
  margin: 2rem auto;
}
.column-chart .column {
  --aspect-ratio: 4 / 3;
}
.column-chart .column tbody {
  max-height: 120px;
}
.column-chart .column tbody tr {
  padding: 0.1rem;
}
.column-chart .column tbody tr th {
  font-family: var(--acumin-pro-cond);
  font-weight: normal;
  font-size: 0.7rem;
  margin-top: 300px;
  text-align: center;
  height: 300px;
}
.column-chart .column tbody td {
  transform-origin: bottom;
  animation: revealing-bars 2s linear;
  --color: linear-gradient(var(--boiler-gold), #FFFFFF);
  margin-bottom: 25px;
  /*box-shadow:
  -1px -1px 1px #EEEEEE,
  -2px -2px 1px #EEEEEE,
  -3px -3px 1px #EEEEEE;*/
}
.column-chart-label {
  font-size: 0.5rem;
}
@keyframes revealing-bars {
  0% {
    transform: scaleY(0);
  }
  30% {
    transform: scaleY(1);
  }
}
/* END: Column Chart */


/* BEGIN: Tooltips*/
/* Build tooltip. */
[data-tooltip]::before {
  content: attr(data-tooltip);
}
/* Position tooltip. */
[data-tooltip] {
  position: relative;
  /*display: inline-block;*/
}
[data-tooltip]::before {
  position: absolute;
  z-index: 999;
}
[data-tooltip].dataCell::before {
  bottom: 100%;
  /*margin-bottom: 3px;*/
}
/* Show tooltip only on hover. */
[data-tooltip]::before {
  visibility: hidden;
  opacity: 0;
  /*transition: opacity 1s;*/
}
[data-tooltip]:hover::before {
  visibility: visible;
  opacity: 1;
  left: 0;
}
/* Style tooltip. */
[data-tooltip]::before {
  color: #000000;
  padding: 5px;
  min-width: 250px;
  text-align: center;
  font-style: normal;
  border-radius: 4px;
  text-align: left;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.dataCell {
  cursor: auto;
}
.dataCell:hover {
  /*background-color: #FFFFFF !important;*/
}
/* END: Tooltips*/


/* START: Media Queries */

@media (min-width: 400px) {
    .recipientCard {
        width: 300px;
        min-height: 449px;
    }
    .recipientsContainer .name {
        font-size: 1.4rem;
    }
    .recipientsContainer .degree {
        font-size: 1rem;
    }
}
@media (min-width: 800px) { 
    .recipientsContainer .recipientCard {
        width: 200px;
        min-height: 410px;
    }
    .recipientsContainer img {
        width: 165px;
    } 
    .recipientsContainer .name {
        font-size: 1.2rem;
    }
    .recipientsContainer .degree {
        font-size: 0.9rem;
    }
}
@media (max-width: 960px) {
  .full-chart {
    display: none;
  }
}
@media (min-width: 960px) {
  .split-chart {
    display: none;
  }
}
@media (min-width: 992px) { 
    .recipientsContainer .recipientCard {
        width: 190px;
        min-height: 445px;
    }
    .recipientsContainer img {
        width: 160px;
    }
    .recipientsContainer .name {
        font-size: 1.2rem;
    }
    .recipientsContainer .degree {
        font-size: 0.9rem;
    }
}
@media (min-width: 1200px) {  
    .recipientsContainer .recipientCard {
        width: 230px;
        min-height: 440px;
    }
    .recipientsContainer img {
        width: 200px;
    }
    .recipientsContainer .name {
        font-size: 1.4rem;
    }
    .recipientsContainer .degree {
        font-size: 1rem;
    } 
}
@media (min-width: 1400px) {  
    .recipientsContainer .recipientCard {
        width: 260px;
        min-height: 460px;
    }
    .recipientsContainer img {
        width: 220px;
    } 
}
/* END: Media Queries */

/*-------------END: Recipients Page-------------*/