/* Body Styles */

:root {
	--main-bg-color: #fff;
	--primary-color: #077cb9;
	--secondary-color: #4998b8;
	--header-color: #fff;
	--footer-color: #077cb9;
	--border-radius-top: 0;
	--border-radius-bottom: 0;
	--border-width: 5px;
	--logo-width: 300px;
	--logo-padding: 30px 5px 30px 15px;
	--text-color-on-primary: #fff;
	--toggle-color: #000;
	--sidebar-hover: rgba(0,0,0,0.3);
	--sidebar-active: rgba(0,0,0,0.2);
}

body {
	background: var(--main-bg-color);
}

#layoutheader {
	background: var(--header-color);
	margin:0;
	border-radius: 0;
	padding:30px 5px;
	xborder-bottom: var(--border-width) solid var(--secondary-color);
}

.headerbanner {
    background: transparent;
    padding: 0;
	color: var(--text-color-on-primary);
}

.headerbanner a {
	color: var(--text-color-on-primary);
	padding: var(--logo-padding);
}

.emptytopbanner  {
    background: var(--primary-color);
    border-bottom: var(--border-width) solid var(--secondary-color);
    display: block;
	height: 40px;
	border-radius: var(--border-radius-top);
}

.sidebar-divider {
	background: rgba(0,0,0,0.15);
}

.headerbanner img {
	max-width: var(--logo-width);
	
}

.footercustlogo img {
	max-width: calc( var(--logo-width) - 35%);
	padding-bottom: 10px;
	padding-top: 15px;
}

.logininfosection {
	color:#fff;
}

#LoginStatusBack {
	padding-top:7px;
}

.nologinpush {
	height:37px;
}

.layoutwrapper {
    xbackground: #eee;
}

#sidenavbar {
	background: var(--primary-color);
}

.sidenavbarbase {
	background: var(--primary-color);
}

#layoutfooter {
    background: var(--footer-color);
    border-top: var(--border-width) solid var(--secondary-color);
	border-radius: var(--border-radius-bottom);
}

#layoutfooter p, #layoutfooter p a {
	xcolor: var(--text-color-on-primary) !important;
}

#layoutfooter p {
	line-height: 1.8;
}

.landerproducts ul li a h4, .landerproducts ul li div h4,
.landerproducts ul li a .h4, .landerproducts ul li div .h4 {
    background: var(--primary-color);
    xbackground: var(--header-color);
    border-bottom: var(--border-width) solid var(--secondary-color);
	border-radius: var(--border-radius-top);
	color: var(--text-color-on-primary);
}

.landerproducts ul li a p, .landerproducts ul li div p {
	border-radius:0;
}

#contact a, #sidenavbar {
    xborder-radius: 0 0 0 0 !important;
}

/* Navigation Styles ----------------------------------------------- */

.navbar-toggle {
    border-color: var(--toggle-color) !important;
}

.navbar-toggle .icon-bar {
    background: var(--toggle-color) !important;
}


/* Side menu highlights */

.login #login a,
.home #home a,
.contact #contact a,
.howitworks #howitworks a,
.invoicing #invoicing a,
.manage #manage a,
.managepermit #manage a,
.purchase #purchase a,
.accountdetails #account a,
.membermanagement #membermanagement a,
.payandstay #payandstay a,
.payandstayadd #paynow a {

}

.login #login a, .home #home a, .contact #contact a, .howitworks #howitworks a, .invoicing #invoicing a, .manage #manage a, .managepermit #manage a, .purchase #purchase a, .activate #activate a, .accountdetails #account a, .accountsettings #accountsettings a, .membermanagement #membermanagement a, .payandstay #payandstay a, .payandstayaddconf #paynow a, .payandstayadd #paynow a, .managerenewable #managerenewable a {
    background: var(--sidebar-active);
}

#sidenavbar a:hover, #sidenavbar a:focus, #sidenavbar a:active {
    background: var(--sidebar-hover) !important;
}

/* Side menu highlights  for howitworks */

.howitworkscashless #hwcashless a,
.howitworksvisitors #hwvisitor a,
.howitworksresidents #hwresident a,
.howitworksseasons #hwseason a,
.howitworkswaivers #hwwaiver a,
.howitworksbuspass #hwbuspass a
{
    background: rgba(0,0,0,0.2)!important;
    border-color: #000;
}

#howitworksnav ul li a:hover {
}

#sidenavbar #renewbadge a:before {
	content:"";
}

#sidenavbar #renewbadge a {
	border-radius:50% !important;
	color:#fff;
}
	
#LoginStatusBack {
	color: var(--toggle-color);
}

.assisting .loggedinas {
	color: var(--toggle-color);
}

.mp-lang .dropdown button {
	border-color: var(--toggle-color);
	color:var(--toggle-color);
}

.mp-lang .dropdown button:hover {
	border-color: var(--toggle-color);
	color:var(--toggle-color);
}

.mp-lang .open .dropdown-toggle.btn-default {
	border-color: var(--toggle-color);
	color:var(--toggle-color);
}

#sidenavbar a {
	color: var(--text-color-on-primary);
}

#sidenavbar a span.subtitle {
	color: var(--text-color-on-primary);
	font-weight:500;
	transition: .3s ease-in;
	opacity: 0.8;
}

#basket a {
    background: var(--secondary-color) !important;
    color: #000;
	transition: .3s ease-in;
}

#basket a .subtitle{
    background: transparent !important;
    color: #000;
	transition: .3s ease-in;
}

#sidenavbar a:hover, #sidenavbar a:focus, #sidenavbar a:active,
#sidenavbar a:hover span.subtitle, #sidenavbar a:focus span.subtitle, #sidenavbar a:active span.subtitle,
#sidenavbar #basket a:hover .subtitle, #sidenavbar #basket a:focus .subtitle, #sidenavbar #basket a:active .subtitle {
	color: var(--text-color-on-primary);
	transition: .3s ease-in;
}