/* ###### COLOR VARIABLES ###### */
/* ##### TEXT LINKS ##### */
/* ###### FONT VARIABLES ###### */
/* ###### NAV VARIABLES ###### */
/* ##### HEADER BANNER VARIBLES ##### */
/* ##### BTN VARIABLES ##### */
/* ##### CARDS VARIABLES ##### */
/* ##### FOOTER VARIABLES ##### */
.staff.squarecallout-columns {
  margin-bottom: 30px;
  float: left; }
  .staff.squarecallout-columns .squarecallout-icon {
    width: 100px;
    height: 100px;
    background-color: transparent;
    font-size: 50px;
    z-index: 10; }
  .staff.squarecallout-columns .details {
    border: 2px solid rgba(90, 5, 8, 0.7);
    border-top: none;
    padding: 100px 25px 100px;
    margin-top: -50px;
    width: 100%;
    position: relative;
    color: #292929; }
    .staff.squarecallout-columns .details:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 33%;
      border-top: 2px solid rgba(90, 5, 8, 0.7); }
    .staff.squarecallout-columns .details:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 33%;
      border-top: 2px solid rgba(90, 5, 8, 0.7); }
    .staff.squarecallout-columns .details .squarecallout-title {
      width: 100%;
      margin-bottom: 0;
      text-align: center;
      max-width: 135px; }
      .staff.squarecallout-columns .details .squarecallout-title:after {
        content: '';
        display: block;
        width: 2em;
        border-top: 2px solid #5a0508;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 20px auto; }
    .staff.squarecallout-columns .details .squarecallout-staff-title {
      width: 100%; }
    .staff.squarecallout-columns .details p {
      margin-bottom: 0;
      text-align: center; }
    .staff.squarecallout-columns .details .btn-style {
      min-width: 110px;
      font-size: 20px;
      height: 32px;
      text-transform: capitalize;
      letter-spacing: 2px;
      font-weight: 300;
      opacity: 1;
      position: absolute;
      bottom: -17px;
      margin: 0; }

.team-bio {
  height: 0;
  overflow: hidden; }

.staff-image {
  margin: auto;
  opacity: 0;
  height: 0;
  padding-top: 79%;
  position: absolute;
  display: flex;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  bottom: 0; }
  .staff-image.on {
    opacity: 1; }

.staff-gallery .img-responsive {
  margin-bottom: 15px; }

@media screen and (min-width: 768px) {
  .staff.squarecallout-columns .details .btn-style {
    opacity: 0; }
  .staff.squarecallout-columns .details:hover .staff-image {
    opacity: 1; }
  .staff.squarecallout-columns .details:hover .btn-style {
    opacity: 1; } }

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