/* cssmenu */ #cssmenu>ul { list-style: none; margin: 0px; padding: 0; padding-left: 70px; line-height: 1; } /* The container */ #cssmenu>ul { position: auto; display: block; width: 215px; /* The list elements which contain the links */ } #cssmenu>ul li { display: block; position: relative; margin: 0; padding: 0; width: 215px; z-index: 100; } /* General link styling */ #cssmenu>ul li a { /* Layout */ display: block; position: relative; margin: 400; border-top: 1px solid rgba(252, 252, 252, 0) /*#3a3a3a;*/ ; border-bottom: 1px solid #ffffff /*#1b1b1b*/ ; padding: 11px 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; /* Typography */ font-family: Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 16px; font-weight: 700; /* Background & effects */ background: #0084D1; } /* Rounded corners for the first link of the menu/submenus */ #cssmenu>ul li:first-child>a { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 0; } /* Rounded corners for the last link of the menu/submenus */ #cssmenu>ul li:last-child>a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: 0; } /* The hover state of the menu/submenu links */ #cssmenu>ul li>a:hover, #cssmenu>ul li:hover>a { color: #ffffff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); background: #3399FF; background: -webkit-linear-gradient(#72d4f2, #54cdf1); background: -moz-linear-gradient(#72d4f2, #54cdf1); background: linear-gradient(#72d4f2, #54cdf1); border-color: transparent; } /* The arrow indicating a submenu */ #cssmenu>ul .has-sub>a::after { content: ">"; position: absolute; top: 16px; right: 10px; width: 0px; height: 0px; /* Creating the arrow using borders */ border: 4px solid transparent; border-left: 4px solid #d8d8d8; } /* The same arrow, but with a darker color, to create the shadow effect */ #cssmenu>ul .has-sub>a::before { content: ">"; position: absolute; top: 17px; right: 10px; width: 0px; height: 0px; /* Creating the arrow using borders */ border: 4px solid transparent; border-left: 4px solid #000; } /* Changing the color of the arrow on hover */ #cssmenu>ul li>a:hover::after, #cssmenu>ul li:hover>a::after { border-left: 4px solid #ffffff; } #cssmenu>ul li>a:hover::before, #cssmenu>ul li:hover>a::before { border-left: 4px solid rgba(0, 0, 0, 0.3); } /*bultas*/ #cssmenu>ul li has-sub>a:after { content: ">"; position: absolute; top: 16px; right: 10px; width: 10px; height: 10px; /* Creating the arrow using borders */ border: 4px solid #ffffff; border-left: 4px solid #ffffff; } /* Changing the color of the arrow on hover */ #cssmenu>ul>a:hover::after, #cssmenu>ul li:hover>a::after { border-left: 4px solid #ffffff; } #cssmenu>ul li a:hover::before, #cssmenu>ul li:hover>a::before { border-left: 4px solid rgba(0, 0, 0, 0.3); } /* THE SUBMENUS */ #cssmenu>ul ul { position: absolute; left: 100%; top: -9999px; padding-left: 3px; opacity: 100; width: auto; /* The fade effect, created using an opacity transition */ -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } /* Showing the submenu when the user is hovering the parent link */ #cssmenu>ul li:hover>ul { top: 0px; opacity: 1; } div.pea_cook_wrapper.pea_cook_bottomcenter { width: 100%; bottom: 0; left: 0; margin: 0 0; border-radius: 0; min-height: 80px; } div.pea_cook_wrapper.pea_cook_bottomcenter p { font-family: Arial, sans-serif; font-weight: Normal; font-size: 14px; color: #ffffff; } div.pea_cook_wrapper.pea_cook_topcenter { width: 100%; top: 0; left: 0; margin: 0 0; border-radius: 0; font-size: 16px; } div.pea_cook_wrapper.pea_cook_topcenter p { font-family: Arial, sans-serif; font-weight: Normal; font-size: 14px; color: #ffffff; } .navbar-brand:hover i { color: #F1F3F5; } #PageTranslateWidget { padding: 15px; } /* @media (max-width:480px) { #navigation>ul li { width: 100%; } } */