.cssmenu, .cssmenu ul, .cssmenu ul li, .cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cssmenu { color: #ff6600; } .cssmenu > ul > li > a { transition: all ease-in-out 0.3s; } .cssmenu ul ul { display: none; } .cssmenu > ul > li.active > ul { display: block; } .align-right { float: right; } .cssmenu > ul > li > a { padding: 15px 20px; border-left: 1px solid #ff6600; border-right: 1px solid #ff6600; border-top: 1px solid #ff6600; cursor: pointer; z-index: 2; font-size: 14px; text-decoration: none; color: #ff6600; background: #ffffff; } .cssmenu > ul > li > a:hover, .cssmenu > ul > li.active > a, .cssmenu > ul > li.open > a { color: #000000; background: #ff6600; } .cssmenu .nav .open>a, .cssmenu .nav .open>a:hover, .cssmenu .nav .open>a:focus, .cssmenu .nav>li>a:hover, .cssmenu .nav>li>a:focus, .cssmenu > ul > li.open > a { border-color: #ff6600; background: #ff6600; color: #000000; } .cssmenu > ul > li:last-child > a, .cssmenu > ul > li.last > a { border-bottom: 1px solid #ff6600; } .holder { width: 0; height: 0; position: absolute; top: 0; right: 0; } .holder::after, .holder::before { display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .holder::after { top: 17px; border-top: 2px solid #ff6600; border-left: 2px solid #ff6600; } .cssmenu > ul > li > a:hover > span::after, .cssmenu > ul > li.active > a > span::after, .cssmenu > ul > li.open > a > span::after { border-color: rgba(255,66,0,0.5); } .holder::before { top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit; } .cssmenu ul ul li a { cursor: pointer; border-bottom: 1px solid #ff6600; border-left: 1px solid #ff6600; border-right: 1px solid #ff6600; padding: 10px 30px; z-index: 1; text-decoration: none; font-size: 13px; color: #ff6600; background: #ffffff; } .cssmenu ul ul li:hover > a, .cssmenu ul ul li.open > a, .cssmenu ul ul li.active > a { background: #ff6600; color: #000000; } .cssmenu ul ul li:first-child > a { box-shadow: none; } .cssmenu ul ul ul li:first-child > a { } .cssmenu ul ul ul li a { padding-left: 40px; } .cssmenu > ul > li > ul > li:last-child > a, .cssmenu > ul > li > ul > li.last > a { border-bottom: 0; } .cssmenu > ul > li > ul > li.open:last-child > a, .cssmenu > ul > li > ul > li.last.open > a { border-bottom: 1px solid #ff6600; } .cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0; } .cssmenu ul ul li.has-sub > a::after { display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index: 10; top: 11.5px; border-top: 2px solid #ff6600; border-left: 2px solid #ff6600; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .cssmenu ul ul li.active > a::after, .cssmenu ul ul li.open > a::after, .cssmenu ul ul li > a:hover::after { border-color: #ff6600; } @media (min-width: 768px) { #levy-blok .cssmenu>ul>li>a>span.menu_akce, #levy-blok .cssmenu>ul>li>a .holder { display: none; } .cssmenu>ul>li>a>span.text { width: 100%; } #levy-blok .cssmenu { background: #ffffff; } } @media (min-width: 768px) { #header-stin #kategorie_mobile_menu { background: #ff6600; } #header-stin .cssmenu { margin: 0 auto; text-align: left; } #header-stin .cssmenu > ul > li { display: inline-block; float: left; background: url('/img/menu-predel.svg') no-repeat 0 50%; padding-left: 15px; } #header-stin .cssmenu > ul > li > a { padding: 10px 5px 10px 0; border: none; background: transparent; font-size: 12px; line-height: 20px; color: #ffffff; text-transform: uppercase; font-weight: bold; } #header-stin .cssmenu > ul > li:last-child > a, #header-stin .cssmenu > ul > li.last > a {border-bottom: none;} #header-stin .cssmenu > ul > li:last-child > a { padding-right: 0 !important; } #header-stin .cssmenu > ul > li > a:hover, #header-stin .cssmenu > ul > li.active > a, #header-stin .cssmenu > ul > li.open > a { background: transparent; color: #000000; } #header-stin .cssmenu > ul > li.active > ul, #header-stin .cssmenu > ul > li.open > ul { display: none !important; } #header-stin .cssmenu ul li a>span.text { width: 100%; } #header-stin .cssmenu ul li a>span.menu_akce { display: none; } #header-stin .cssmenu .holder { display: none; } } @media (min-width: 992px) { #header-stin .cssmenu > ul > li > a { padding: 10px 20px 10px 0; font-size: 14px; } } @media (min-width: 1220px) { #header-stin .cssmenu > ul > li > a { padding: 10px 35px 10px 0; font-size: 16px; } }