/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version:1.0
*/


/* Main Menu */

#mainNav .navbar-nav{
    gap:10px;
}

#mainNav .navbar-nav > li{
    position:relative;
    list-style:none;
}

#mainNav .navbar-nav > li > a{

    display:block;

    padding:10px 18px;

    color:#fff;

    font-size:14px;

    font-weight:500;

    text-decoration:none;

    transition:.3s;
	text-transform: uppercase;

}

#mainNav .navbar-nav > li:hover > a,
#mainNav .current-menu-item > a,
#mainNav .current-menu-parent > a{

    color:#e30613;

}

/* Dropdown */

#mainNav .sub-menu{

    position:absolute;

    left:0;

    top:100%;

    min-width:320px;

    background:#fff;

    padding:12px;

    margin:0;

    border-radius:12px;

    list-style:none;

    box-shadow:0 15px 35px rgba(0,0,0,.12);

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:.35s;

    z-index:999;

}

#mainNav .sub-menu::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#E30613;

    border-radius:12px 12px 0 0;

}

#mainNav li:hover>.sub-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

#mainNav .sub-menu li{

    list-style:none;

}

#mainNav .sub-menu li a{
	text-transform: uppercase;

    display:block;

    padding:10px 10px;

    color:#222;

    text-decoration:none;

    border-radius:8px;

    transition:.3s;
    font-size: 14px;

}

#mainNav .sub-menu li a:hover{

    background:#111;

    color:#fff;

}