/*Width Utility Classes*/
.w\:100   { width: 100%; }
.w\:95    { width: 95%; }
.w\:75    { width: 75%; }
.w\:50    { width: 50%; }
.w\:25    { width: 25%; }

/*Background Color Utilitye classes*/
.bg\:gold       { background-color: #FDB827; }
.bg\:blue       { background-color: #002D74; }
.bg\:lightblue       { background-color: #3C6BB1; }
.bg\:green      { background-color: #95CB89; }
.bg\:grey       { background-color: #ebebeb; }
.bg\:charcoal   { background-color: #1E2022; }
.bg\:slate      { background-color: #2A2D30; }

/*Border Utility Classes*/
.border\:1      { border-width: 1px; }
.border\:2      { border-width: 2px; }
.border\:3      { border-width: 3px; }
.border\:solid  { border-style: solid; }
.border\:dashed { border-style: dashed; }
.border\:black  { border-color: black; }
.border\:blue   { border-color: #002D74; }
.border\:gold   { border-color: #FDB827; }
.border\:green  { border-color: #95CB89; }

/*Rounded Corner Utility Classes*/
.rounded\:1     { border-radius: 0.25rem; }
.rounded\:2     { border-radius: 0.5rem; }
.rounded\:3     { border-radius: 0.75rem; }
.rounded\:full  { border-radius: 50%; }

/*Font Colors*/
.fontC\:white { color: white; }

/*Hover Utility Classes - define later*/