body,html {
  height:100%;
  background-color:var(--cty-offscreen-bg);
}

#page-wrap {
  position:relative;
  width:100%;
  background-color:var(--cty-default-bg);
  color:var(--cty-default-txt);
}

#page-header { color:inherit; }

#page-content { color:inherit; }


/* override Citylight 8 */
/* typical 2024 mobile user is 390px wide */
/* typical 2024 desktop user is 1473px wide */
/* 16" macbook is 1728px wide */

.container-fluid { padding:0 24px; margin:0 auto; }
.container-fluid-narrow { padding:0 24px; margin:0 auto; }
.container-fluid-full { padding:0 24px; margin:0 auto; }
.container-fluid-post { max-width:1260px; }
@media screen and (min-width: 1200px) {
  .container-fluid { max-width:1560px; padding-left:5%; padding-right:5%; } /* 60px and higher */
  .container-fluid-full { max-width:1560px; padding-left:5%; padding-right:5%; }
  .container-fluid-post { max-width:1260px; }
}

.sidenav-container { max-width:1560px; margin:auto; } /* match container-fluid width */
.sidenav-row { display:block; width:100%; }
.sidenav-col-nav { display:block; width:100%; padding:0; }
.sidenav-col-content { display:block; width:100%; padding-right:24px; padding-left:24px; }
@media screen and (min-width: 992px) {
	.sidenav-row { display: flex; flex-direction: row-reverse; width:100%; }
	.sidenav-col-nav { display:block; width:25%; padding:60px 24px 60px 40px; }
	.sidenav-col-content { display:block; width:75%; padding-right:40px; }
}
@media screen and (min-width: 1200px) {
  .sidenav-col-nav { padding-right:5%; }
	.sidenav-col-content { padding-left:5%; }
}

.hold-width { max-width:50rem; margin:0 auto; }
.padding-top { padding-top:2.5rem; }
.padding-top-half { padding-top:1.25rem; }
.padding-bottom { padding-bottom:2.5rem; }
.padding-bottom-half { padding-bottom:1.25rem; }
.form-padding { margin:1.5rem 0; }
.form-boxed { border: 1px solid #ced4da; border-radius: .25rem; padding:0.5rem; }
@media all and (min-width: 992px) {
	.padding-top { padding-top:3rem; }
	.padding-top-half { padding-top:1.5rem; }
	.padding-bottom { padding-bottom:3rem; }
	.padding-bottom-half { padding-bottom:1.5rem; }
	.form-boxed { padding:1rem; }
}