/*---------------------
    Portfolio Styles  
-----------------------*/
.rwt-card {
  overflow: hidden;
}

.rwt-card .inner .thumbnail {
  position: relative;
}

.rwt-card .inner .thumbnail .card-image {
  overflow: hidden;
}

.rwt-card .inner .thumbnail .card-image a {
  display: block;
  overflow: hidden;
}

.rwt-card .inner .thumbnail .card-image img {
  overflow: hidden;
}

.rwt-card .inner .content {
  padding-top: 20px;
}

.rwt-card .inner .content .subtitle {
  text-transform: capitalize;
}

.rwt-card:hover {
  transform: translateY(-4px);
}

.rwt-card:hover .inner .thumbnail .card-image img {
  transform: scale(1.05);
}

/*------------------
    No Overlay  
--------------------*/
.no-overlay .rwt-card .inner .thumbnail .rwt-overlay {
  display: none;
}

/*----------------------
    Box Grid Layout  
------------------------*/
.box-grid-layout .rwt-card {
  border-radius: 6px;
  background-color: #0f0f11;
}

.box-grid-layout .rwt-card .inner .thumbnail .card-image a {
  border-radius: 6px 6px 0 0;
}

.box-grid-layout .rwt-card .inner .thumbnail .card-image a img {
  border-radius: 6px 6px 0 0;
}

.box-grid-layout .rwt-card .inner .content {
  padding: 25px;
}

/*-----------------------------
    Filter Button Style  
-------------------------------*/
.filter-button-default {
  display: flex;
  justify-content: center;
  margin: 0 -5px;
  flex-wrap: wrap;
}

.filter-button-default button {
  border: 0 none;
  padding: 10px 20px;
  text-transform: capitalize;
  background: transparent;
  color: #acacac;
  margin: 0 5px;
}

@media screen and (max-width: 767px) {
  .filter-button-default button {
    padding: 10px 10px;
  }
}

.filter-button-default button.active,
.filter-button-default button:hover {
  background-color: #059dff !important;
  color: #ffffff !important;
}

/*--------------------------------
    Portfolio Read More Icon  
---------------------------------*/
.rwt-load-more a.btn-default.btn-icon .icon,
.rwt-load-more button.btn-default.btn-icon .icon {
  top: 0px;
  margin-left: -2px;
}

.rwt-load-more a.btn-default.btn-icon .icon svg,
.rwt-load-more button.btn-default.btn-icon .icon svg {
  width: 14px;
  height: 20px;
}

/*----------------------------------
    Portfolio Grid Layout  
----------------------------------*/
.grid-metro2 {
  margin: 0 -15px;
}

.grid-metro2 .portfolio-2 {
  width: 50%;
  padding: 0 15px;
  margin-top: 30px;
}

@media screen and (max-width: 575px) {
  .grid-metro2 .portfolio-2 {
    width: 100%;
  }
}

.grid-metro2 .resizer {
  width: 50%;
}

@media screen and (max-width: 575px) {
  .grid-metro2 .resizer {
    width: 100%;
  }
}

.grid-metro3 {
  margin: 0 -15px;
}

.grid-metro3 .portfolio-3 {
  width: 33.33%;
  padding: 0 15px;
  margin-top: 30px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid-metro3 .portfolio-3 {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .grid-metro3 .portfolio-3 {
    width: 50%;
  }
}

@media screen and (max-width: 575px) {
  .grid-metro3 .portfolio-3 {
    width: 100%;
  }
}

.grid-metro3 .resizer {
  width: 33.33%;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid-metro3 .resizer {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .grid-metro3 .resizer {
    width: 50%;
  }
}

@media screen and (max-width: 575px) {
  .grid-metro3 .resizer {
    width: 100%;
  }
}