:root {
	
	--cream-trans: rgba(255, 249, 217, 0.4);
    --white-trans: rgba(255, 255, 255, 0.5);
    --off-white-trans: rgba(246, 246, 246, 0.3);
    --red-trans: rgba(200, 16, 46, 0.6);
    --brick-trans: rgba(150, 12, 34, 0.5);
    --chocolate-trans: rgba(100, 8, 23, 0.4);
    --black-trans: rgba(0, 0, 0, 0.6);
    --slate-trans: rgba(84, 88, 90, 0.5);
    --gray-trans: rgba(136, 139, 141, 0.4);
    --med-gray-trans: rgba(218, 218, 218, 0.3);
	--light-gray-trans: rgba(204, 204, 204,0.4);
    --teal-trans: rgba(0, 179, 136, 0.5);
    --green-trans: rgba(0, 134, 108, 0.4);
    --forest-trans: rgba(0, 89, 80, 0.3);
    --gold-trans: rgba(246, 190, 0, 0.6);
    --mustard-trans: rgba(216, 155, 0, 0.5);
    --ocher-trans: rgba(185, 120, 0, 0.4);
	--whitesmoke: rgba(246, 246, 246,1);
	
	
    --slateLight: rgba(84, 88, 90, 0.5);
    --redLight: rgba(200, 16, 46, 0.5);
	
	/* new color variables */
	--cream: #FFF9D9;
    --cream-25: rgba(255, 249, 217, 0.25);
    --cream-50: rgba(255, 249, 217, 0.50);
    --cream-75: rgba(255, 249, 217, 0.75);

    --white: #FFFFFF;
    --white-25: rgba(255, 255, 255, 0.25);
    --white-50: rgba(255, 255, 255, 0.50);
    --white-75: rgba(255, 255, 255, 0.75);

    --off-white: #f6f6f6;
    --off-white-25: rgba(246, 246, 246, 0.25);
    --off-white-50: rgba(246, 246, 246, 0.50);
    --off-white-75: rgba(246, 246, 246, 0.75);

    --red: #c8102e;
    --red-25: rgba(200, 16, 46, 0.25);
    --red-50: rgba(200, 16, 46, 0.50);
    --red-75: rgba(200, 16, 46, 0.75);

    --brick: #960C22;
    --brick-25: rgba(150, 12, 34, 0.25);
    --brick-50: rgba(150, 12, 34, 0.50);
    --brick-75: rgba(150, 12, 34, 0.75);

    --chocolate: #640817;
    --chocolate-25: rgba(100, 8, 23, 0.25);
    --chocolate-50: rgba(100, 8, 23, 0.50);
    --chocolate-75: rgba(100, 8, 23, 0.75);

    --black: #000000;
    --black-25: rgba(0, 0, 0, 0.25);
    --black-50: rgba(0, 0, 0, 0.50);
    --black-75: rgba(0, 0, 0, 0.75);

    --slate: #54585a;
    --slate-25: rgba(84, 88, 90, 0.25);
    --slate-50: rgba(84, 88, 90, 0.50);
    --slate-75: rgba(84, 88, 90, 0.75);

    --gray: #888B8D;
    --gray-25: rgba(136, 139, 141, 0.25);
    --gray-50: rgba(136, 139, 141, 0.50);
    --gray-75: rgba(136, 139, 141, 0.75);

    --med-gray: #dadada;
    --med-gray-25: rgba(218, 218, 218, 0.25);
    --med-gray-50: rgba(218, 218, 218, 0.50);
    --med-gray-75: rgba(218, 218, 218, 0.75);

    --teal: #00b388;
    --teal-25: rgba(0, 179, 136, 0.25);
    --teal-50: rgba(0, 179, 136, 0.50);
    --teal-75: rgba(0, 179, 136, 0.75);

    --green: #00866c;
    --green-25: rgba(0, 134, 108, 0.25);
    --green-50: rgba(0, 134, 108, 0.50);
    --green-75: rgba(0, 134, 108, 0.75);

    --forest: #005950;
    --forest-25: rgba(0, 89, 80, 0.25);
    --forest-50: rgba(0, 89, 80, 0.50);
    --forest-75: rgba(0, 89, 80, 0.75);

    --gold: #F6BE00;
    --gold-25: rgba(246, 190, 0, 0.25);
    --gold-50: rgba(246, 190, 0, 0.50);
    --gold-75: rgba(246, 190, 0, 0.75);

    --mustard: #D89B00;
    --mustard-25: rgba(216, 155, 0, 0.25);
    --mustard-50: rgba(216, 155, 0, 0.50);
    --mustard-75: rgba(216, 155, 0, 0.75);

    --ocher: #b97800;
    --ocher-25: rgba(185, 120, 0, 0.25);
    --ocher-50: rgba(185, 120, 0, 0.50);
    --ocher-75: rgba(185, 120, 0, 0.75);
	
	
	
    --gradient-blood: linear-gradient(108deg, rgba(200, 16, 46, 0.2), rgb(150-12-34));
	--gradient-cougar2: linear-gradient(to right, rgba(84, 88, 90, 0.2), rgb(200, 16, 46));
    --gradient-cougar1: linear-gradient(to right, rgba(200, 16, 46, 0.2), rgb(84, 88, 90));
    --gradient-sunset: linear-gradient(to top, rgba(185, 120, 0, 0.1), rgba(84, 88, 90, 0));
	--gradient-sunrise: linear-gradient(to left, rgba(185, 120, 0, 0.1), rgba(84, 88, 90, 0));
	--gradient-cosmos: linear-gradient(315deg, rgba(255,255,255,0.004) 0%, rgba(218,218,218,1) 26%, rgba(246,246,246,1) 59%, rgba(255,255,255,1) 100%);
}

/* text colors */
.text-cream {
    color: var(--cream);
}

.text-white {
    color: var(--white);
}

.text-off-white {
    color: var(--off-white);
}

.text-red {
    color: var(--red);
}

.text-brick {
    color: var(--brick);
}

.text-chocolate {
    color: var(--chocolate);
}

.text-black {
    color: var(--black);
}

.text-slate {
    color: var(--slate);
}

.text-gray {
    color: var(--gray);
}

.text-med-gray {
    color: var(--med-gray);
}

.text-teal {
    color: var(--teal);
}

.text-green {
    color: var(--green);
}

.text-forest {
    color: var(--forest);
}

.text-gold {
    color: var(--gold);
}

.text-mustard {
    color: var(--mustard);
}

.text-ocher {
    color: var(--ocher);
}
/* Background Colors */
.bg-cream {
    background-color: var(--cream);
}
.bg-cream-25 {
    background-color: var(--cream-25);
}
.bg-cream-50 {
    background-color: var(--cream-50);
}
.bg-cream-75 {
    background-color: var(--cream-75);
}

.bg-white {
    background-color: var(--white);
}
.bg-white-25 {
    background-color: var(--white-25);
}
.bg-white-50 {
    background-color: var(--white-50);
}
.bg-white-75 {
    background-color: var(--white-75);
}

.bg-off-white {
    background-color: var(--off-white);
}
.bg-off-white-25 {
    background-color: var(--off-white-25);
}
.bg-off-white-50 {
    background-color: var(--off-white-50);
}
.bg-off-white-75 {
    background-color: var(--off-white-75);
}

.bg-red {
    background-color: var(--red);
}
.bg-red-25 {
    background-color: var(--red-25);
}
.bg-red-50 {
    background-color: var(--red-50);
}
.bg-red-75 {
    background-color: var(--red-75);
}

.bg-brick {
    background-color: var(--brick);
}
.bg-brick-25 {
    background-color: var(--brick-25);
}
.bg-brick-50 {
    background-color: var(--brick-50);
}
.bg-brick-75 {
    background-color: var(--brick-75);
}
.bg-chocolate {
    background-color: var(--chocolate);
}
.bg-chocolate-25 {
    background-color: var(--chocolate-25);
}
.bg-chocolate-50 {
    background-color: var(--chocolate-50);
}
.bg-chocolate-75 {
    background-color: var(--chocolate-75);
}

.bg-black {
    background-color: var(--black);
}
.bg-black-25 {
    background-color: var(--black-25);
}
.bg-black-50 {
    background-color: var(--black-50);
}
.bg-black-75 {
    background-color: var(--black-75);
}

.bg-slate {
    background-color: var(--slate);
}
.bg-slate-25 {
    background-color: var(--slate-25);
}
.bg-slate-50 {
    background-color: var(--slate-50);
}
.bg-slate-75 {
    background-color: var(--slate-75);
}

.bg-gray {
    background-color: var(--gray);
}
.bg-gray-25 {
    background-color: var(--gray-25);
}
.bg-gray-50 {
    background-color: var(--gray-50);
}
.bg-gray-75 {
    background-color: var(--gray-75);
}

.bg-med-gray {
    background-color: var(--med-gray);
}
.bg-med-gray-25 {
    background-color: var(--med-gray-25);
}
.bg-med-gray-50 {
    background-color: var(--med-gray-50);
}
.bg-med-gray-75 {
    background-color: var(--med-gray-75);
}

.bg-teal {
    background-color: var(--teal);
}
.bg-teal-25 {
    background-color: var(--teal-25);
}
.bg-teal-50 {
    background-color: var(--teal-50);
}
.bg-teal-75 {
    background-color: var(--teal-75);
}

.bg-green {
    background-color: var(--green);
}
.bg-green-25 {
    background-color: var(--green-25);
}
.bg-green-50 {
    background-color: var(--green-50);
}
.bg-green-75 {
    background-color: var(--green-75);
}

.bg-forest {
    background-color: var(--forest);
}
.bg-forest-25 {
    background-color: var(--forest-25);
}
.bg-forest-50 {
    background-color: var(--forest-50);
}
.bg-forest-75 {
    background-color: var(--forest-75);
}

.bg-gold {
    background-color: var(--gold);
}
.bg-gold-25 {
    background-color: var(--gold-25);
}
.bg-gold-50 {
    background-color: var(--gold-50);
}
.bg-gold-75 {
    background-color: var(--gold-75);
}

.bg-mustard {
    background-color: var(--mustard);
}
.bg-mustard-25 {
    background-color: var(--mustard-25);
}
.bg-mustard-50 {
    background-color: var(--mustard-50);
}
.bg-mustard-75 {
    background-color: var(--mustard-75);
}

.bg-ocher {
    background-color: var(--ocher);
}
.bg-ocher-25 {
    background-color: var(--ocher-25);
}
.bg-ocher-50 {
    background-color: var(--ocher-50);
}
.bg-ocher-75 {
    background-color: var(--ocher-75);
}


/* Borders */
.border-cream {
    border: 1px solid var(--cream);
}

.border-cream-25 {
    border: 1px solid var(--cream-25);
}

.border-cream-50 {
    border: 1px solid var(--cream-50);
}

.border-cream-75 {
    border: 1px solid var(--cream-75);
}

.border-white {
    border: 1px solid var(--white);
}

.border-white-25 {
    border: 1px solid var(--white-25);
}

.border-white-50 {
    border: 1px solid var(--white-50);
}

.border-white-75 {
    border: 1px solid var(--white-75);
}

.border-off-white {
    border: 1px solid var(--off-white);
}

.border-off-white-25 {
    border: 1px solid var(--off-white-25);
}

.border-off-white-50 {
    border: 1px solid var(--off-white-50);
}

.border-off-white-75 {
    border: 1px solid var(--off-white-75);
}

.border-red {
    border: 1px solid var(--red);
}

.border-red-25 {
    border: 1px solid var(--red-25);
}

.border-red-50 {
    border: 1px solid var(--red-50);
}

.border-red-75 {
    border: 1px solid var(--red-75);
}

.border-brick {
    border: 1px solid var(--brick);
}

.border-brick-25 {
    border: 1px solid var(--brick-25);
}

.border-brick-50 {
    border: 1px solid var(--brick-50);
}

.border-brick-75 {
    border: 1px solid var(--brick-75);
}

.border-chocolate {
    border: 1px solid var(--chocolate);
}

.border-chocolate-25 {
    border: 1px solid var(--chocolate-25);
}

.border-chocolate-50 {
    border: 1px solid var(--chocolate-50);
}

.border-chocolate-75 {
    border: 1px solid var(--chocolate-75);
}

.border-black {
    border: 1px solid var(--black);
}

.border-black-25 {
    border: 1px solid var(--black-25);
}

.border-black-50 {
    border: 1px solid var(--black-50);
}

.border-black-75 {
    border: 1px solid var(--black-75);
}

.border-slate {
    border: 1px solid var(--slate);
}

.border-slate-25 {
    border: 1px solid var(--slate-25);
}

.border-slate-50 {
    border: 1px solid var(--slate-50);
}

.border-slate-75 {
    border: 1px solid var(--slate-75);
}

.border-gray {
    border: 1px solid var(--gray);
}

.border-gray-25 {
    border: 1px solid var(--gray-25);
}

.border-gray-50 {
    border: 1px solid var(--gray-50);
}

.border-gray-75 {
    border: 1px solid var(--gray-75);
}

.border-med-gray {
    border: 1px solid var(--med-gray);
}

.border-med-gray-25 {
    border: 1px solid var(--med-gray-25);
}

.border-med-gray-50 {
    border: 1px solid var(--med-gray-50);
}

.border-med-gray-75 {
    border: 1px solid var(--med-gray-75);
}

.border-teal {
    border: 1px solid var(--teal);
}

.border-teal-25 {
    border: 1px solid var(--teal-25);
}

.border-teal-50 {
    border: 1px solid var(--teal-50);
}

.border-teal-75 {
    border: 1px solid var(--teal-75);
}

.border-green {
    border: 1px solid var(--green);
}

.border-green-25 {
    border: 1px solid var(--green-25);
}

.border-green-50 {
    border: 1px solid var(--green-50);
}

.border-green-75 {
    border: 1px solid var(--green-75);
}

.border-forest {
    border: 1px solid var(--forest);
}

.border-forest-25 {
    border: 1px solid var(--forest-25);
}

.border-forest-50 {
    border: 1px solid var(--forest-50);
}

.border-forest-75 {
    border: 1px solid var(--forest-75);
}

.border-gold {
    border: 1px solid var(--gold);
}

.border-gold-25 {
    border: 1px solid var(--gold-25);
}

.border-gold-50 {
    border: 1px solid var(--gold-50);
}

.border-gold-75 {
    border: 1px solid var(--gold-75);
}

.border-mustard {
    border: 1px solid var(--mustard);
}

.border-mustard-25 {
    border: 1px solid var(--mustard-25);
}

.border-mustard-50 {
    border: 1px solid var(--mustard-50);
}

.border-mustard-75 {
    border: 1px solid var(--mustard-75);
}

.border-ocher {
    border: 1px solid var(--ocher);
}

.border-ocher-25 {
    border: 1px solid var(--ocher-25);
}

.border-ocher-50 {
    border: 1px solid var(--ocher-50);
}

.border-ocher-75 {
    border: 1px solid var(--ocher-75);
}

/* Dashed Border */
.border-cream-dashed {
    border: 1px dashed var(--cream);
}

.border-cream-25-dashed {
    border: 1px dashed var(--cream-25);
}

.border-cream-50-dashed {
    border: 1px dashed var(--cream-50);
}

.border-cream-75-dashed {
    border: 1px dashed var(--cream-75);
}

.border-white-dashed {
    border: 1px dashed var(--white);
}

.border-white-25-dashed {
    border: 1px dashed var(--white-25);
}

.border-white-50-dashed {
    border: 1px dashed var(--white-50);
}

.border-white-75-dashed {
    border: 1px dashed var(--white-75);
}

.border-off-white-dashed {
    border: 1px dashed var(--off-white);
}

.border-off-white-25-dashed {
    border: 1px dashed var(--off-white-25);
}

.border-off-white-50-dashed {
    border: 1px dashed var(--off-white-50);
}

.border-off-white-75-dashed {
    border: 1px dashed var(--off-white-75);
}

.border-red-dashed {
    border: 1px dashed var(--red);
}

.border-red-25-dashed {
    border: 1px dashed var(--red-25);
}

.border-red-50-dashed {
    border: 1px dashed var(--red-50);
}

.border-red-75-dashed {
    border: 1px dashed var(--red-75);
}

.border-brick-dashed {
    border: 1px dashed var(--brick);
}

.border-brick-25-dashed {
    border: 1px dashed var(--brick-25);
}

.border-brick-50-dashed {
    border: 1px dashed var(--brick-50);
}

.border-brick-75-dashed {
    border: 1px dashed var(--brick-75);
}

.border-chocolate-dashed {
    border: 1px dashed var(--chocolate);
}

.border-chocolate-25-dashed {
    border: 1px dashed var(--chocolate-25);
}

.border-chocolate-50-dashed {
    border: 1px dashed var(--chocolate-50);
}

.border-chocolate-75-dashed {
    border: 1px dashed var(--chocolate-75);
}

.border-black-dashed {
    border: 1px dashed var(--black);
}

.border-black-25-dashed {
    border: 1px dashed var(--black-25);
}

.border-black-50-dashed {
    border: 1px dashed var(--black-50);
}

.border-black-75-dashed {
    border: 1px dashed var(--black-75);
}

.border-slate-dashed {
    border: 1px dashed var(--slate);
}

.border-slate-25-dashed {
    border: 1px dashed var(--slate-25);
}

.border-slate-50-dashed {
    border: 1px dashed var(--slate-50);
}

.border-slate-75-dashed {
    border: 1px dashed var(--slate-75);
}

.border-gray-dashed {
    border: 1px dashed var(--gray);
}

.border-gray-25-dashed {
    border: 1px dashed var(--gray-25);
}

.border-gray-50-dashed {
    border: 1px dashed var(--gray-50);
}

.border-gray-75-dashed {
    border: 1px dashed var(--gray-75);
}

.border-med-gray-dashed {
    border: 1px dashed var(--med-gray);
}

.border-med-gray-25-dashed {
    border: 1px dashed var(--med-gray-25);
}

.border-med-gray-50-dashed {
    border: 1px dashed var(--med-gray-50);
}

.border-med-gray-75-dashed {
    border: 1px dashed var(--med-gray-75);
}

.border-teal-dashed {
    border: 1px dashed var(--teal);
}

.border-teal-25-dashed {
    border: 1px dashed var(--teal-25);
}

.border-teal-50-dashed {
    border: 1px dashed var(--teal-50);
}

.border-teal-75-dashed {
    border: 1px dashed var(--teal-75);
}

.border-green-dashed {
    border: 1px dashed var(--green);
}

.border-green-25-dashed {
    border: 1px dashed var(--green-25);
}

.border-green-50-dashed {
    border: 1px dashed var(--green-50);
}

.border-green-75-dashed {
    border: 1px dashed var(--green-75);
}

.border-forest-dashed {
    border: 1px dashed var(--forest);
}

.border-forest-25-dashed {
    border: 1px dashed var(--forest-25);
}

.border-forest-50-dashed {
    border: 1px dashed var(--forest-50);
}

.border-forest-75-dashed {
    border: 1px dashed var(--forest-75);
}

.border-gold-dashed {
    border: 1px dashed var(--gold);
}

.border-gold-25-dashed {
    border: 1px dashed var(--gold-25);
}

.border-gold-50-dashed {
    border: 1px dashed var(--gold-50);
}

.border-gold-75-dashed {
    border: 1px dashed var(--gold-75);
}

.border-mustard-dashed {
    border: 1px dashed var(--mustard);
}

.border-mustard-25-dashed {
    border: 1px dashed var(--mustard-25);
}

.border-mustard-50-dashed {
    border: 1px dashed var(--mustard-50);
}

.border-mustard-75-dashed {
    border: 1px dashed var(--mustard-75);
}

.border-ocher-dashed {
    border: 1px dashed var(--ocher);
}

.border-ocher-25-dashed {
    border: 1px dashed var(--ocher-25);
}

.border-ocher-50-dashed {
    border: 1px dashed var(--ocher-50);
}

.border-ocher-75-dashed {
    border: 1px dashed var(--ocher-75);
}

/* Header Background Colors & Gradients 
*/
.blood{
	background:linear-gradient(108deg, rgba(200, 16, 46, 0.2), rgb(150-12-34));
}
.cosmos{
	background: linear-gradient(315deg, rgba(255,255,255,0.004) 0%, rgba(218,218,218,1) 26%, rgba(246,246,246,1) 59%, rgba(255,255,255,1) 100%); 
}
.default-bg{
	background-color:var(--off-white);
}
.gradient1 {
    background: linear-gradient(to top left, var(--cream-trans), var(--red-trans));
}
.gradient2 {
    background: linear-gradient(to right, var(--teal-trans), var(--gold-trans));
}
.gradient3 {
    background: linear-gradient(to top left, var(--black-trans), var(--white-trans));
}
.gradient4{
background: rgb(255,255,255);
background: linear-gradient(24deg, rgba(255,255,255,0.004) 22%, rgba(218,218,218,1) 44%, rgba(255,249,217,1) 69%, rgba(235,235,235,1) 85%, rgba(246,246,246,1) 100%);
}
.gradient4-1{
background: rgb(255,255,255);
background: linear-gradient(239deg, rgba(255,255,255,0.004) 22%, rgba(255,255,255,0.691299053801208) 46%, rgba(235,235,235,1) 62%, rgba(246,246,246,1) 70%, rgba(255,249,217,0.6688900902157738) 91%);
}
.gradient4-2{
background: rgb(255,255,255);
background: linear-gradient(239deg, rgba(255,255,255,0.004) 22%, rgba(218,218,218,1) 44%, rgba(255,249,217,0.6688900902157738) 69%, rgba(235,235,235,1) 85%, rgba(246,246,246,1) 100%);
}
.gradient4-3{
	background: rgb(235,235,235);
background: linear-gradient(239deg, rgba(235,235,235,0.4) 12%, rgba(255,255,255,0.004) 22%, rgba(255,255,255,0.691299053801208) 37%, rgba(235,235,235,1) 47%, rgba(246,246,246,1) 59%, rgba(255,249,217,0.3688900902157738) 81%, rgba(255,249,217,0.4929797260701156) 100%);
}
.gradient5 {
    background: linear-gradient(to right, var(--gray-trans), var(--slate-trans));
}
.gradient6 {
    background: linear-gradient(to right, var(--forest-trans), var(--green-trans));
}
.gradient7 {
    background: linear-gradient(to right, var(--mustard-trans), var(--ocher-trans));
}
.gradient8 {
    background: linear-gradient(to bottom left, var(--white-trans), var(--med-gray-trans), var(--cream-trans), var(--off-white-trans));
}
.gradient9 {
    background: linear-gradient(to right, var(--teal-trans), var(--cream-trans));
}
.gradient10 {
    background: linear-gradient(to right bottom, var(--off-white-trans), var(--cream-trans), var(--gray-trans));
}
.gradient11 {
    background: linear-gradient(to bottom right, var(--light-gray-trans), var(--white-trans), var(--med-gray-trans), var(--off-white-trans), var(--cream-trans));
}
.gradient13 {
    background: linear-gradient(to top, var(--slate-trans), var(--gray-trans), var(--white-trans));
}

.gradient14 {
    background: linear-gradient(to top left, var(--med-gray-trans), var(--off-white-trans), var(--teal-trans), var(--gold-trans));
}

.gradient15 {
    background: linear-gradient(to bottom right, var(--gray-trans), var(--slate-trans));
}

.gradient16 {
    background: linear-gradient(to top left, var(--forest-trans), var(--green-trans));
}

.gradient17 {
    background: linear-gradient(to bottom left, var(--mustard-trans), var(--ocher-trans));
}

.gradient18 {
    background: linear-gradient(to bottom left, var(--med-gray-trans), var(--off-white-trans));
}

.gradient19 {
    background: linear-gradient(to bottom, var(--teal-trans), var(--forest-trans));
}

.gradient20{
	background: rgb(250,247,234);
background: linear-gradient(24deg, rgba(250,247,234,1) 8%, rgba(235,235,235,1) 12%, rgba(255,255,255,0.004) 22%, rgba(255,255,255,0.691299053801208) 37%, rgba(235,235,235,1) 47%, rgba(246,246,246,1) 59%, rgba(255,249,217,0.3688900902157738) 81%, rgba(255,249,217,0.4929797260701156) 100%);
}

/* Solid color Background classes */
.cream-full {
    background-color: var(--cream);
}

.white-full {
    background-color: var(--white);
}

.off-white-full {
    background-color: var(--off-white);
}

.red-full {
    background-color: var(--red);
}

.brick-full {
    background-color: var(--brick);
}

.chocolate-full {
    background-color: var(--chocolate);
}

.black-full {
    background-color: var(--black);
}

.slate-full {
    background-color: var(--slate);
}

.gray-full {
    background-color: var(--gray);
}

.med-gray-full {
    background-color: var(--med-gray);
}

.light-gray-full{
	background-color:var(--light-gray);
}
.teal-full {
    background-color: var(--teal);
}

.green-full {
    background-color: var(--green);
}

.forest-full {
    background-color: var(--forest);
}

.gold-full {
    background-color: var(--gold);
}

.mustard-full {
    background-color: var(--mustard);
}

.ocher-full {
    background-color: var(--ocher);
}

/* Transparent background color classes */
.cream-trans {
    background-color: var(--cream-trans);
}

.white-trans {
    background-color: var(--white-trans);
}

.off-white-trans {
    background-color: var(--off-white-trans);
}

.red-trans {
    background-color: var(--red-trans);
}

.brick-trans {
    background-color: var(--brick-trans);
}

.chocolate-trans {
    background-color: var(--chocolate-trans);
}

.black-trans {
    background-color: var(--black-trans);
}

.slate-trans {
    background-color: var(--slate-trans);
}

.gray-trans {
    background-color: var(--gray-trans);
}

.med-gray-trans {
    background-color: var(--med-gray-trans);
}
.light-gray-trans{
	background-color: var(--light-gray-trans);
}
.teal-trans {
    background-color: var(--teal-trans);
}

.green-trans {
    background-color: var(--green-trans);
}

.forest-trans {
    background-color: var(--forest-trans);
}

.gold-trans {
    background-color: var(--gold-trans);
}

.mustard-trans {
    background-color: var(--mustard-trans);
}

.ocher-trans {
    background-color: var(--ocher-trans);
}

/* Header Border Classes */
.cream {
    border-bottom: 10px solid var(--cream);
}
.white {
    border-bottom: 10px solid var(--white);
}
.off-white {
    border-bottom: 10px solid var(--off-white);
}
.red {
    border-bottom: 10px solid var(--red);
}
.brick {
    border-bottom: 10px solid var(--brick);
}
.chocolate {
    border-bottom: 10px solid var(--chocolate);
}
.black {
    border-bottom: 10px solid var(--black);
}
.slate {
    border-bottom: 10px solid var(--slate);
}
.gray {
    border-bottom: 10px solid var(--gray);
}
.med-gray {
    border-bottom: 10px solid var(--med-gray);
}
.teal {
    border-bottom: 10px solid var(--teal);
}
.green {
    border-bottom: 10px solid var(--green);
}
.forest {
    border-bottom: 10px solid var(--forest);
}
.gold {
    border-bottom: 10px solid var(--gold);
}
.mustard {
    border-bottom: 10px solid var(--mustard);
}
.ocher {
    border-bottom: 10px solid var(--ocher);
}