/*** from St. Regis spec ***/

:root {
	--color-primary: #151d28;
	--color-primary-light: #29384e;
	--color-accent-1: #e9bb43;
	--color-neutral-1: #7b7876;
}

html {
	background: gray;
}
body {
	position: relative;
	background: transparent !important;
}
body::after {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: url('/assets/images/renaissance-residences.jpg') !important;
	background-position: center !important;
	background-size: cover !important;
	/*filter: blur(2px);*/
}

a, a:active, a:focus {
	color: var(--color-accent-1);
}
a:hover { color: var(--color-primary); }

#head-nav.topbar {
	background-color: var(--color-primary);
	border-bottom: 5px solid var(--color-accent-1);

	background: var(--color-primary);
	background: -moz-linear-gradient(top, var(--color-primary) 0%, var(--color-primary-light) 100%);
	background: -webkit-linear-gradient(top, var(--color-primary) 0%,var(--color-primary-light) 100%);
	background: linear-gradient(to bottom, var(--color-primary) 0%,var(--color-primary-light) 100%);
}
#head-nav.topbar .navbar-toggle {
	background-color: rgba(0,0,0,0.25);
}
#head-nav.topbar .navbar-nav > .open > a,
#head-nav.topbar .navbar-nav > .open > a:hover,
#head-nav.topbar .navbar-nav > .open > a:focus {
	background-color: var(--color-accent-1);
}

#head-nav.topbar .logo img {
	max-height: 55px;
	filter: invert(1);
}

#head-nav.topbar .mobileLogo {
	/*display: block;
	width: 100px;
	margin: auto;*/
	/*margin-left: 30px;*/
	width: calc(100% - 80px);
	/*background-color: red;*/
	padding-left: 70px;
	text-align: center;
}
#head-nav.topbar .mobileLogo img {
	max-height: 50px;
	filter: invert(1);
}

.cl-mcont {
	background-color: rgba(255,255,255,0.7);
	backdrop-filter: blur(20px);
}


.block-flat, .block-wizard {
    margin-bottom: 40px;
    padding: 0;
    padding-top: 20px;

    background: transparent;
    border-radius: 3px;
    position: relative;
    -webkit-border-radius: 3px;
    /*border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #e2e2e2;*/
    border: none;
    box-shadow: none;
}


.login-container {
	/*backdrop-filter: blur(1px);*/
	/*background:url('/assets/images/renaissance-residences.jpg');
	background-position:center;
	background-size:cover;*/
}
.login-container .block-flat .header {
	background: var(--color-neutral-1);
	border-bottom: var(--color-neutral-1);
}
.login-container .block-flat .header img {
	filter: invert(1);
	margin-bottom: 8px;
	height: 67px !important;
	/*margin-top: 0 !important;*/
}

.login-container .loginBody {
	background: red;
	backdrop-filter: blur(20px) !important;
}

.container-fluid {
	max-width: 100%;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	background-color: var(--color-accent-1);
}

.mainBg {
	background-image:url('/assets/images/renaissance-residences.jpg');
	/*filter: blur(20px);*/
}

.page-aside.email .compose .btn { color:auto; }

.btn-primary,
.btn-primary:focus/*,
.page-aside.email .compose .btn.btn-primary,
.page-aside.email .compose .btn.btn-primary:focus*/ {
	background-color: var(--color-primary) !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
/*.page-aside.email .compose .btn.btn-primary:active
.page-aside.email .compose .btn.btn-primary:active,*/
.open .dropdown-toggle.btn-primary {
	background-color: var(--color-primary-light) !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu li > a:hover {
	background-color: var(--color-accent-1);

}
.dropdown-header {
	color: var(--color-accent-1);

}
.cbp-spmenu > .header {
	background-color: var(--color-accent-1);

}
.cbp-spmenu .sub-header {
	background-color: var(--color-primary-light);
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: var(--color-accent-1);

}
.label-primary {
	background-color: var(--color-accent-1);

}
.text-primary {
	color: var(--color-accent-1);
}
ul.timeline li .fa.purple {
	background: none repeat scroll 0 0 var(--color-accent-1);

}
blockquote {
	border-left: 5px solid var(--color-accent-1);

}
@media screen and (max-width: 767px) {
	#head-nav.topbar .not-nav {
		/*background-color: var(--color-accent-1);
*/
		background-color: rgba(0,0,0,0.1);
	}
	#head-nav.topbar .navbar-nav > .open > a,
	#head-nav.topbar .navbar-nav > .open > a:hover,
	#head-nav.topbar .navbar-nav > .open > a:focus {
		background-color: rgba(0,0,0,0.1);
	}
}


[class*=success] { background:#6cbe45; }
[class*=success]:hover { background:#6dd73a; }


@media screen and (min-width: 1400px) {
	body::after {
		filter: blur(2px);
	}

	#cl-wrapper2x > .container-fluid {
		max-width: 1400px;
		margin: 1vw auto;
	}

	#head-nav.topbar {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	}

	.cl-mcont {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	}
}