/* SCSS Framework boilerplate from Ristretto: https://github.com/kylelarkin/ristretto */
* {
  box-sizing: border-box;
}

body, select, input, textarea {
  color: #333;
}

::-moz-selection {
  background: #ccc;
  color: #000;
  text-shadow: none;
}

::selection {
  background: #ccc;
  color: #000;
  text-shadow: none;
}

a:link {
  -webkit-tap-highlight-color: transparent;
}

ins {
  background-color: #ccc;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ccc;
  color: #000;
  font-style: normal;
  font-weight: bold;
}

/***
*
* Headings
*
***/
/***
*
* Paragraphs
*
***/
/***
*
* Blocks and Components
*
***/
/***
*
* WooCommerce Specific
*
***/
/***
*
* Base Mixins
*
***/
/***
*
* Headings
*
***/
/***
*
* Paragraphs
*
***/
/***
*
* Blocks and Components
*
***/
/***
*
* WooCommerce Specific
*
***/
/***
*
* Base Mixins
*
***/
.person {
  margin-bottom: 3rem;
}
.person.is-style-featured {
  display: grid;
  margin-bottom: 4rem;
}
@media (min-width: 580px) {
  .person.is-style-featured {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .person.is-style-featured {
    grid-template-columns: 1fr 3fr;
  }
}
@media (min-width: 1024px) {
  .person.is-style-featured {
    grid-template-columns: 1fr 4fr;
  }
}
.person.is-style-featured a {
  color: #0485BD;
  background-image: none;
  display: inline-block;
}
.person.is-style-featured a:after {
  display: none;
}
.person.is-style-featured img.attachment-post-thumbnail {
  height: 100%;
  max-height: 100%;
  min-width: 30vw;
}
@media (min-width: 1024px) {
  .person.is-style-featured img.attachment-post-thumbnail {
    min-width: 20vw;
  }
}
.person.is-style-featured .person-details {
  background-color: #f2f2f2;
  padding: 2rem 1.2rem 1.2rem;
}
.person.is-style-featured .person-details h2 {
  margin: 0 0 1.25rem 0;
}
.person.is-style-featured .person-details .person-excerpt {
  max-width: 52rem;
  margin: 1.5rem 0;
}
.person.is-style-national-advisory-council, .person.is-style-emeritus-board, .person.is-style-platinum-member {
  margin-bottom: 0;
}
.person.is-style-national-advisory-council h2, .person.is-style-emeritus-board h2, .person.is-style-platinum-member h2 {
  margin-top: 0;
}
.person .state-coordinator-state {
  background-color: #014373;
  color: #fff !important;
  margin-bottom: 3px !important;
  padding: 0.3rem 0.6rem;
}
.person img.attachment-post-thumbnail {
  min-height: 400px;
  max-height: 400px;
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: $default;";
  -o-object-position: top;
     object-position: top;
}
.person a img {
  transition: all 250ms ease-in-out;
}
.person a img:hover {
  opacity: 0.8;
}
.person .placeholder {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
@media (min-width: 580px) {
  .person .placeholder {
    max-height: 400px;
  }
}
.person svg {
  width: 100%;
}
.person svg g {
  width: 100%;
}
.person:not(.is-style-featured) h2 {
  margin-bottom: 0.4rem;
  color: #0485BD;
  font-size: 20px;
}
@media (min-width: 320px) {
  .person:not(.is-style-featured) h2 {
    font-size: calc(20px + 4 * (100vw - 320px) / 960);
  }
}
@media (min-width: 1280px) {
  .person:not(.is-style-featured) h2 {
    font-size: 24px;
  }
}
.person:not(.is-style-featured) h2 a {
  background-image: none;
  display: inline-block;
  transition: all 250ms ease-in-out;
  color: #0485BD;
  font-family: "Work Sans", Helvetica, Arial, sans-serif;
}
.person:not(.is-style-featured) h2 a:after {
  display: none;
}
.person:not(.is-style-featured) h2 a:hover {
  color: #00508B !important;
}
.person .is-style-small-label {
  color: #014373;
  margin-bottom: 0.75rem;
}
.person .is-style-email, .person .is-style-phone-number, .person .is-style-phone-number a, .person .is-style-email a, .person .is-style-job-title {
  color: #014373;
  font-size: 1rem;
  margin-bottom: 0.25rem;
  line-height: 1.25;
}
.person .nacc-board-title {
  color: #014373;
  font-size: 1rem;
  margin-bottom: 0.9375rem;
  line-height: 1.25;
  margin-top: -0.4rem;
}
.person .is-style-term, .person .is-style-location {
  font-style: italic;
  font-size: 1rem;
}
.person .is-style-term em, .person .is-style-location em {
  font-weight: 400;
}
.person h2 a {
  transition: all 250ms ease-in-out;
}
.person h2 a:hover {
  color: #00508B;
}