/* 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-body-bg: #fff; /* off page background color */
  --cty-pagewrap-bg: #dbdaff; /* pagewrap background color */
  --cty-pagewrap-txt: #19162e; /* pagewrap general color */
   
  --cty-alert-bg: #3a3a6d; /* alert background color */
  --cty-alert-txt: white; /* alert text color */
   
  --cty-dahlia-black: #19162e; 
  --cty-dahlia-dark: #3C3869; /* var(--cty-dahlia-dark); */
  --cty-dahlia-medium: #625d9c; /* var(-cc-dahlia-medium); */
  --cty-dahlia-light: #bcbbfa; /* var(--cty-dahlia-light); */
  --cty-dahlia-lighter: #dbdaff; 
  

  --cty-mint-dark: #173d2a; 
  --cty-mint-primary: #6cca98; /* var(--cty-mint-primary); */
  --cty-mint-medium: #afe8ca;
  --cty-mint-light: #f0fef5;

  --cty-navy: #00153c;
  --cty-blue-dark: #00205c;
  --cty-blue-medium: #082966;
  --cty-blue: #849ecf;
  --cty-blue-light: #cbd8f0;
  --cty-blue-lighter: #d8e2f4;
  --cty-shell:#ffb8c2;
  --cty-pink:#ff595a;
  --cty-redwood:#541216;

  --cty-h1: #625d9c; /* h1 color */
  --cty-h2: #3C3869; /* h2 color */
  --cty-h3: #3C3869; /* h3 color */
  --cty-h4: #212529; /* h4 color */
  --cty-h5: #212529; /* h5 color */
  --cty-h6: #212529; /* h6 color */
    
  --cty-alink: #377755; /* primary link color */
  --cty-ahover: #2A5A43; /* primary hover color */
  --cty-asec-link: #2E2B55; /* secondary link color */
  --cty-asec-hover: #18162e; /* secondary hover color */
  --cty-asec-divider: #888; /* secondary divider color */
  
  --cty-pnav-link: #ffffff; /* var(--cty-pnav-link) nav color */
  --cty-pnav-hover: inherit; /* var(--cty-pnav-hover) nav hover color */ 
  --cty-pnav-dropdown: #bada55; /* var(--cty-pnav-dropdown) dropdown background color */
  
  
  --cty-linework: #ddd; /* hr, sidenav, mobile nav */
  --cty-bg-silver: #fafafa; /* silver background */
  --cty-footer-wrap: #eeeeee; /* var(--cty-pnav-dropdown) dropdown background color */
  --cty-banner-wrap: #eeeeee; /* var(--cty-pnav-dropdown) dropdown background color */
}

.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%; }
}