/* ## Navigation Menu */ #sticker{ width:100%!important; } #navbar{ top: 0; left: 0; right: 0; z-index: 999; background: rgba(0,0,0,.5); position: relative; } #navbar:after { position: absolute; content: ""; left: 0; right: 0; background: rgba(255,255,255,.2); height: 1px; width: 100%; } #navbar .navbar{ padding-top: 0px; padding-bottom:0px; } .ow-navigation { border: none; border-radius: 0; margin-bottom: 0; min-height: 1px; } .ow-navigation .nav.navbar-nav > li { margin: 0 8px; } .ow-navigation .nav.navbar-nav > li:last-of-type { margin-right: 0; } .ow-navigation .nav.navbar-nav li > a { color: #fff; font-size: 16px; line-height: 26px; text-transform:uppercase; padding: 18px 15px; line-height: 25px; font-weight:bold; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; position: relative; font-family: var(--nav-font); font-weight: 400; letter-spacing: 1px; display: block; } .ow-navigation.underline .nav.navbar-nav li > a::before { margin: 0 auto; position: absolute; content: ""; left: 0; right: 0; bottom: 0; border: 2px solid transparent; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .ow-navigation.underline .nav.navbar-nav li.active > a::before, .ow-navigation.underline .nav.navbar-nav li > a:hover::before { border-color: #f99800; left: 22px; right: 22px; } .ow-navigation.underline .nav.navbar-nav .dropdown-menu li > a::before{ border:none; } .ow-navigation.navbar-fill .nav.navbar-nav .dropdown-menu li > a, .ow-navigation.navbar-fill .nav.navbar-nav .dropdown-menu li > a:hover { background:transparent; } .ow-navigation .dropdown-menu > .active > a, .ow-navigation .dropdown-menu > .active > a:focus, .ow-navigation .dropdown-menu > .active > a:hover { background-color: transparent; } .ow-navigation .dropdown-menu > li > a:focus, .ow-navigation .dropdown-menu > li > a:hover{ background-color: transparent; } .ow-navigation .nav.navbar-nav > li.active > a, .ow-navigation .nav.navbar-nav > li.active:hover > a, .ow-navigation .nav.navbar-nav > li.active:focus > a, .ow-navigation .nav.navbar-nav > li:hover > a, .ow-navigation .nav.navbar-nav > li:focus > a, .ow-navigation .nav.navbar-nav > li > a:hover, .ow-navigation .nav.navbar-nav > li > a:focus, .ow-navigation .dropdown-menu li:hover > a, .ow-navigation .dropdown-menu li > a:hover { background-color: transparent; } /* -- Navbar Fixed */ .navbar-fixed-top .ow-navigation .navbar-brand { padding: 31px 0; } .menu-block.navbar-fixed-top .ow-navigation .nav.navbar-nav li > a{ color: #fff; } /* - Navigation Menu > 991 RES. */ @media (min-width: 992px) { .menu-block.navbar-fixed-top { background-color: #fff; } .menu-block .navbar-collapse { padding-left: 0; padding-right: 0; } .ow-navigation .nav.navbar-nav li.dropdown:hover > .dropdown-menu, .ow-navigation .nav.navbar-nav li.dropdown:focus > .dropdown-menu{ opacity: 1; transform: scaleY(1); visibility: visible; background-color: #222; } .ow-navigation .nav.navbar-nav li.focus > .dropdown-menu{ opacity: 0; visibility: visible; } .ow-navigation .nav.navbar-nav li.current-focus > .dropdown-menu{ transform: scaleY(1); opacity: 1; background-color: #222; } .ow-navigation .ddl-switch { display: none !important; } .navbar-fixed-top.menu-block .container { padding: 0 15px; } /* Dropdown */ .ow-navigation .navbar-collapse > ul > li > .dropdown-menu { top: 100%; left: 0; } .ow-navigation ul li > .dropdown-menu { border: none; left: 100%; border-radius: 0; margin-top: 0; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.4s ease-in-out 0s; visibility: hidden; top: 0; box-shadow: none; display: block; padding: 0 20px; max-width: 400px; min-width: 250px; width: 100%; } .ow-navigation .dropdown .dropdown-menu li a { padding: 11.5px 15px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 0.28px; line-height: 26px; border-bottom: 1px solid rgba(255,255,255,0.1); display:block; white-space: break-spaces; } .ow-navigation .dropdown .dropdown-menu li a::before { border: none; } .ow-navigation .dropdown .dropdown-menu li:last-of-type a { border-bottom: none; } .menu-block.navbar-fixed-top .ow-navigation .dropdown-menu > li > a:hover{ color: var(--secondary-color); } .ow-navigation .dropdown-menu > li:hover > a, .ow-navigation .dropdown-menu > li > a:hover, .ow-navigation .dropdown-menu > li > a:focus { background-color: transparent; color: var(--secondary-color); } .ow-navigation ul > li > .dropdown-menu { left: 0; } .ow-navigation .navbar-collapse > ul > li:last-child > .dropdown-menu { right: 0; } .ow-navigation ul > li > .dropdown-menu, .ow-navigation ul > li .dropdown-menu ul, .ow-navigation ul > li .dropdown-menu ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul ul ul { right: auto; } .ow-navigation ul > li .dropdown-menu ul, .ow-navigation ul > li .dropdown-menu ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul ul ul { left: 100%; } .ow-navigation ul > li .dropdown-menu ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul ul { right: 100%; } .ow-navigation ul > li .dropdown-menu ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul ul ul ul, .ow-navigation ul > li .dropdown-menu ul ul ul ul ul ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child > .dropdown-menu, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul ul ul, .ow-navigation .navbar-collapse > ul > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul ul { left: auto; } } /* -- min-width: 992 to max-width: 1199 */ @media only screen and (min-width: 992px) and (max-width: 1199px) { /* -- Menu Block */ .ow-navigation .nav.navbar-nav > li{ margin: 0 2px; } } /* - Navigation Menu Switch < 991 RES */ @media (max-width: 991px) { .sticky-wrapper .menu-block{ background:#303031; } .menu-block.navbar-fixed-top { background-color: #fff; } .menu-block.navbar-fixed-top .ow-navigation .navbar-brand { display: block; padding: 10px 0 9px; margin-right: 0; } .menu-block.navbar-fixed-top .ow-navigation .navbar-brand > img { display: inline-block; margin-right: 15px; max-width: 46px; } .ow-navigation { padding: 0; top: 0; width: 100%; } .ow-navigation .navbar-collapse { border-top: none; box-shadow: none; width: 100%; overflow: auto !important; padding-left: 0; padding-right: 0; } .ow-navigation .navbar-collapse.collapse { display: none!important; } .ow-navigation .navbar-collapse.collapse.show{ display: block!important; } .ow-navigation .navbar-nav { float: none!important; border-top: 1px solid var(--secondary-color); margin: 0; } .ow-navigation .navbar-header { float: none; } .ow-navigation .navbar-brand { padding:0; } .ow-navigation .navbar-toggler { display: block; background-color: var(--secondary-color); margin-bottom: 12px; margin-top: 14px; margin-right: 0px; border-radius: 0; border: 1px solid transparent; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; padding: 6px 8px; font-size: 24px; width: 40px; height: 40px; } .navbar-fixed-top .ow-navigation .navbar-toggler .icon-bar, .ow-navigation .navbar-toggler .icon-bar, .navbar-fixed-top .ow-navigation .navbar-toggler:focus, .navbar-fixed-top .ow-navigation .navbar-toggler:hover, .ow-navigation .navbar-toggler:focus { background-color: #fff; border-color: var(--secondary-color); } .navbar-fixed-top .ow-navigation .navbar-toggler:focus .icon-bar, .navbar-fixed-top .ow-navigation .navbar-toggler:hover .icon-bar, .ow-navigation .navbar-toggler:hover .icon-bar { background-color: var(--secondary-color); } .ow-navigation .navbar-collapse > .nav.navbar-nav > li { margin: 0; } .ow-navigation .navbar-nav > li { display: inline-block; float: none; width: 100%; } .menu-block.navbar-fixed-top .ow-navigation .dropdown-menu > li > a:hover, .ow-navigation .dropdown-menu > li > a:hover, .ow-navigation .nav.navbar-nav li > a:hover { color: var(--secondary-color); } .ow-navigation .nav.navbar-nav li > a, .ow-navigation .navbar-collapse > ul > li > a { padding-top: 8px; padding-bottom: 8px; width: 100%; padding-left: 0; } .ow-navigation .dropdown-menu > li > a{ font-weight: 300 !important; } .ow-navigation .navbar-collapse > ul > li:last-of-type > a { padding-bottom: 13px; } .ow-navigation .navbar-text { float: none; margin: 15px 0; } .ow-navigation .nav.navbar-nav li > a::before { border: none; } /* since 3.1.0 */ .ow-navigation .navbar-collapse.collapse.in { display: block!important; } .ow-navigation .collapsing { overflow: hidden!important; } .ow-navigation .dropdown-menu { background-color: transparent; border: 0 none; margin-top: 0; padding-left: 10px; padding-top: 0; position: relative; width: 100%; box-shadow: none; } /* Switch */ .ow-navigation .ddl-switch { background-color: #1e1e1e; cursor: pointer; font-size: 18px; padding: 2px 3px; position: absolute; right: 0; z-index: 9999; top: 6px; color: var(--secondary-color); line-height: 0px; } .ow-navigation .ddl-switch:hover, .ow-navigation .ddl-switch:focus{ background-color: var(--secondary-color); color: #1e1e1e; } /*.ow-navigation .ddl-active > .fa-angle-down:before { content: "\f106"; }*/ .ow-navigation.underline .nav.navbar-nav li > a::before{ border:none; } .ow-navigation.navbar-fill .nav.navbar-nav li.active > a, .ow-navigation.navbar-fill .nav.navbar-nav li > a:hover{ background:none!important; } .header-icon{ position: absolute; right: 10px; } #navbar .navbar{ width: 100%; } .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler:focus-visible{ box-shadow:none; background: var(--secondary-color); color: var(--secondary-color); } }