/* 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-brand-navy: #054368; 
  --cty-brand-teal: #34bfc5; 
  --cty-brand-seafoam: #cae1e1; 
  --cty-brand-shimmer: #ebf9f9;
  --cty-brand-sand: #eadecb; 
  --cty-brand-orange: #ff7f5c;

  --cty-brand-cream: #fdf9f6;
  --cty-crand-cream-accent: #f5eee5;

  --cty-op-sidenav-bg-content: #ffffff;
  --cty-op-sidenav-bg-nav: #ffffff;
  --cty-op-sidenav-lines: #eadecb;

  --cty-default-bg: white; /* default background color */
  --cty-default-fg: #054368; /* default foreground color */
  --cty-bg-card: #eadecb; 
  --bs-heading-color: #052717 /* bootstrap should just inherit */
       
  --cty-alink: #1976D2; /* primary link color */
  --cty-ahover: #2196F3; /* primary hover color */
  --cty-abtnlink: #146fc8; /* primary link color */
  --cty-abtnhover: #1363b1; /* primary hover color */
  --cty-filterlink: #0c3a69; /* primary link color */
  --cty-filterhover: #08233e; /* primary hover color */
    
  --cty-alert-bg: #cc3300; /* alert background color */
  --cty-alert-txt: white; /* alert text color */
 
  --cty-transition-hover: all 150ms linear 0s; /* as on buttons */

}

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