/*********************
COLORS
Need help w/ choosing your colors? Try this site out: http://0to255.com/
*********************/
/*
 i imported this one in the functions file so campjoy would look sweet.
 don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

/*********************
Breakpoints
*********************/
#staff-block .staff {
  padding: 32px 12px;
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%); }
  .acf-block-preview #staff-block .staff {
    width: 85vw;
    padding: 32px;
    left: calc(-40vw + 50%); }
  @media (min-width: 768px) {
    #staff-block .staff {
      padding: 12px 0 62px; } }
  @media (min-width: 1024px) {
    #staff-block .staff {
      padding: 32px 0 124px; } }
  @media (min-width: 1340px) {
    #staff-block .staff {
      padding-bottom: 164px; } }
  #staff-block .staff__grid {
    position: relative;
    padding: 12px; }
    @media (min-width: 1024px) {
      #staff-block .staff__grid {
        display: -ms-grid;
        display: grid;
        left: -80px;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 50px; } }
    @media (min-width: 1340px) {
      #staff-block .staff__grid {
        grid-gap: 75px 95px; } }
    #staff-block .staff__grid .person {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      position: relative;
      margin: 48px auto;
      padding: 24px;
      max-width: 400px; }
      @media (min-width: 768px) {
        #staff-block .staff__grid .person {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin: 64px 0;
          padding: 24px 0;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          max-width: 100%; } }
      @media (min-width: 1024px) {
        #staff-block .staff__grid .person {
          margin: 0;
          padding-bottom: 0; } }
      #staff-block .staff__grid .person:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        border: 11px solid #e14650;
        width: 97%;
        height: 95%;
        pointer-events: none; }
        @media (min-width: 768px) {
          #staff-block .staff__grid .person:after {
            top: 45px;
            left: 20px;
            width: 100%;
            height: 100%; } }
        @media (min-width: 1340px) {
          #staff-block .staff__grid .person:after {
            height: 90%; } }
      #staff-block .staff__grid .person .img {
        position: relative;
        left: -40px;
        top: -40px; }
        @media (min-width: 768px) {
          #staff-block .staff__grid .person .img {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            position: static; } }
      #staff-block .staff__grid .person .headshot {
        width: 264px;
        height: 306px;
        -o-object-fit: cover;
        object-fit: cover; }
        @media (min-width: 768px) {
          #staff-block .staff__grid .person .headshot {
            width: 267px;
            height: 310px; } }
        @media (min-width: 1024px) {
          #staff-block .staff__grid .person .headshot {
            width: 171px;
            height: 203px; } }
        @media (min-width: 1340px) {
          #staff-block .staff__grid .person .headshot {
            width: 267px;
            height: 310px; } }
      #staff-block .staff__grid .person .info {
        padding: 12px; }
        @media (min-width: 768px) {
          #staff-block .staff__grid .person .info {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 48px 24px 24px;
            padding-right: 0; } }
        @media (min-width: 1340px) {
          #staff-block .staff__grid .person .info {
            padding-bottom: 0; } }
      #staff-block .staff__grid .person p {
        margin: 0; }
      #staff-block .staff__grid .person .location {
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 1px solid #091658; }
        @media (min-width: 1024px) {
          #staff-block .staff__grid .person .location {
            font-size: 31px; } }
      #staff-block .staff__grid .person .email {
        color: #e14650;
        font-weight: bold;
        text-decoration: underline; }
      #staff-block .staff__grid .person .logo {
        width: 100%;
        max-width: 252px;
        margin-top: 12px;
        margin-bottom: 0; }
        @media (min-width: 768px) {
          #staff-block .staff__grid .person .logo {
            margin-top: 24px; } }

/*# sourceMappingURL=staff.css.map */