/**
 * Theme Name:     AtlasGroup Child
 * Author:         Case-Themes
 * Template:       atlasgroup
 * Text Domain:	   atlasgroup-child
 * Description:    AtlasGroup is a beautifully crafted, flexible WordPress theme for businesses in the real estate and construction industries powered by Elementor Page Builder and designed with attention to detail, flexibility, and performance. AtlasGroup has an impressive look and feel, allowing you to create a professional website in no time.
 */

.hm-box{
  position:relative;
  overflow:hidden;
  background:rgba(0,0,0,.45);
}

/* alsó csík */
.hm-box::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:100%; height:8px;
  background:#33c7c0;
  z-index:1;
  transform:translateY(0);
  transition:transform .45s cubic-bezier(.7,0,.3,1);
  pointer-events:none;
}
.hm-box:hover::after{
  transform:translateY(100%);   /* lefelé kicsúszik a dobozból */
}

/* felülről becsúszó háttér */
.hm-box::before{
  content:"";
  position:absolute;
  top:-100%; left:0;
  width:100%; height:100%;
  background:#33c7c0;
  transition:top .45s cubic-bezier(.7,0,.3,1);
  z-index:2;
  pointer-events:none;
}
.hm-box:hover::before{ top:0; }

/* tartalom legfelül */
.hm-box > *{
  position:relative;
  z-index:3;
}

/* ikon hover-en fehér */
.hm-box:hover .elementor-icon,
.hm-box:hover .elementor-icon i,
.hm-box:hover .elementor-icon svg{
  color:#fff !important;
  fill:#fff !important;
}


.hm-box-1{
  position:relative;
  overflow:hidden;
  background:rgba(0,0,0,.45);
}

/* alsó csík  */
.hm-box-1::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:100%; height:8px;
  background:#f5a96e;
  z-index:1;
  transform:translateY(0);
  transition:transform .45s cubic-bezier(.7,0,.3,1);
  pointer-events:none;
}
.hm-box-1:hover::after{
  transform:translateY(100%);   /* lefelé kicsúszik a dobozból */
}

/* felülről becsúszó háttér */
.hm-box-1::before{
  content:"";
  position:absolute;
  top:-100%; left:0;
  width:100%; height:100%;
  background:#f5a96e;
  transition:top .45s cubic-bezier(.7,0,.3,1);
  z-index:2;
  pointer-events:none;
}
.hm-box-1:hover::before{ top:0; }

/* tartalom legfelül */
.hm-box-1 > *{
  position:relative;
  z-index:3;
}

/* ikon hover-en fehér */
.hm-box-1:hover .elementor-icon,
.hm-box-1:hover .elementor-icon i,
.hm-box-1:hover .elementor-icon svg{
  color:#fff !important;
  fill:#fff !important;
}





#menu-menu-redei {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}