/*
Name: Menu & Mega Menu 5.8
Description:  Menu Navigation & Mega Menu Custom Style CSS
Author: Johann Coppet @ Limes Media Ltd
Author URI: https://limesmedia.co.uk/web-design
Version: 5.8
*/

/*-----------------------*/
/*------ NAVIGATION -----*/
/*-----------------------*/

/*-- Social media follow --*/
.lc_sm_follow.et_pb_social_media_follow li { max-width: 34px; }
.lc_sm_follow > li a.icon::before { color: #f4eede; }
.lc_sm_follow { width: 84%; float: right; }

/*-- Social Icons --*/
._mi.fa.fa-linkedin-square:hover::before { color: #0077b5; }
._mi.fa.fa-facebook-square:hover::before { color: #3b5998; }
._mi.fa.fa-pinterest-square:hover::before { color: #bd081c; }
._mi.fa.fa-twitter-square:hover::before { color: #55acee; }
._mi.fa.fa-instagram:hover::before { color: #517fa4; }

/*-----------------------*/
/*----- QUOTE BUTTON ----*/
/*-----------------------*/

.lc_quote_0 a { color: #FFFFFF !important; line-height: 9px; font-weight: 800 !important; padding: 10px 15px !important; text-transform: uppercase; font-size: 16px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; border: 2px solid #FF9900; background-color: #FF9900; max-height: 40px; top: 19px;}
 
.lc_quote_0 a:hover { opacity: 1 !important; color: #FFFFFF !important; background-color: #A5BA84; border: 2px solid #A5BA84; }
 
#main-header.et-fixed-header.et_highlight_nav #top-menu .lc_quote_0 a:hover { background-color: #FF9900; border: 2px solid #FF9900; -moz-box-shadow: 0px 5px 20px #aab9c3; -webkit-box-shadow: 0px 5px 20px #aab9c3; box-shadow: 0px 5px 20px #aab9c3; }
 
@-webkit-keyframes highlight-nav {
    0% { -webkit-transform: scale(1); transform: scale(1) }
    50% { -webkit-transform: scale(1.2); transform: scale(1.2) }
    100% { -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes highlight-nav {
    0% { -webkit-transform: scale(1); transform: scale(1) }
    50% { -webkit-transform: scale(1.2); transform: scale(1.2) }
    100% { -webkit-transform: scale(1); transform: scale(1) }
}
 
/*-----------------------*/
/*------- 2ND MENU ------*/
/*-----------------------*/

.lc_top_2nd_nav .et-menu-nav .nav ul.sub-menu { margin-top: 4px; left: -100px; padding: 5px 0; }

/*-- Woocommerce Icon --*/
.et_pb_menu__icon.et_pb_menu__cart-button { margin-left: 20px !important; }

/*-- Hamburger icon --*/
.lc_mobile_nav ._mi.fa.fa-bars { width: 0px !important; }
.lc_mobile_nav ._mi.fa.fa-bars::after { display: none !important; }

/*-- Secondary Nav --*/
.lc_top_2nd_nav.et_pb_menu .et-menu > li { width: 30px; }

/*-- Account Button --*/
.lc_top_2nd_nav_wrap a.et_pb_button { text-transform: capitalize !important; }

/*-----------------------*/
/*---- DROPDOWN MENU ----*/
/*-----------------------*/

/*-- Layout --*/
li > ul.sub-menu > li.lc_sub-menu { padding: 0; width: 100%; }
li > ul.sub-menu > li.lc_sub-menu > a { width: 100%; padding: 5px 0 5px 10px; }

/*-- Typo --*/
li > ul.sub-menu > li.lc_sub-menu > a ._mi,
li > ul.sub-menu > li.lc_sub-menu > a span { font-size: 15px; font-weight: normal; }

/*-- :Hover --*/
.et_mobile_menu li a:hover,
li > ul.sub-menu > li.lc_sub-menu > a:hover { opacity: .8 !important; background-color: rgba(132,160,89,0.3)!important; }

/*-----------------------*/
/*------ MEGA MENU ------*/
/*-----------------------*/

.lc_main_menu .et-menu-nav .nav ul.sub-menu { margin-top: 7px; }
.lc_main_menu li.mega-menu > ul > li > a:first-child { border-bottom: 0 none !important; }

/*-- :Hover --*/
li > ul.sub-menu > li.menu-item a:hover { opacity: .8 !important; background-color: rgba(132,160,89,0.3)!important; }

/*-- Menu: Column 1 --*/
li.mega-menu > ul.sub-menu > li.cat_menu_0 > a { width: 100% !important; padding: 0 5px 0 10px; }
li.cat_menu_0 > a ._mi,
li.cat_menu_0 > a span { color: #84a059 !important; font-size: 16px; text-transform: uppercase; }
.lc_main_menu li.mega-menu > ul > li.cat_menu_0 { border-right: 1px solid rgba(0, 0, 0, 0.03); width: 20% !important; }
.lc_main_menu li.mega-menu > ul > li.cat_menu_0 > a  { color: #84A059; }
.lc_main_menu li.mega-menu li.cat_menu_0 > ul.sub-menu { width: 100% !important; }
li.cat_menu_0 > ul.sub-menu > li.menu-item,
li.cat_menu_0 > ul.sub-menu > li.menu-item a { width: 100% !important; }
.lc_main_menu li.mega-menu li.cat_menu_0 > ul.sub-menu > li a { font-size: 15px!important; font-weight: normal !important; }

/* Advert */
.promo_menu_0 { position: relative; left: -20px; }
.promo_menu_0 img._mi._image { width: 100%; }

/*-- Menu: Column 2 --*/
li.mega-menu > ul.sub-menu > li.cat_menu_1 > a { width: 100% !important; padding: 0 5px 0 10px; }
li.cat_menu_1 > a ._mi,
li.cat_menu_1 > a span { color: #84a059 !important; font-size: 16px; text-transform: uppercase; }
.lc_main_menu li.mega-menu > ul > li.cat_menu_1 { border-right: 1px solid rgba(0, 0, 0, 0.03); width: 24% !important; }
.lc_main_menu li.mega-menu > ul > li.cat_menu_1 > a  { color: #84A059; }
.lc_main_menu li.mega-menu li.cat_menu_1 > ul.sub-menu { width: 100% !important; }
li.cat_menu_1 > ul.sub-menu > li.menu-item,
li.cat_menu_1 > ul.sub-menu > li.menu-item a { width: 100% !important; }
.lc_main_menu li.mega-menu li.cat_menu_1 > ul.sub-menu > li a { font-size: 15px !important; font-weight: normal !important; }

/*-- Menu: Column 3 --*/
li.mega-menu > ul.sub-menu > li.cat_menu_2 > a { width: 100% !important; padding: 0 5px 0 10px; }
li.cat_menu_2 > a ._mi,
li.cat_menu_2 > a span { color: #84a059 !important; font-size: 16px; text-transform: uppercase; }
.lc_main_menu li.mega-menu > ul > li.cat_menu_2 { border-right: 1px solid rgba(0, 0, 0, 0.03); width: 28% !important; }
.lc_main_menu li.mega-menu > ul > li.cat_menu_2 > a  { color: #84A059; }
.lc_main_menu li.mega-menu li.cat_menu_2 > ul.sub-menu { width: 100% !important; }
li.cat_menu_2 > ul.sub-menu > li.menu-item,
li.cat_menu_2 > ul.sub-menu > li.menu-item a { width: 100% !important; }
.lc_main_menu li.mega-menu li.cat_menu_2 > ul.sub-menu > li a { font-size: 15px !important; font-weight: normal !important; }

/*-- Menu: Column 4 --*/
li.mega-menu > ul.sub-menu > li.cat_menu_3 > a { width: 100% !important; padding: 0 5px 0 10px; }
li.cat_menu_3 > a ._mi,
li.cat_menu_3 > a span { color: #84a059 !important; font-size: 16px; text-transform: uppercase; }
.lc_main_menu li.mega-menu > ul > li.cat_menu_3 { width: 26% !important; }
.lc_main_menu li.mega-menu > ul > li.cat_menu_3 > a  { color: #84A059; }
.lc_main_menu li.mega-menu li.cat_menu_3 > ul.sub-menu { width: 100% !important; }
li.cat_menu_3 > ul.sub-menu > li.menu-item,
li.cat_menu_3 > ul.sub-menu > li.menu-item a { width: 100% !important; }
.lc_main_menu li.mega-menu li.cat_menu_3 > ul.sub-menu > li a { font-size: 15px !important; font-weight: normal !important; }

/*-- Items Images --*/
.menu-item i._mi, .menu-item img._mi { display: inline-block; vertical-align: middle; width: 2.5em; }
.lc_main_menu li.mega-menu li > ul.sub-menu > li a { padding: 0; }
.lc_main_menu li.mega-menu li > ul.sub-menu > li.menu-item { padding: 5px 0 5px 10px !important; }
._mi.fa.fa-home { max-width: 25px; text-align: center; }
._mi._before.fa { max-width: 24px; }