// Structure.

// Column classes.

.archive-employee .one-half,
.archive-employee .one-third,
.archive-employee .one-fourth,
.archive-employee .one-fifth,
.archive-employee .one-sixth {
  float: left;
  margin: 0 0 15px 2.564102564102564%;
  padding: 0;
}

.archive-employee .one-half {
  width: 48.717948717948715%;
}

.archive-employee .one-third {
  width: 31.623931623931625%;
}

.archive-employee .one-fourth {
  width: 23.076923076923077%;
}

.archive-employee .one-fifth {
  width: 17.948717948717948%;
}

.archive-employee .one-sixth {
  width: 14.52991452991453%;
}

.archive-employee .first {
  clear: both;
  margin-left: 0;
}

// Single and Archive Employee template.

.archive-employee .agent-wrap {
  text-align: center;
  padding: 10px;
}

.single-employee .agent-details {
  float: none;
  position: relative;
}

.single-employee .agent-details,
.archive-employee .agent-details {
  position: relative;
  height: auto;
  overflow: hidden;
  border: 0;
}

.agent-social-profiles {
  margin-top: 10px;
  overflow: hidden;
}

.single-employee .agent-bio {
  clear: both;
  padding-top: 30px;
}

.archive-employee .agent-details p {
  font-size: 1em;
  line-height: 150%;
  padding: 0;
  margin: 0;
}

.single-employee .agent-details p {
  font-size: 1em;
  line-height: 150%;
  padding-bottom: 5px;
  margin: 0;
}

.single-employee p.title {
  font-weight: 700;
}

.single-employee .connected-agent-listings h3 {
  margin: 0 0 10px;
}

.single-employee .one-third {
  float: left;
  margin: 0 0 20px;
  width: 31%;
  padding-left: 3%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.single-employee .one-third.first {
  clear: both;
  padding-left: 0;
}

.single-employee .listing-price {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 120%;
  background: none;
  color: inherit;
}

.single-employee .listing-beds,
.single-employee .listing-baths {
  width: 48%;
  float: left;
}

.single-employee .listing-baths {
  float: right;
}

.single-employee span[class*="label-"] {
  font-weight: 700;
}

// Connected Listings.

.single-listing .connected-agents {
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 20px;
  border: none;
}

#listing-agent,
#listing-agent + #listing-contact {
  float: left;
  width: 48%;
}

.single-listing .connected-agents h5,
.single-listing .connected-agents p {
  font-size: 85%;
  line-height: 1;
  margin-bottom: 10px;
}

// Hide website and address.
.single-listing .connected-agents .website,
.single-listing .connected-agents .adr {
  display: none;
}

// Links.

.archive-employee a.fn {
  font-size: 1.2em;
  margin-bottom: 10px;
  display: block;
}

.archive-employee a,
.archive-employee a:hover,
.single-employee .agent-details a,
.single-employee .agent-details a:hover,
.agent-social-profiles a:hover,
.agent-social-profiles a:active {
  text-decoration: none;
}

.agent-social-profiles a {
  display: inline-block;
  margin-right: 5px;
  font-size: 18px;
  text-decoration: none;
}

// Images.

.single-employee .agent-wrap img,
.archive-employee .agent-wrap img,
.single-listing .connected-agents img {
  float: left;
  border: 1px solid #efefef;
  -moz-box-shadow: 2px 2px 3px #DDD;
  -webkit-box-shadow: 2px 2px 3px #DDD;
  -khtml-box-shadow: 2px 2px 3px #DDD;
  box-shadow: 2px 2px 3px #DDD;
  margin-right: 20px;
}

.archive-employee .agent-wrap img {
  float: none;
  display: block;
  margin: 0 auto 10px;
}


// MISC.

.clearfix:before {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
  content: " ";
  display: table;
}

.featured-agent .widget-wrap {overflow: hidden;}

.archive-employee .navigation {clear: both;}

/* ====== Widget ====== */

.widget.featured-employee {
  overflow: hidden;
}

.widget.featured-employee .widget-agent-wrap {
  display: block;
}

.widget.featured-employee img {
  display: block;
  float: none;
  clear: left;
  max-width: 120px;
  height: auto;
  margin: 0 auto 10px;
  border: 1px solid #efefef;
  box-shadow: 1px 1px 2px #DDD;
}

.widget.featured-employee p {
  padding: 0;
  margin: 0;
}

.widget.featured-employee .agent-social-profiles {
  clear: both;
}

.widget-agent-details {
  float: none;
  text-align: center;
}

.widget-agent-details p {
  margin: 0;
}

.widget-agent-wrap {
  float: left;
  clear: left;
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #888;
  border-bottom: 1px solid rgba(00,00,00,0.3);
  width: 100%;
}


// Shortcode.
.shortcode-agent-wrap {
  overflow: hidden;
  clear: both;
  margin-bottom: 25px;
}

.shortcode-agent-wrap img {
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #efefef;
  -moz-box-shadow: 2px 2px 3px #DDD;
  -webkit-box-shadow: 2px 2px 3px #DDD;
  -khtml-box-shadow: 2px 2px 3px #DDD;
  box-shadow: 2px 2px 3px #DDD;
  max-width: 100%;
}

.shortcode-agent-details {
  float: left;
  margin-right: 20px;
}

.shortcode-agent-wrap .fn {
  font-size: 20px;
}

.entry-content .shortcode-agent-details p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}

.shortcode-agent-wrap .agent-social-profiles {
  float: right;
  margin: 0;
}


// Responsive.

@media (max-width: 960px) {
  .archive-employee .one-fourth {
    margin: 0 0.6% 15px;
    width: 48.717948717948715%;
  }
}

@media (max-width: 800px) {
  .archive-employee .one-half,
  .archive-employee .one-third,
  .archive-employee .two-thirds,
  .archive-employee .one-fourth,
  .archive-employee .three-fourths,
  .archive-employee .one-fifth,
  .archive-employee .two-fifths,
  .archive-employee .three-fifths,
  .archive-employee .four-fifths,
  .archive-employee .one-sixth,
  .archive-employee .five-sixths {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 0 25px;
  }
}

@media (max-width: 600px) {
  .archive-employee .one-half,
  .archive-employee .one-third,
  .archive-employee .two-thirds,
  .archive-employee .one-fourth,
  .archive-employee .three-fourths,
  .archive-employee .one-fifth,
  .archive-employee .two-fifths,
  .archive-employee .three-fifths,
  .archive-employee .four-fifths,
  .archive-employee .one-sixth,
  .archive-employee .five-sixths {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 0 25px;
  }
  .single-employee .agent-wrap img,
  .archive-employee .agent-wrap img,
  .single-listing .connected-agents img {
    float: none;
  }
  .single-employee .agent-wrap img {
    display: block;
    margin: 0 auto 15px;
  }
  .single-employee .agent-details,
  .archive-employee .agent-details {
    text-align: center;
  }
}

// Landscape phones and down.
@media (max-width: 480px) {
  .single-employee .one-third {
    width: 100%;
    clear: both;
    padding: 0;
  }

  .single-employee .one-third img {
    width: 100%;
  }
}