.main-menu { position: relative; } .main-menu::after { display: block; clear: both; content: ""; } .rs-menu { float: left; clear: both; width: 100%; font-size: 0; } .rs-menu ul, .rs-menu li, .rs-menu p, .rs-menu a, .rs-menu div, .rs-menu i { border: 0; margin: 0; padding: 0; } .rs-menu li { display: block; position: relative; } .rs-menu a { display: block; padding: 16px; } .rs-menu .row { float: left; width: 100%; position: relative; } .rs-header .menu-area .logo-area { position: relative; } .rs-header .menu-area .logo-area img{ max-width: 100%; transition: 0.4s; -webkit-transition: 0.4s; } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li { display: inline-block; margin-right: 45px; padding: 0; } body .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children.current-menu-item:after{ width: 35px; } body .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children.current-menu-item:hover:after{ width: 70px; } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a { transition: all 0.3s ease 0s; text-transform: capitalize; color: #fff; } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover { color: #ffa000; } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li:last-child { margin-right: 0!important; } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li:last-child i { margin: 0; } .rs-header .menu-area .main-menu .rs-menu ul li a:hover, .rs-header .menu-area .main-menu .rs-menu ul li.active a, .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a { color: #ffa000; } .rs-menu ul ul { position: absolute; top: 100%; width: 100%; background-color: #111111; } .rs-menu ul ul.visible { display:block; z-index: 110; } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu { background-color: #ffffff; margin: 0; padding: 0px 0; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15); -moz-box-shadow: 0 0 20px rgba(0,0,0,.15); -ms-box-shadow: 0 0 20px rgba(0,0,0,.15); -o-box-shadow: 0 0 20px rgba(0,0,0,.15); box-shadow: 0 0 20px rgba(0,0,0,.15); z-index: 99; } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li { margin: 0; border: none; } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a { padding: 10px 30px; height: unset; text-transform: capitalize; line-height: unset; color: #0a0a0a; font-weight: 400; } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover { color: #ffa000; } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li.active a { color: #ffa000; } .rs-menu a { color:#bbb; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rs-menu li i { margin-right:10px; font-size:16px; transform:translate3d(0, 0, 0); } .nav-menu > .menu-item-has-children > a span:after { content:"\f107"; font-family:FontAwesome; float:right; margin:2px 0 0 5px; } .rs-menu li { font-size:14px; } .rs-menu .sub-menu li a { padding: 10px 14px; } .rs-menu ul ul a { font-size: 15px; text-align: left; } .nav-expanded { position: relative; } .nav-expanded nav { right: 0 !important; } @media screen and (min-width: 992px) { .rs-menu { height: auto !important; } .rs-menu li { display:inline-block; } .rs-menu ul ul.visible { visibility: hidden; opacity:0; } .nav-menu .menu-item-has-children > span { display:none; } .rs-menu-toggle { display:none; } .rs-menu li:active > ul, .rs-menu li:focus > ul, .rs-menu li:hover > ul { display:block; z-index: 17; } .rs-menu ul ul li > ul { left: 100%; } .rs-menu ul ul ul { top: 0; } .rs-menu ul ul { width:auto; } .rs-menu ul ul a { width: 260px; } .rs-header .menu-area.menu-sticky { transition: all 0.3s ease 0s; } .rs-header .menu-area.menu-sticky.sticky { background: #fff; position: fixed; z-index: 999; margin: 0 auto; border: none; padding: 0; top: 0; left: 0; right: 0; width: 100%; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: sticky-animation; animation-name: sticky-animation; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .rs-header .menu-area.sticky .main-menu .rs-menu ul li > a { color: #161616; } .rs-header .menu-area.sticky .main-menu .rs-menu ul li.current-menu-item > a { color: #ffa000; } .rs-menu ul ul { opacity: 0; visibility: hidden; transform: translateY(-10px); transform: scaleY(0); transform-origin: 0 0 0; } .rs-menu li:active > ul, .rs-menu li:focus > ul, .rs-menu li:hover > ul { opacity: 1; visibility:visible; transform: translateY(0px); transform: scaleY(1); } } @media only screen and (max-width: 991px) { .rs-menu { position: absolute; z-index: 999; } .rs-menu .row [class*="col-"] { float: left!important; width: 100%!important; margin-left: 0!important; margin-right: 0!important; } .nav-menu > li > a { border-bottom:1px solid #131313; text-align: left; } .nav-menu > li:last-child a { border-bottom:none; } .rs-menu ul ul { display: none; } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu { background: #fff; } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li { display: block !important; margin-right: 0 !important; } .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a { height: 50px !important; line-height: 50px !important; padding: 0 0 0 20px !important; } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu { padding: 15px 0 0 !important; } .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a { height: 50px !important; line-height: 50px !important; padding: 0 0 0 20px !important; } .rs-menu-toggle { display: block; text-align: right; position: relative; height: auto; line-height: auto; cursor:pointer; color: #333; font-size: 22px; text-transform: uppercase; -webkit-tap-highlight-color:rgba(0,0,0,0); } } @media only screen and (max-width: 1080px) { .nav-menu > li > a i { display:none; } }