.top_divider {
  float: left;
  width: 100%;
  height: 2px;
  background: #CCCCCC;
  margin-bottom: 16px;
}

.project_item {
  float: left;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: solid 2px #CCCCCC;
  margin-bottom: 20px;
}
.project_item a {
  text-decoration: none !important;
}
.project_item a:hover .project_link {
  color: #222222;
  background-image: url(../../../../themes/defaulttheme/images/large_icons.png);
  background-position: 100% -100px;
}

.project_image {
  float: left;
  width: 200px;
  padding-right: 20px;
}
.project_image img {
  width: 100%;
  height: auto;
  border: 0px;  
}

.project_details {
  float: left;
  width: 620px;
}
.project_details.with_image { width: 400px !important; }
.project_detail_item {
  float: left;
  width: 100%;
  padding-bottom: 7px;
}
.project_detail_item_title {
  float: left;
  width: 100px;
  font-weight: 600;
}

.project_title {
  float: left;
  width: 520px;
  color: #222222;
}
.project_details.with_image .project_title { width: 300px !important; }
.project_description {
  float: left;
  width: 520px;
  color: #222222;
}
.project_details.with_image .project_description { width: 300px !important; }

.project_link {
  float: left;
  width: 590px;
  color: #006F51;
  font-size: 18px;
  line-height: 22px;
  text-align: right;
  text-decoration: none !important;
  padding: 1px 30px 8px 0px;
  background-image: url(../../../../themes/defaulttheme/images/large_icons.png);
  background-position: 100% 0px;
  background-repeat: no-repeat;
}
.project_details.with_image .project_link { width: 370px !important; }


@media (max-width: 640px) { /* MOBILE PHONES */

  .project_image {
    width: 100% !important;
    padding-right: 0px !important;
    padding-bottom: 20px;
  }
  .project_details,
  .project_details.with_image,
  .project_detail_item_title,
  .project_title,
  .project_details.with_image .project_title,
  .project_description,
  .project_details.with_image .project_description {
    width: 100% !important;
  }

  .project_details.with_image .project_link,
  .project_details .project_link {
    /* minor fix to hide the icon so that we can use a percentage width */
    width: 100% !important;
    padding: 8px 0px 8px 0px !important;
    background-image: none !important;
  }

}