/* ----------------------------------------------------------------------------
  Columns
---------------------------------------------------------------------------- */
.col1 {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.col2 {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.col3 {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.col4 {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

@media only screen and (min-width: 480px) {
  .col3 {
    width: 45.5%;
  }
  .col4 {
    width: 45.5%;
  }
}

@media only screen and (min-width: 1020px) {
  .col2 {
    width: 45.5%;
  }
  .col3 {
    width: 30.5%;
  }
  .col4 {
    width: 21%;
  }
}

.dportfolio-container {
  width:100%;
  float:left;
}

.dportfolio-nav-filter {
  width:100%;
  float:left;
  margin-bottom:15px;
}

.dportfolio-nav-filter button {
  margin-bottom:5px;
  opacity: .8;
  outline:none;
}

.dportfolio-nav-filter button:hover {
  opacity: 1;
}

.dportfolio-nav-filter button.active {
  opacity: 1;
  outline:none;
}

.dportfolio-items-container {
  width:100%;
  float:left;
  /*background:green;*/
}

.dportfolio-item-info {
  width:100%;
  float:left;
  /*background:pink;*/
  padding-top: 5%;
  padding-right: 0;
  padding-bottom: 10%;
  padding-left: 0; 
}


.dportfolio-item-info h2 {
  /*border:solid 1px yellow;*/
}

.dportfolio-item-info p {
  /*border:solid 1px purple;*/
  padding-left:10%;
  padding-right: 10%;
}


.dportfolio-item {
  background:#f6f7fb;
  border:solid 1px #e6eaef;
  text-align: left;

  /*
  padding-left: 5%;
  padding-right:5%;
  padding-top: 5%;
  padding-bottom: 5%;
  */
}


.dportfolio-item h2  {
  margin:0;
  padding-top: 20px;
  padding-right: 10%;
  padding-bottom: 0;
  margin-bottom:0;
  padding-left: 10%;
  line-height: 130%;
}

p.dportfolio-client {
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  margin-bottom: 0;
}

p.dportfolio-website {
  margin-bottom:0;
}

p.dportfolio-website-content {
  margin-top: 20px;
}

.dportfolio-item h2 a:link, .dportfolio-item h2 a:visited {
  text-decoration: none;
  border: none;
  box-shadow:none;
}

.dportfolio-item-content {
  width:100%;
  float:left;
}

/*
a.dportfolio-featured-img {
  margin-bottom:20px;
  float:left;
}
*/
a.dportfolio-featured-img img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  width: auto\9;
}

/*
.dportfolio-before-content {
  width:100%;
  float:left;
  background:#CCC;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 20px;
  padding:0;
}

.dportfolio-before-content p {
  margin:0;
  padding:0; 
}

.dportfolio-after-content {
  width:100%;
  float:left;
  background:#666;
  margin:0;
  padding:0;
}
*/

.dportfolio-item-categories-container {
  float:left;
  /*
  width:90%;
  float:left;
  */
  /*background:orange;*/
  margin-top:20px;
  margin-bottom:20px;
  padding-left: 10%;
  padding-right:10%;
}

a.dportfolio-item-categories:link, a.dportfolio-item-categories:visited {
  float:left;
  margin-right:20px;
  margin-bottom:5px;
  /*font-size:85%;*/
  opacity: .8;
  padding:0;
  color:inherit;
}

a.dportfolio-item-categories:hover {
  opacity: 1;
}

p.dportfolio-item-categories {
  float:left;
  margin-right:20px;
  margin-bottom:5px;
  /*font-size:85%;*/
  opacity:.8;
  padding:0;
  color:inherit;
}

.dportfolio-item-details-container {
  width:100%;
  float:left;
  /*background:orange;*/
  margin-bottom:20px;
}
/*
a.dportfolio-item-categories:link, a.dportfolio-item-categories:visited {
  float:left;
  margin-right:20px;
  margin-bottom:5px;
  font-size:85%;
  opacity: .8;
  padding:0;
  color:inherit;
}

a.dportfolio-item-categories:hover {
  opacity: 1;
}
*/

p.dportfolio-item-categories {
  float:left;
  margin-right:20px;
  margin-bottom:5px;
  /*font-size:85%;*/
  opacity:.8;
  padding:0;
  color:inherit;
}

.dportfolio-media-container {
  width:100%;
  float:left;
  /*background:#CCC;*/
}

/*
.dportfolio-gallery-item.col3 {
  margin-bottom:0;
}
*/

.dportfolio-gallery-item img {
  margin:0;
  padding:0;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  width: auto\9; 
}