/*-----Staff Directory-----*/
/* Flexbox styling for the directory view */
.view-display-id-block_2.iar-directory>div {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    margin: 0 5%;
    justify-content: center;
}

/* Create black rounded cards with a shadow */
.iar-directory .views-row {
    width: 300px;
    height: 420px;
    display: flex;
    flex-direction: column;
    border-radius: 5px 5px 0 0;
    border-bottom: 5px solid #d73f09;
    background: black;
    box-shadow: 5px 5px 2px gray;

}

.iar-directory .views-row>div:first-child {
    margin: auto;
    margin-top: 20px;
}

.iar-directory .directory-member-thumbnail img {
    border-radius: 5px;
    width: 240px;
    height: 240px;
}

.iar-directory .views-field-nothing-2 {
    margin: 20px;
    gap: 10px;
}

/* Set general text settings */
.directory-member-information {
    max-width: 240px;
    font-size: 18px;
    color: white;
    display: flex;
    flex-direction: column;
    position: relative;
    bottom: 10px;
}

.directory-member-information p {
    margin-bottom: 10px !important;
}

/* Set names to be orange */
.directory-member-name {
    color: #D73F09;
    font-size: 20px;
    font-weight: 1000;
}

.directory-member-position {
    font-size: 15px;
    position: relative;
    bottom: 10px;
}

.directory-member-email {
    font-size: 14px;
    position: relative;
    bottom: 20px;
}

.directory-member-email a {
    color: white;
}

.directory-member-phone {
    font-size: 14px;
    position: relative;
    bottom: 10px;
}


/*Menu bar padding*/
.paragraphs-item-11926,
.paragraphs-item-11926 .even {
  margin: 0 !important;
  padding: 0 !important;
}

/*Slanted 1-col*/
.paragraphs-item-12011 .content {
  margin-left: unset !important;
  transform: skewX(28deg);
  background: white;
  width: 70% !important;
  min-height: 300px !important;
  position: relative;
  left: 200px;
  margin-top: 30px !important;
}

.paragraphs-item-12011 .field-items .field-item {
  transform: skewX(-28deg);
  background-color: unset !important;
  position: relative;
  left: 200px;
  width: 60%;
}

.paragraphs-item-12011.field-items h3 {
  background-color: unset;
}