.bg-black { background-color:var(--cty-brand-black); }
.bg-red { background-color:var(--cty-brand-red); }
.bg-blue { background-color:var(--cty-brand-blue); }
.bg-navy { background-color:var(--cty-brand-navy); } 
.bg-yellow { background-color:var(--cty-brand-yellow); } 
.bg-sky { background-color:var(--cty-brand-sky); } 
.bg-lime { background-color:var(--cty-brand-lime); }
.bg-purple { background-color:var(--cty-brand-purple); }
.bg-paleblue { background-color:var(--cty-brand-paleblue); }
.bg-silver { background-color:var(--cty-brand-silver); }

.fg-black { color:var(--cty-brand-black); }
.fg-red { color:var(--cty-brand-red); }
.fg-blue { color:var(--cty-brand-blue); }
.fg-navy { color:var(--cty-brand-navy); } 
.fg-yellow { color:var(--cty-brand-yellow); } 
.fg-sky { color:var(--cty-brand-sky); } 
.fg-lime { color:var(--cty-brand-lime); }
.fg-purple { color:var(--cty-brand-purple); }
.fg-paleblue { color:var(--cty-brand-paleblue); }
.fg-silver { color:var(--cty-brand-silver); }


.h-black { h1,h2,h3 { color:var(--cty-brand-black); }}
.h-red { h1,h2,h3 { color:var(--cty-brand-red); }}
.h-blue { h1,h2,h3 { color:var(--cty-brand-blue); }}
.h-navy { h1,h2,h3 { color:var(--cty-brand-navy); }}
.h-yellow { h1,h2,h3 { color:var(--cty-brand-yellow); }} 
.h-sky { h1,h2,h3 { color:var(--cty-brand-sky); }} 
.h-lime { h1,h2,h3 { color:var(--cty-brand-lime); }}
.h-purple { h1,h2,h3 { color:var(--cty-brand-purple); }}
.h-paleblue { h1,h2,h3 { color:var(--cty-brand-paleblue); }}
.h-silver { h1,h2,h3 { color:var(--cty-brand-silver); }}



.b-blue { 
  .btn-brand, .btn-brand-pill, 
  .btn-brand:hover, .btn-brand-pill:hover
  { background-color:var(--cty-brand-blue); border-color:var(--cty-brand-blue); color:white; }
}
.b-white { 
  .btn-brand, .btn-brand-pill, 
  .btn-brand:hover, .btn-brand-pill:hover
  { background-color:var(--cty-brand-blue); border-color:var(--cty-brand-blue); color:white; }
  .btn-outline-brand, .btn-outline-brand-pill, 
  .btn-outline-brand:hover, .btn-outline-brand-pill:hover
  { background-color:transparent; border-color:white; color:white; }
}




.longmont-subscribe {
  padding-top:100px;
  padding-bottom:100px;
}
.bg-blue-burst { 
  background-color:#016484;
  background-image:url('https://ctycms.com/co-longmont/blue-burst2.svg');
  background-position: center center;
  background-size:cover;
}
.bg-sky-blue-triangles {
  background-color:white;
  background-image:url('https://ctycms.com/co-longmont/sky-blue-triangles.svg');
  background-position: center center;
  background-size:cover;
}