/* global vars */

:root {
  
  --ccbrand-sky:#68d7df; 
  --ccbrand-sun:#f4d639; 
  --ccbrand-thistle:#ef95f9; 
  --ccbrand-cloud:#e7f0f3; 
  --ccbrand-pacific:#283c45; 
  --ccbrand-pine:#3f4014; 
  --ccbrand-brick:#862215; 
  --ccbrand-sand:#cfc69e; 

  --cty-offscreen-bg: #e7f0f3; /* off page background color */
  --cty-default-bg: white; /* general background color */
  --cty-default-txt: #052717; /* general text color */

  --bs-heading-color: #052717; /* bootstrap heading color */

  --cty-bg-card: white; /* default lk and crd background */
       
  --cty-alink: #1976D2; /* primary link color */
  --cty-ahover: #2196F3; /* primary hover color */
  --cty-asec-link: #222; /* secondary link color */
  --cty-asec-hover: #444; /* secondary hover color */
  --cty-asec-divider: #aaa; /* secondary divider color */
  
  --cty-alert-bg: #862215; /* alert background color */
  --cty-alert-txt: white; /* alert text color */
 
  --cty-pnav-link: #283c45; /* var(--cty-pnav-link) nav color */
  --cty-pnav-hover: #1598A1; /* var(--cty-pnav-hover) nav hover color */ 
  --cty-pnav-dropdown: #e7f0f3; /* var(--cty-pnav-dropdown) dropdown background color */
    
  --cty-linework: #e7f0f3; /* hr, sidenav, mobile nav */
  --cty-footer-wrap: #e7f0f3; /* var(--cty-pnav-dropdown) dropdown background color */
  --cty-banner-wrap: #e7f0f3; /* var(--cty-pnav-dropdown) dropdown background color */

  --cty-transition-hover: all 150ms linear 0s; /* as on buttons */

}


.container-fluid { padding-left:24px; padding-right:24px; margin:0 auto; }
.container-fluid-post { padding-left:24px; padding-right:24px; margin:0 auto; }
.container-fluid-full {padding-left:24px; padding-right:24px; margin:0 auto; }
.container-fluid-wide { padding-left:24px; padding-right:24px; margin:0 auto; }
@media screen and (min-width: 992px) {
  .container-fluid { max-width:9999px; padding-left:30px; padding-right:30px; } 
  .container-fluid-post { max-width:1100px; padding-left:30px; padding-right:30px; }
  .container-fluid-wide { max-width:1600px; padding-left:30px; padding-right:30px; }
  .container-fluid-full { max-width:9999px; padding-left:30px; padding-right:30px; }
}
@media screen and (min-width: 1200px) {
  /* can't use % fixed with sidenav */
  .container-fluid { max-width:9999px; padding-left:60px; padding-right:60px; } 
  .container-fluid-post { max-width:1100px; padding-left:60px; padding-right:60px; }
  .container-fluid-wide { max-width:1600px; padding-left:60px; padding-right:60px; }
  .container-fluid-full { max-width:9999px; padding-left:60px; padding-right:60px; }
}
@media screen and (min-width: 1600px) {
  /* can't use % fixed with sidenav */
  .container-fluid { max-width:9999px; padding-left:90px; padding-right:90px; } 
  .container-fluid-post { max-width:1100px; padding-left:90px; padding-right:90px; }
  .container-fluid-wide { max-width:1600px; padding-left:90px; padding-right:90px; }
  .container-fluid-full { max-width:9999px; padding-left:90px; padding-right:90px; }
}