/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
}

:root {
  --brand-yellow: rgb(254, 215, 80);
}
.portfolio-box-category .show-on-hover {
  /* display: none; */
  /* position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; */
  display: -webkit-box;
  display: none;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portfolio-box .image-cover {
  position: relative;
}

.portfolio-box .image-cover:after {
  content: "";
  position: absolute;
  left: 5.5%;
  right: 4.8%;
  bottom: 5%;
  top: 5%;
  border: 2.5px solid var(--brand-yellow);
  z-index: 10;
  pointer-events: none;
}