body,html{
height: 100%;
position:relative;
}
/* nav.sidebar img.glyphicon-menu-hamburger { opacity:0.5 }*/
nav.sidebar .hamburger { padding-top:16px; opacity:0.5 }
nav.sidebar .img-logo { margin-left:12px; }
/* .....NavBar: Icon only with coloring/layout.....*/
@media (max-width: 768px) {
nav.sidebar { width:100% }
nav.sidebar a.navbar-brand { height:50px; padding:12px }
a.navbar-brand img { height:30px }
#page_content { padding-top:50px }
nav.sidebar .hamburger { display:none }
}
/*small/medium side display*/
@media (min-width: 768px) {
/*Allow main to be next to Nav*/
#page_content,
section#footer {
width: calc(100% - 60px); /*keeps 100% minus nav size*/
margin-left: 60px;
}
/*Center Brand*/
nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left: 0px;
padding-top: 8px;
}
/*Center Brand*/
nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
text-align: center;
width: 100%;
margin-left: 0px;
}
/*Center Icons*/
nav.sidebar a{ /*padding-right: 13px; */ }
nav.sidebar a span.glyphicon {
font-size:1.7em;
margin-top: -6px;
}
/*adds border top to first nav box and to bottom nav boxes*/
nav.sidebar .navbar-nav > li:first-child,
nav.sidebar .navbar-nav > li{
border-bottom: 1px #CEA34E solid;
}
/* Colors/style dropdown box*/
nav.sidebar .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;
}
/*allows nav box to use 100% width*/
nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
padding: 0 0px 0 0px;
}
/*colors dropdown box text */
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #777;
}
/*gives sidebar width/height*/
nav.sidebar{
width: 240px;
height: 100%;
margin-left: -180px;
float: left;
z-index: 8000;
margin-bottom: 0px;
box-shadow:0px 3px 16px rgba(0,0,0,0.5);
}
/*give sidebar 100% width;*/
nav.sidebar li {
width: 100%;
}
/* Move nav to full on mouse over*/
nav.sidebar:hover{
margin-left: 0px;
}
nav.sidebar .img-logo,
nav.sidebar .nav-options,
nav.sidebar:hover .hamburger { display:none; }
nav.sidebar:hover .img-logo,
nav.sidebar:hover .nav-options { display:block; }
/*for hiden things when navbar hidden*/
.forAnimate{
opacity: 0;
}
}
/* .....NavBar: Fully showing nav bar..... */
/* @media (min-width: 1330px) { */
@media (min-width: 992px) {
/*Allow main to be next to Nav*/
#page_content,
section#footer {
width: calc(100% - 240px); /*keeps 100% minus nav size*/
margin-left: 240px;
}
/*Show all nav*/
nav.sidebar{
margin-left: 0px;
float: left;
}
/*Show hidden items on nav*/
nav.sidebar .forAnimate{
opacity: 1;
}
nav.sidebar .img-logo { display:block }
nav.sidebar a span.glyphicon {
font-size:18px;
margin-top:0;
}
nav.sidebar .hamburger { display:none }
/* nav.sidebar #quickResa { display:block; }*/
nav.sidebar .nav-options { display:block; }
.container { width:100%; max-width:980px; }
}
/*Remove rounded coners*/
nav.sidebar.navbar {
border-radius: 0px;
position:fixed;
background:#F7CE76;
border:none;
z-index:299;
}
nav.sidebar, .main{
-webkit-transition: margin 200ms ease-out;
-moz-transition: margin 200ms ease-out;
-o-transition: margin 200ms ease-out;
transition: margin 200ms ease-out;
}
nav.sidebar li>a{
padding: 18px 20px;
color:#fff;
font-size: 18px;
font-family: "Lobster Two";
font-weight: bold;
font-style: italic;
text-shadow: 1px 2px 2px rgba(50, 50, 50, 0.7); /* #a4823c;*/
}
.navbar-brand {
float: left;
font-size: 18px;
height: 86px; /*130px;*/
line-height: 20px;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
background-color: #E5BB60;
color: #fff;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
background-color: #D8B05F;
color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
color: #fff;
}
/* nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
color: #e5e5e5;
background-color: transparent;
} */
.navbar-nav .nav-options {
padding:16px 10px;
background:#CEA34E;
color:#f8ecd3;
font-size:72%;
}
nav:hover .forAnimate{
opacity: 1;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus { background-color: rgba(255,255,255,0.5); }
.navbar-inverse .navbar-toggle { border-color: transparent; }
/* Google translate patch */
#quickResa input.form-control,
.goog-te-gadget .goog-te-combo {
background:rgba(255,255,255,0.4);
border:none;
color:#666;
text-align:center;
font-family:Poppins;
font-size:12px;
margin:0;
padding:12px 0;
}
#quickResa .input-group.date .input-group-addon { background:rgba(255,255,255,0.4); }
.goog-te-gadget .goog-te-combo { margin-bottom:20px; border-radius:3px; width:166px;padding:5px; }
nav.sidebar a.goog-logo-link { padding:0 }
/** Camping special skin */
body.campskin nav.sidebar .navbar-nav > li{ border-bottom: 1px #4eccc6/*#025b59*/ solid; }
body.campskin, body.campskin nav.sidebar.navbar { background:#01b6ad; }
body.campskin nav.sidebar li>a{ text-shadow: 1px 2px 2px #005d56; }
body.campskin section#footer,
body.campskin section#footer a { color:#6efce6 }
body.campskin .navbar-inverse .navbar-nav > .active > a,
body.campskin .navbar-inverse .navbar-nav > .active > a:focus,
body.campskin .navbar-inverse .navbar-nav > .active > a:hover,
body.campskin .navbar-nav .nav-options {
background-color: #4eccc6;
}
body.campskin .navbar-inverse .navbar-nav > li > a:focus,
body.campskin .navbar-inverse .navbar-nav > li > a:hover {
background-color: #34c4bd;
}
body.campskin #quickResa input.form-control,
body.campskin .goog-te-gadget .goog-te-combo,
body.campskin #quickResa .input-group.date .input-group-addon {
background-color:#80DBD6;
border-color:#80DBD6;
color:#666;
}
body.campskin section#footer{background:#01B6AD;}