/* Rounded Boxed Skin */ /* Menu items */ .menuzord-menu > li > a{ padding: 8px 16px; border-radius: 30px; } /* Active/hover state (Menu items) */ .menuzord-menu > li.active > a, .menuzord-menu > li:hover > a{ background: #333; color: #fff; } /* Dropdown items */ .menuzord .menuzord-menu ul.dropdown li:hover > a{ background: #333; color: #fff; } /* Search field */ .menuzord-menu > li.search form{ padding: 2px 16px; } /* Color schemes */ /* blue */ .menuzord.blue .menuzord-menu > li.active > a, .menuzord.blue .menuzord-menu > li:hover > a, .menuzord.blue .menuzord-menu ul.dropdown li:hover > a{ background: #5D9CEC; color: #fff; } /* green */ .menuzord.green .menuzord-menu > li.active > a, .menuzord.green .menuzord-menu > li:hover > a, .menuzord.green .menuzord-menu ul.dropdown li:hover > a{ background: #1bacd6; color: #fff; } /* red */ .menuzord.red .menuzord-menu > li.active > a, .menuzord.red .menuzord-menu > li:hover > a, .menuzord.red .menuzord-menu ul.dropdown li:hover > a{ background: #FC6E51; color: #fff; } /* orange */ .menuzord.orange .menuzord-menu > li.active > a, .menuzord.orange .menuzord-menu > li:hover > a, .menuzord.orange .menuzord-menu ul.dropdown li:hover > a{ background: #ff853f; color: #fff; } /* yellow */ .menuzord.yellow .menuzord-menu > li.active > a, .menuzord.yellow .menuzord-menu > li:hover > a, .menuzord.yellow .menuzord-menu ul.dropdown li:hover > a{ background: #FFCE54; color: #fff; } /* purple */ .menuzord.purple .menuzord-menu > li.active > a, .menuzord.purple .menuzord-menu > li:hover > a, .menuzord.purple .menuzord-menu ul.dropdown li:hover > a{ background: #AC92EC; color: #fff; } /* pink */ .menuzord.pink .menuzord-menu > li.active > a, .menuzord.pink .menuzord-menu > li:hover > a, .menuzord.pink .menuzord-menu ul.dropdown li:hover > a{ background: #EC87C0; color: #fff; } @media (min-width: 1200px){ header#header.header-layout-type-header-2rows-floating-header .menuzord-menu > li { padding: 20px 0; } header#header.header-layout-type-header-2rows-floating-header .menuzord-menu ul.dropdown { top: 100%; } } /* Mobile mode (Responsive mode) */ @media (max-width: 1199.98px){ /* Menu items */ .menuzord-responsive .menuzord-menu > li{ padding: 0; } .menuzord-responsive .menuzord-menu > li > a{ padding: 12px 20px !important; border-radius: 0; } }