/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.filter-box-text {
  cursor: pointer;
}

.filter-wrap .filter-box-list .e-filter {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.filter-wrap .filter-box-list .e-filter-item {
  display: block;
  text-align: left;
  width: 100%;
}
.ep-box-wrap {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: 0.4s all ease-out;
}
.ep-thumb-box img,
.ep-content-box {
  transition: 0.4s all ease-out;
}
.ep-box-wrap > div {
  z-index: 1;
}
.ep-box-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #a40000;
  z-index: 0;
  transition: 0.4s all ease-out;
  transform: translateX(-100%);
}
.ep-box-wrap:hover:after {
  transform: translateX(0);
}
.ep-box-wrap:hover .hover-btn-primary a {
  border-color: #fff !important;
}
.ep-box-wrap:hover .ep-content-box {
  transform: translateX(20px);
}
.ep-box-wrap:hover .ep-thumb-box img {
  transform: scale(1.04);
}
.hover-btn-secondary, .hover-btn-primary {
  width: fit-content;
}
.hover-btn-secondary a span, .hover-btn-primary a span {
  position: relative;
  z-index: 1;
}
.hover-btn-secondary a,
.hover-btn-primary a {
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 1;
  transition: 0.4s all ease-in-out;
}
.hover-btn-secondary a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #a40000;
  z-index: 0;
  transition: 0.4s all ease-in-out;
  transform: translateX(-100%);
}
.hover-btn-primary a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #820202;
  z-index: 0;
  transition: 0.4s all ease-in-out;
  transform: translateX(-100%);
}

.hover-btn-secondary a:hover:after,
.hover-btn-primary a:hover:after {
  transform: translateX(0);
}