/* follows
// $citylight_bootstrap_css 
// https://blocks.citylightstudio.net/_citylight_start_v09.css
// https://blocks.citylightstudio.net/_citylight_start_v10.css
// https://blocks.citylightstudio.net/_blocks_css.css
*/

:root { 
  --cty-black: #212529;
  --cty-blue: #1f3ca2;
  --cty-orange: #f37220;
  --cty-blue-light: #02afef;
  --cty-magenta: #f1289b;

  --cty-tan: #f3eeeb;
  --cty-green: #57bb49;
  --cty-green-gso: #57bb49;
  --cty-green-medium: #258954;
  --cty-green-dark: #0e2916;
  --cty-green-light: #caf6c4;

  --cty-op-sidenav-bg-content: #f3eeeb;
  --cty-op-sidenav-bg-nav: #f3eeeb;
  --cty-op-sidenav-lines: #666;
}

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

#page-wrap {
  position:relative;
  width:100%;
  background-color:var(--cty-tan);
  color:var(--cty-black);
}

/* overbite header 83px mobile, 121 desktop*/

#page-header { width:100%; position:absolute; top:0px; z-index:2; }

#page-content { width:100%; position:relative; top:0px; z-index:1; background-color:var(--cty-tan); border-top:black solid 58px; }
@media all and (min-width: 1200px) {
  #page-content { border-top:black solid 96px }
}

.nav-block { height:25px; }


.sidenav-bg { width:100%; }
.sidenav-container { max-width:1440px; 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-bg { width:100%; background: linear-gradient(-90deg, var(--cty-sidenav-bg-nav) 0%, var(--cty-sidenav-bg-nav) 50%, var(--cty-sidenav-bg-content) 50%, var(--cty-sidenav-bg-content) 100%); }
	.sidenav-row { display: flex; flex-direction: row-reverse; width:100%; }
	.sidenav-col-nav { display:block; width:25%; padding:60px 40px;  }
	.sidenav-col-content { display:block; background-color:var(--cty-sidenav-bg-content); width:75%; padding-right:40px;  }
}
@media screen and (min-width: 1200px) {
  .sidenav-col-nav { padding-right:5%; }
	.sidenav-col-content { padding-left:5%; }
}