/* global vars */

:root {
  
  --cty-offscreen-bg: #eee; /* off page background color */
  --cty-default-bg: white; /* general background color */
  --cty-default-txt: #141415; /* general text color */
  --bs-heading-color: #141415; /* bootstrap heading color */

  --cty-aeblack: #141415; 

  --cty-aepurple: #6c5ca8; 
  --cty-aered: #c13325; 
  --cty-aegreen: #006c36; 
  --cty-aeblue: #0073ad; 
  --cty-aeyellow: #141415; /* DO NOT USE */

  --cty-bg-card: #fafafa; /* default lk and crd background */
       
  --cty-alink: #141415; /* primary link color */
  --cty-ahover: #141415; /* 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: #cc3300; /* alert background color */
  --cty-alert-txt: white; /* alert text color */
 
  --cty-pnav-link: #212529; /* var(--cty-pnav-link) nav color */
  --cty-pnav-hover: var(--cty-ahover); /* var(--cty-pnav-hover) nav hover color */ 
  --cty-pnav-dropdown: #eeeeee; /* var(--cty-pnav-dropdown) dropdown background color */
    
  --cty-linework: #ddd; /* hr, sidenav, mobile nav */
  --cty-banner-wrap: #eeeeee; /* var(--cty-pnav-dropdown) dropdown background color */

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

}



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

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

#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-post { max-width:1100px; padding:0 24px; margin:0 auto; }
.container-fluid-full { padding:0 24px; margin:0 auto; }
@media screen and (min-width: 1200px) {
  .container-fluid { max-width:9999px; padding-left:5%; padding-right:5%; } /* 60px and higher */
  .container-fluid-post { max-width:1100px; padding-left:5%; padding-right:5%; }
  .container-fluid-full { max-width:9999px; padding-left:5%; padding-right: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; }
}