/* line 1, ../../app/styles/scss/pages/_profile.scss */

.profile-header {
  position: relative;
  padding: 15px 22.5px;
  border-top: 1px solid #e7edf2;
}

/* line 6, ../../app/styles/scss/pages/_profile.scss */

.profile-header .lead {
  margin-bottom: 6px;
}

/* line 11, ../../app/styles/scss/pages/_profile.scss */

.profile-status {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.2;
}

/* line 17, ../../app/styles/scss/pages/_profile.scss */

.profile-data {
  line-height: 1.6;
}

/* line 21, ../../app/styles/scss/pages/_profile.scss */

.profile-data > .fa,
.profile-data > .glyphicon {
  color: #a1aab0;
  margin: 0 8px 0 12px;
}

/* line 29, ../../app/styles/scss/pages/_profile.scss */

.activity-wrapper {
  position: relative;
  padding: 15px;
}

/* line 34, ../../app/styles/scss/pages/_profile.scss */

.activity-list {
  position: relative;
  padding: 33px;
  border-left: 1px solid #e7edf2;
}

/* line 39, ../../app/styles/scss/pages/_profile.scss */

.activity-list .activity-status {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-left: 33px;
}

/* line 50, ../../app/styles/scss/pages/_profile.scss */

.activity-list .activity-status > .activity-icon {
  position: absolute;
  width: 28px;
  height: 28px;
  top: -4px;
  left: -14px;
  border-radius: 28px;
  background-color: #e7edf2;
  color: #3e5771;
  text-align: center;
  text-decoration: none;
}

/* line 62, ../../app/styles/scss/pages/_profile.scss */

.activity-list .activity-status > .activity-icon > .fa,
.activity-list .activity-status > .activity-icon > .glyphicon {
  line-height: 28px;
}

/* line 68, ../../app/styles/scss/pages/_profile.scss */

.activity-list .activity-comments,
.activity-list .activity-form {
  padding: 10px 0;
}

/* line 75, ../../app/styles/scss/pages/_profile.scss */

.project-wrapper {
  position: relative;
}

/* line 78, ../../app/styles/scss/pages/_profile.scss */

.project-wrapper .project-item {
  margin-bottom: 15px;
  padding-bottom: 20px;
  background-color: #fff;
  border: 1px solid #e7edf2;
  border-radius: 4px;
}

/* line 87, ../../app/styles/scss/pages/_profile.scss */

.project-img > img {
  width: 100%;
  height: auto;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

/* line 93, ../../app/styles/scss/pages/_profile.scss */

.project-descriptions {
  padding: 15px;
}

/* line 96, ../../app/styles/scss/pages/_profile.scss */

.project-resume {
  padding: 0 15px;
}

/* line 99, ../../app/styles/scss/pages/_profile.scss */

.project-grid {
  display: table;
  width: 100%;
}

/* line 103, ../../app/styles/scss/pages/_profile.scss */

.project-grid > .project-grid-item {
  padding: 15px 0;
  display: table-cell;
  width: 50%;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #e7edf2;
  text-align: center;
  vertical-align: center;
}

/* line 113, ../../app/styles/scss/pages/_profile.scss */

.project-grid > .project-grid-item:first-child {
  border-left-width: 0;
}

/* line 118, ../../app/styles/scss/pages/_profile.scss */

.project-resume > .project-grid:last-child > .project-grid-item {
  border-bottom-width: 0;
}

/* line 124, ../../app/styles/scss/pages/_profile.scss */

.posts-wrapper {
  position: relative;
}

/* line 127, ../../app/styles/scss/pages/_profile.scss */

.posts-wrapper .post-item {
  position: relative;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #e7edf2;
  border-radius: 4px;
}

/* line 135, ../../app/styles/scss/pages/_profile.scss */

.posts-wrapper .post-item > .post-title {
  margin: 5px 0 15px;
  font-size: 18px;
}

/* line 140, ../../app/styles/scss/pages/_profile.scss */

.posts-wrapper .post-item > .post-attributes {
  margin-bottom: 15px;
}

/* line 142, ../../app/styles/scss/pages/_profile.scss */

.posts-wrapper .post-item > .post-attributes > .post-status {
  margin-right: 20px;
}

/* line 148, ../../app/styles/scss/pages/_profile.scss */

.posts-wrapper .post-details {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
}

/* line 154, ../../app/styles/scss/pages/_profile.scss */

.posts-wrapper .post-details > .fa,
.posts-wrapper .post-details > .glyphicon {
  margin-left: 5px;
}

/* line 159, ../../app/styles/scss/pages/_profile.scss */

.post-img {
  display: block;
  position: relative;
  margin-right: 15px;
  float: left;
}

/* line 165, ../../app/styles/scss/pages/_profile.scss */

.post-img > img {
  width: 200px;
  height: auto;
}

/* line 171, ../../app/styles/scss/pages/_profile.scss */

.about-wrapper {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #e7edf2;
  border-radius: 4px;
}

/* line 183, ../../app/styles/scss/pages/_profile.scss */

body.wrapkit-content-rtl .profile-data > .fa,
body.wrapkit-content-rtl .profile-data > .glyphicon {
  margin: 0 12px 0 8px;
}

/* line 190, ../../app/styles/scss/pages/_profile.scss */

body.wrapkit-content-rtl .project-grid > .project-grid-item:first-child {
  border-left-width: 1px;
}

/* line 193, ../../app/styles/scss/pages/_profile.scss */

body.wrapkit-content-rtl .project-grid > .project-grid-item:last-child {
  border-left-width: 0;
}

/* line 199, ../../app/styles/scss/pages/_profile.scss */

body.wrapkit-content-rtl .activity-list {
  border-left: none;
  border-right: 1px solid #e7edf2;
}

/* line 203, ../../app/styles/scss/pages/_profile.scss */

body.wrapkit-content-rtl .activity-list .activity-status {
  padding-left: 0;
  padding-right: 33px;
}

/* line 207, ../../app/styles/scss/pages/_profile.scss */

body.wrapkit-content-rtl .activity-list .activity-status > .activity-icon {
  left: auto;
  right: -14px;
}

@media (max-width: 767px) {
  /* line 216, ../../app/styles/scss/pages/_profile.scss */

  .profile-header {
    text-align: center;
  }

  /* line 219, ../../app/styles/scss/pages/_profile.scss */

  .profile-avatar {
    margin: 0 0 15px;
    float: none !important;
  }

  /* line 223, ../../app/styles/scss/pages/_profile.scss */

  .post-img {
    margin-right: 0;
    margin-bottom: 15px;
    float: none;
    max-height: 240px;
    overflow: hidden;
  }

  /* line 230, ../../app/styles/scss/pages/_profile.scss */

  .post-img > img {
    width: 100%;
    height: auto;
  }
}