/************************************************

Stylesheet: Portfolio Stylesheet

*************************************************/
.page-template-page-portfolio .play-icon-container {
  position: absolute;
  z-index: 9;
}

.page-template-page-portfolio .play-icon-centered {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-template-page-portfolio .portfolio-thumblist {
  height: auto;
}
.page-template-page-portfolio .portfolio-thumblist:hover {
  opacity: 1;
}
.page-template-page-portfolio .portfolio-thumblist a {
  background-color: black;
  display: block;
  width: 100%;
  height: 100%;
}

.page-template-page-portfolio .portfolio-thumbnail-image {
  display: grid;
  justify-content: center;
  align-content: center;
  align-items: center;
  justify-items: center;
  height: 100%;
  position: relative;
}

[class^="imghvr-"],
[class*=" imghvr-"] {
  background-color: #F7941D !important;
}

.page-template-page-portfolio [class*=" imghvr-"] figure,
.page-template-page-portfolio [class^=imghvr-] figure {
  background-color: black !important;
  padding: 0px !important;
}
.page-template-page-portfolio [class*=" imghvr-"] figcaption,
.page-template-page-portfolio [class^=imghvr-] figcaption {
  background-color: black !important;
  padding: 0px !important;
}



/*********************
Media Queries
*********************/

/* Small only */
@media screen and (max-width: 39.9375em) {
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}