#project-profile {
  
  [name^='block-']:not([name='block-title']) {
    margin-top: 3em;
  
    [name^='label-'] {
      font-weight: bold;
      margin-bottom: 0.8em;
      text-transform: uppercase;
      @extend h2;
    }
  
    sib-display-div:not(:first-of-type),
    ul,
    [name*='job'] {
      font-size: 15px;
    }
  }

  [name='block-title'] {
    border-bottom: 1px solid $color-link-water;
    display: flex;
    padding-bottom: 2em;
  
    > * {
      color: $color-dark-lava;
      font-size: 20px;
      font-weight: bold;
      padding-right: 0.5em;
      text-transform: uppercase;
    }
  
    > [name^='const-'] {
      padding: 0;
    }

    > sib-display-div[name='name'] {
      padding-left: 0.5em;
    }
    
    > :not(:nth-last-child(n+4)) {
      color: $color-purple-dark;
      font-weight: normal;
      text-transform: none;
    }

    > :not(:nth-last-child(n+3)) {
      color: $color-text-base;
      font-size: 16px;
    }

    [name='entitled'] {
      margin-left: auto;
    }
  }

  [name='infos'] {
    display: flex;

    [name='description'] {
      width: 90%;
    }
    
    [name='block-logo'] {
      box-sizing: border-box;
      display: block;
      height: 8.5vh;
      position: relative;
      text-align: center;
      width: 15vw;
    }
  }


  [name^='details-'] {
    display: flex;
    font-size: 15px;
    margin-bottom: 0.5em;

    [name='cell-name'],
    [name='business-contribution'] {
      font-weight: bold;
      margin-right: 5px;
    }

    [name='comma'] {
      margin-right: 0.2em;
    }
  }
}

#clientBox {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  max-width: 100%;

  > * {
    border: 1px solid $color-link-water;
    flex: 1 1 auto;
    justify-content: space-between;
    margin: 0 -1px -1px 0;
    min-width: 25vw;
    padding: 0;

    h5 {
      margin-left: 1.1em;
      margin-top: 1.2em;
    }

    ul {
      font-size: 15px;
      list-style: none;
      margin: -1.2em 0 2.2em -1.2em;

      li {

        span {
          font-weight: bold;
        }
      }
    }

    &:first-child {
      li {
      
        span {
          margin-right: 0.3em;
        }

        &:first-child {
          margin-bottom: 0.5em;
        }

        &:last-child {
          margin-top: 2.4em;
        }
      }
    }

    &:not(:first-child) {
      padding-left: 3em;

      li {
        margin-bottom: 1em;

        &:last-child {
          margin-top: 1.3em;
        }

        &::before {
          color: $color-selective-yellow;
          font-size: 20px;
          padding: 0 0.6em 0 0;
        }
      }

      [name$='name'] {
        @include mdi('account-outline');

        &::before {
          padding-left: 0.2em;
        }
      }

      [name$='email'] {
        @include icon('envelope');
      }

      [name$='phone'] {
        @include mdi('cellphone-iphone');

        &::before{
          padding-left: 0.2em;
        }
      }
    }
  }
}

[name='block-team'] {
  
  > sib-display > div > sib-display > div {
    align-items: center;
    display: grid;
	  grid-template-columns: 5vw 2fr;
    grid-template-rows: repeat(2, 5.2vh);
    
    label {
      display: none;
    }
    
    [name='teammate-profile'],
    [name='teammate-img'],
    [name='teammate-job'] {
      margin: 0;
      width: auto;
    }

    [name='teammate-img'] {
      grid-row: 1 / -1;
      
      img {
        border: 0;
        border-radius: 100%;
        display: block;
        font-size: 100%;
        margin: 0;
        padding: 0;
        width: 75%;
      }
    }
    
    [name='teammate-profile'] {
      align-self: end;  
    
      hdapp-userinfo {
        display: inline-block;
        height: 0;

        > ul {
          font-weight: 600;
          padding-inline-start: 0;
        }
      }
      
      sib-display-lookuplist {
        display: inline-block;

        > ul {
          margin-block-end: 0;
          margin-block-start: 0;
        }
      }
    }

    [name='teammate-job'] {
      align-self: start;
    }
  }
}