/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4 Nov, 2019, 5:04:07 PM
    Author     : Anoop Thampi
*/

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.ebc-cat-img{
    border: 2px solid white;
}

/*ul li {
    display: inline-block;
    position: relative;
}*/

.ebc-dt-menu-red{
    color:#000 !important;
    /*text-transform: none;*/
    font-weight: normal;
}
/*.ebc-dt-menu-red :hover{
    color:#fff !important;
    text-transform: none;
    font-weight: normal;
}*/

.ebc-dt-menu li.dreamster :hover:before {
    content: "";
    position: absolute;
    bottom: -1px;
    background: red;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left:calc(50% - 8px);
}

/*ul.ebc-dt-menu li.active :before {
    content: "";
    position: absolute;
    bottom: -1px;
    background: red;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left:calc(50% - 8px);
}*/
.dropdown:hover .dropdown-menu  {display: block;}


/*dropdown menu hover*/
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    /*background-color: #e1bc99;*/
    background-color:rgba(225, 188, 153, 1);
    border-top: 2px solid #f05c5f;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
/*  display: block;
  color: #222;
  padding: 3px 5px;*/
color: #ff3546;
}
.mega-dropdown-menu > li > ul > li > a:hover {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li > a:hover,
.mega-dropdown-menu > li >  ul > li > a:focus {
  text-decoration: none;
  color: #ff3546;
  background: none !important;
}
.mega-dropdown-menu .dropdown-header a {
  font-size: 18px;
  color: #323d92;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}
.menu-test{
    color: #ff3546 !important;
}