/* * Author: Hotel California Theme * Created by: Shahid (Scientech IT) * Copyright (c) 2015 HotelCalifornia * Date: 27 Dec, 2015 * http://www.webriti.com/demo/wp/hotelcalifornia */ /* Menu Section css---------------------------------------------------------------------------------------------------- */ .navbar { border: 0px none; position: relative; min-height: 40px; padding: 0px; margin-top: 0px; margin-bottom: 0px; border-radius: 0px; } .nav { list-style: outside none none; margin-bottom: 0; padding: 0px; } .navbar-inverse .navbar-toggle { border-color: none; } .navbar-inverse { border-color: none; border-style: none; border-width: 0px; padding: 5px 0; border-color: none; } .navbar-brand { height: auto; /* font-size: 32px; */ /* line-height: 42px; */ font-size: 1.875rem; line-height: 1.6; font-weight: 600; margin-right: 50px; padding: 20px 0px; } .navbar > .container .navbar-brand { margin-left: 0px; } .navbar-inverse { border-bottom: 0; border-top: 0; border-right: 0; border-left: 0; padding: 0; } .navbar-wrapper { position: absolute; right: 0; left: 0; margin-top: 0px; z-index: 20; } .navbar .navbar-nav > li { margin-right: 0px; padding: 0 0 0px 0px; } .navbar-default .navbar-nav > li > a { font-size: 0.875rem; font-weight: 600; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 0px; padding: 35px 17px; transition: all 0.3s ease-in-out 0s; } /*Dropdown Menus & Submenus Css----------------------------------------------------------*/ .dropdown-menu { padding: 0; min-width: 200px; border-radius: 0px; box-shadow: 0; /* border: 0 none; */ } .dropdown-menu > li > a { font-weight: 600; font-size: 0.875rem; padding: 15px 20px; transition: all 0.3s ease-in-out 0s; letter-spacing: 0.7px; } .dropdown-menu > li > a:last-chlid { border-bottom: 0px; border-bottom: 0; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; } .dropdown-submenu { position:relative; } .dropdown-submenu > .dropdown-menu { top:0; left:100% !important; margin-top:0px; margin-left:0px; -webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; } .dropdown-submenu:hover > .dropdown-menu { display:block; } .dropdown-submenu .pull-left{ float:none; } .dropdown-submenu.pull-left > .dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 12px 15px; margin: 0 8px; } .navbar-right .dropdown-menu { left: 0; right: 0; } @media only screen and (max-width: 767px) and (min-width: 480px) { .open:{ } } /*Start*/ @media (min-width: 991px) { .navbar-toggle { display: none !important; } } @media (min-width: 991px) and (max-width: 1024px) { .navbar-brand { margin-right: 25px; padding: 14px 0px; } .navbar-default .navbar-nav > li > a { padding: 32px 12px; } } @media (min-width: 200px) and (max-width: 990px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px 50px 7.5px -15px; } .navbar-nav > li { float: none; } .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } /*Media css*/ .navbar-default .navbar-nav .open .dropdown-menu > li > a { transition: all 0.3s ease-in-out 0s; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { background-color: transparent; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0px; margin-right: 0px; } .navbar-nav { width: 100%; } .navbar-nav > li { border-right: 0px none; } .navbar-toggle { display: block; float: right; font-weight: 700; margin: 28px auto 28px; border-radius: 2px; padding: 7px 0px; letter-spacing: 0.1rem; text-transform: uppercase; border: 0 none; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; } .navbar-toggle .icon-bar { width: 40px; height: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 8px; } .navbar-default .navbar-nav > li > a { padding: 12px 15px; } .navbar-nav { margin: 0px 0px; } .navbar-collapse { padding-right: 0px; padding-left: 0px; } .navbar-nav .open .dropdown-menu > li > a { padding: 12px 5px 12px 20px; margin: 0; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background-color: transparent; } .sm-top-btn { float: left; padding: 10px 0px 15px 0px; } } /*End*/ @media only screen and (max-width: 480px) and (min-width: 100px) { .navbar-toggle { float: none; margin: 10px auto 30px; } .header-contact-info2 { padding: 0px 0 10px; } /*Logo*/ .navbar-default .navbar-brand { text-align: center; } .navbar-brand { display: block; float: none; margin-right: 0; padding: 20px 15px 10px 15px; } .navbar-brand img { display: block; margin: 0 auto; text-align: center; } }