/* * Author: Appointment Theme * Created by: Shahid (Scientech IT) * Copyright (c) 2015 Appointment * Date: 27 Dec, 2015 * http://www.webriti.com/demo/wp/appointment */ /* Menu Section css---------------------------------------------------------------------------------------------------- */ .navbar-default { background-color: transparent; border-color: #e7e7e7; } .navbar { position: relative; min-height: 40px; padding: 14px 0; margin-top: 0px; margin-bottom: 0px; border-radius: 0px; } @media (min-width: 1200px) { .navbar-nav li .caret { display: none;} } @media only screen and (min-width: 200px) and (max-width: 1100px) { .dropdown-menu{ position: initial !important; float: none !important; } } @media (min-width: 1100px){ .navbar-toggle { display: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important; } } .nav { list-style: outside none none; margin-bottom: 0; padding: 11px 0; } .navbar-inverse .navbar-toggle { background: none repeat scroll 0 0 #66d1b9; border-color: none; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #66d1b9; } .navbar-inverse { border-color: none; border-style: none; border-width: 0px; padding: 5px 0; border-color: none; } .navbar-brand { font-family: 'Open Sans'; font-weight:600; font-size: 32px; height: auto; line-height: 42px; margin-right: 50px; padding: 10px 0px; } .navbar-default .navbar-brand { color: #1b1b1b; } .navbar > .container .navbar-brand { margin-left: 0px; } .navbar-inverse { background-color: rgba(0, 0, 0, 0.6); 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 > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus { background-color: #ffffff; } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { background-color: #ffffff; } .navbar .navbar-nav > li { margin-right: 0px; padding: 0 0 0px 0px; } .navbar-default .navbar-nav > li > a { color: #1b1b1b; font-family: 'Open Sans'; font-weight:600; font-size: 14px; letter-spacing: 0.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 9px 17px; transition: all 0.3s ease-in-out 0s; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; } /*Dropdown Menus & Submenus Css----------------------------------------------------------*/ .dropdown-menu { padding: 0; min-width: 200px; border-radius: 0px; box-shadow: 0; border: 0 none; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); } .navbar-default .dropdown-menu > li { padding: 0; } .dropdown-menu > li > a { color: #ffffff; font-family: 'Open Sans'; font-weight:600; font-size: 14px; line-height: 20px; padding: 15px 20px; transition: all 0.3s ease-in-out 0s; letter-spacing: 0.5px; word-wrap:break-word; white-space: normal; } .dropdown-menu > li > a:last-chlid { border-bottom: 0px; border-bottom: 0; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ffffff; 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; } @media (min-width: 1100px){ .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; } .navbar-right .dropdown-menu { left: 0; right: 0; } @media (min-width: 1100px){ .nav .open .dropdown-menu { visibility: visible; opacity: 1; } } @media (min-width: 1101px){ .nav .dropdown-menu { visibility: hidden; opacity: 0; }} @media only screen and (max-width: 1100px) and (min-width: 480px) { .open:{ } }