/**
 * SDG2 Has allllll of the colours for all of the campaigns
 */

:root {
    --clr-black-bg  : #1c1f1f;
    --clr-black  : #111414;
    --clr-white : #ffffff;

    --clr-yellow : #D6A102;
    --clr-gray : #F4F4F4;
    --clr-red : #DC4D45;

    /* Chefs' Manifesto */
    --clr-cm-blue : #2094D1;
    --clr-cm-pink : #D2046C;
    --clr-cm-yellow : #FBC312;
    --clr-cm-red : #E12F41;

    /* Beans is How */
    --clr-bh-green: #66BB8E;
    --clr-bh-red: #DB515C;
    --clr-bh-straw: #FEEEC9;
    --clr-bh-yellow: #F3D764;
    --clr-bh-gray: #535868;

    /* Hungry for Action */
    --clr-ha-red : #FE3B20;
    --clr-ha-black : var(--clr-black);

    /* Good Food for All */
    --clr-gf-pink : #A82958; 
    --clr-gf-dark : #2D384C;
    --clr-gf-mint : #9FD8D2;
    --clr-gf-green : #1DB07A;
    --clr-gf-yellow : #FAC42B;
    --clr-gf-orange : #F57D21;
    --clr-gf-red : #E32143; 

    --clr-theme : var(--clr-yellow);

    /* Climate Conscious Catering */
    --clr-c3-ghaf : #118170;
    --clr-c3-mustard : #dda63a;
    --clr-c3-oryx : #f6f5f1;
    --clr-c3-mint : #bee2d5;
    --clr-c3-khoos : #f1e2c7;
    --clr-c3-seagrass : #173330;

}

.has-transparent-color { color: transparent; --clr : transparent; }
.has-transparent-highlight-color { --clr-highlight : transparent; }
.has-transparent-background-color { background-color: transparent; --clr-bg : var(--clr-white); }

.has-black-color { color: var(--clr-black); --clr : var(--clr-black); }
.has-black-highlight-color { --clr-highlight : var(--clr-black); }
.has-black-background-color { background-color: var(--clr-black-bg); --clr-bg : var(--clr-black-bg); }

.has-white-color { color: var(--clr-white); --clr: var(--clr-white); }
.has-white-highlight-color { --clr-highlight: var(--clr-white); }
.has-white-background-color { background-color: var(--clr-white); --clr-bg: var(--clr-white); }

.has-yellow-color { color: var(--clr-yellow); --clr: var(--clr-yellow); }
.has-yellow-highlight-color { --clr-highlight: var(--clr-yellow); }
.has-yellow-background-color { background-color: var(--clr-yellow); --clr-bg: var(--clr-yellow); }

.has-gray-color { color: var(--clr-gray); --clr: var(--clr-gray); }
.has-gray-highlight-color { --clr-highlight: var(--clr-gray); }
.has-gray-background-color { background-color: var(--clr-gray); --clr-bg: var(--clr-gray); }

.has-red-color { color: var(--clr-red); --clr: var(--clr-red); }
.has-red-highlight-color { --clr-highlight: var(--clr-red); }
.has-red-background-color { background-color: var(--clr-red); --clr-bg: var(--clr-red); }


/* Chefs' Manifesto */
.has-cm-blue-color { color: var(--clr-cm-blue); --clr: var(--clr-cm-blue); }
.has-cm-blue-highlight-color { --clr-highlight: var(--clr-cm-blue); }
.has-cm-blue-background-color { background-color: var(--clr-cm-blue); --clr-bg: var(--clr-cm-blue); }

.has-cm-pink-color { color: var(--clr-cm-pink); --clr: var(--clr-cm-pink); }
.has-cm-pink-highlight-color { --clr-highlight: var(--clr-cm-pink); }
.has-cm-pink-background-color { background-color: var(--clr-cm-pink); --clr-bg: var(--clr-cm-pink); }

.has-cm-yellow-color { color: var(--clr-cm-yellow); --clr: var(--clr-cm-yellow); }
.has-cm-yellow-highlight-color { --clr-highlight: var(--clr-cm-yellow); }
.has-cm-yellow-background-color { background-color: var(--clr-cm-yellow); --clr-bg: var(--clr-cm-yellow); }

.has-cm-red-color { color: var(--clr-cm-red); --clr: var(--clr-cm-red); }
.has-cm-red-highlight-color { --clr-highlight: var(--clr-cm-red); }
.has-cm-red-background-color { background-color: var(--clr-cm-red); --clr-bg: var(--clr-cm-red); }

/* Beans is How */
.has-bh-green-color { color: var(--clr-bh-green); --clr: var(--clr-bh-green); }
.has-bh-green-highlight-color { --clr-highlight: var(--clr-bh-green); }
.has-bh-green-background-color { background-color: var(--clr-bh-green); --clr-bg: var(--clr-bh-green); }

.has-bh-red-color { color: var(--clr-bh-red); --clr: var(--clr-bh-red); }
.has-bh-red-highlight-color { --clr-highlight: var(--clr-bh-red); }
.has-bh-red-background-color { background-color: var(--clr-bh-red); --clr-bg: var(--clr-bh-red); }

.has-bh-straw-color { color: var(--clr-bh-straw); --clr: var(--clr-bh-straw); }
.has-bh-straw-highlight-color { --clr-highlight: var(--clr-bh-straw); }
.has-bh-straw-background-color { background-color: var(--clr-bh-straw); --clr-bg: var(--clr-bh-straw); }

.has-bh-yellow-color { color: var(--clr-bh-yellow); --clr: var(--clr-bh-yellow); }
.has-bh-yellow-highlight-color { --clr-highlight: var(--clr-bh-yellow); }
.has-bh-yellow-background-color { background-color: var(--clr-bh-yellow); --clr-bg: var(--clr-bh-yellow); }

.has-bh-gray-color { color: var(--clr-bh-gray); --clr: var(--clr-bh-gray); }
.has-bh-gray-highlight-color { --clr-highlight: var(--clr-bh-gray); }
.has-bh-gray-background-color { background-color: var(--clr-bh-gray); --clr-bg: var(--clr-bh-gray); }

/* Hungry for Action */
.has-ha-red-color { color: var(--clr-ha-red); --clr: var(--clr-ha-red); }
.has-ha-red-highlight-color { --clr-highlight: var(--clr-ha-red); }
.has-ha-red-background-color { background-color: var(--clr-ha-red); --clr-bg: var(--clr-ha-red); }

.has-ha-black-color { color: var(--clr-ha-black); --clr: var(--clr-ha-black); }
.has-ha-black-highlight-color { --clr-highlight: var(--clr-ha-black); }
.has-ha-black-background-color { background-color: var(--clr-ha-black); --clr-bg: var(--clr-ha-black); }

/* Good Food for All */
.has-gf-pink-color { color: var(--clr-gf-pink); --clr: var(--clr-gf-pink); }
.has-gf-pink-highlight-color { --clr-highlight: var(--clr-gf-pink); }
.has-gf-pink-background-color { background-color: var(--clr-gf-pink); --clr-bg: var(--clr-gf-pink); }

.has-gf-dark-color { color: var(--clr-gf-dark); --clr: var(--clr-gf-dark); }
.has-gf-dark-highlight-color { --clr-highlight: var(--clr-gf-dark); }
.has-gf-dark-background-color { background-color: var(--clr-gf-dark); --clr-bg: var(--clr-gf-dark); }

.has-gf-mint-color { color: var(--clr-gf-mint); --clr: var(--clr-gf-mint); }
.has-gf-mint-highlight-color { --clr-highlight: var(--clr-gf-mint); }
.has-gf-mint-background-color { background-color: var(--clr-gf-mint); --clr-bg: var(--clr-gf-mint); }

.has-gf-green-color { color: var(--clr-gf-green); --clr: var(--clr-gf-green); }
.has-gf-green-highlight-color { --clr-highlight: var(--clr-gf-green); }
.has-gf-green-background-color { background-color: var(--clr-gf-green); --clr-bg: var(--clr-gf-green); }

.has-gf-yellow-color { color: var(--clr-gf-yellow); --clr: var(--clr-gf-yellow); }
.has-gf-yellow-highlight-color { --clr-highlight: var(--clr-gf-yellow); }
.has-gf-yellow-background-color { background-color: var(--clr-gf-yellow); --clr-bg: var(--clr-gf-yellow); }

.has-gf-orange-color { color: var(--clr-gf-orange); --clr: var(--clr-gf-orange); }
.has-gf-orange-highlight-color { --clr-highlight: var(--clr-gf-orange); }
.has-gf-orange-background-color { background-color: var(--clr-gf-orange); --clr-bg: var(--clr-gf-orange); }

.has-gf-red-color { color: var(--clr-gf-red); --clr: var(--clr-gf-red); }
.has-gf-red-highlight-color { --clr-highlight: var(--clr-gf-red); }
.has-gf-red-background-color { background-color: var(--clr-gf-red); --clr-bg: var(--clr-gf-red); }



.has-black-card-color { --card-color: var(--clr-black); }
.has-white-card-color { --card-color: var(--clr-white); }
.has-yellow-card-color { --card-color: var(--clr-yellow); }
.has-gray-card-color { --card-color: var(--clr-gray); }
.has-red-card-color { --card-color: var(--clr-red); }
.has-cm-blue-card-color { --card-color: var(--clr-cm-blue); }
.has-cm-pink-card-color { --card-color: var(--clr-cm-pink); }
.has-cm-yellow-card-color { --card-color: var(--clr-cm-yellow); }
.has-cm-red-card-color { --card-color: var(--clr-cm-red); }
.has-bh-green-card-color { --card-color: var(--clr-bh-green); }
.has-bh-red-card-color { --card-color: var(--clr-bh-red); }
.has-bh-straw-card-color { --card-color: var(--clr-bh-straw); }
.has-bh-yellow-card-color { --card-color: var(--clr-bh-yellow); }
.has-bh-gray-card-color { --card-color: var(--clr-bh-gray); }
.has-ha-red-card-color { --card-color: var(--clr-ha-red); }
.has-ha-black-card-color { --card-color: var(--clr-ha-black); }
.has-gf-pink-card-color { --card-color: var(--clr-gf-pink); }
.has-gf-dark-card-color { --card-color: var(--clr-gf-dark); }
.has-gf-mint-card-color { --card-color: var(--clr-gf-mint); }
.has-gf-green-card-color { --card-color: var(--clr-gf-green); }
.has-gf-yellow-card-color { --card-color: var(--clr-gf-yellow); }
.has-gf-orange-card-color { --card-color: var(--clr-gf-orange); }
.has-gf-red-card-color { --card-color: var(--clr-gf-red); }

.has-black-card-background-color { --card-background-color: var(--clr-black-bg); }
.has-white-card-background-color { --card-background-color: var(--clr-white); }
.has-yellow-card-background-color { --card-background-color: var(--clr-yellow); }
.has-gray-card-background-color { --card-background-color: var(--clr-gray); }
.has-red-card-background-color { --card-background-color: var(--clr-red); }
.has-cm-blue-card-background-color { --card-background-color: var(--clr-cm-blue); }
.has-cm-pink-card-background-color { --card-background-color: var(--clr-cm-pink); }
.has-cm-yellow-card-background-color { --card-background-color: var(--clr-cm-yellow); }
.has-cm-red-card-background-color { --card-background-color: var(--clr-cm-red); }
.has-bh-green-card-background-color { --card-background-color: var(--clr-bh-green); }
.has-bh-red-card-background-color { --card-background-color: var(--clr-bh-red); }
.has-bh-straw-card-background-color { --card-background-color: var(--clr-bh-straw); }
.has-bh-yellow-card-background-color { --card-background-color: var(--clr-bh-yellow); }
.has-bh-gray-card-background-color { --card-background-color: var(--clr-bh-gray); }
.has-ha-red-card-background-color { --card-background-color: var(--clr-ha-red); }
.has-ha-black-card-background-color { --card-background-color: var(--clr-ha-black); }
.has-gf-pink-card-background-color { --card-background-color: var(--clr-gf-pink); }
.has-gf-dark-card-background-color { --card-background-color: var(--clr-gf-dark); }
.has-gf-mint-card-background-color { --card-background-color: var(--clr-gf-mint); }
.has-gf-green-card-background-color { --card-background-color: var(--clr-gf-green); }
.has-gf-yellow-card-background-color { --card-background-color: var(--clr-gf-yellow); }
.has-gf-orange-card-background-color { --card-background-color: var(--clr-gf-orange); }
.has-gf-red-card-background-color { --card-background-color: var(--clr-gf-red); }



.has-gffa-theme-color { --clr-theme : var(--clr-gf-pink); }
.has-bih-theme-color { --clr-theme : var(--clr-bh-green); }
.has-cm-theme-color { --clr-theme : var(--clr-cm-blue); }
.has-hfa-theme-color { --clr-theme : var(--clr-ha-red); }


/* New C3 Colours */
.has-c3-theme-color { --clr-theme : var(--clr-c3-ghaf); }

/* For --clr-c3-ghaf */
.has-c3-ghaf-color {
    color: var(--clr-c3-ghaf);
    --clr: var(--clr-c3-ghaf);
}

.has-c3-ghaf-highlight-color {
    --clr-highlight: var(--clr-c3-ghaf);
}

.has-c3-ghaf-background-color {
    background-color: var(--clr-c3-ghaf);
    --clr-bg: var(--clr-c3-ghaf);
}

.has-c3-ghaf-color {
    --card-color: var(--clr-c3-ghaf);
}

.has-c3-ghaf-card-background-color {
    --card-background-color: var(--clr-c3-ghaf);
}

/* For --clr-c3-mustard */
.has-c3-mustard-color {
    color: var(--clr-c3-mustard);
    --clr: var(--clr-c3-mustard);
}

.has-c3-mustard-highlight-color {
    --clr-highlight: var(--clr-c3-mustard);
}

.has-c3-mustard-background-color {
    background-color: var(--clr-c3-mustard);
    --clr-bg: var(--clr-c3-mustard);
}

.has-c3-mustard-color {
    --card-color: var(--clr-c3-mustard);
}

.has-c3-mustard-card-background-color {
    --card-background-color: var(--clr-c3-mustard);
}

/* For --clr-c3-oryx */
.has-c3-oryx-color {
    color: var(--clr-c3-oryx);
    --clr: var(--clr-c3-oryx);
}

.has-c3-oryx-highlight-color {
    --clr-highlight: var(--clr-c3-oryx);
}

.has-c3-oryx-background-color {
    background-color: var(--clr-c3-oryx);
    --clr-bg: var(--clr-c3-oryx);
}

.has-c3-oryx-color {
    --card-color: var(--clr-c3-oryx);
}

.has-c3-oryx-card-background-color {
    --card-background-color: var(--clr-c3-oryx);
}

/* For --clr-c3-mint */
.has-c3-mint-color {
    color: var(--clr-c3-mint);
    --clr: var(--clr-c3-mint);
}

.has-c3-mint-highlight-color {
    --clr-highlight: var(--clr-c3-mint);
}

.has-c3-mint-background-color {
    background-color: var(--clr-c3-mint);
    --clr-bg: var(--clr-c3-mint);
}

.has-c3-mint-color {
    --card-color: var(--clr-c3-mint);
}

.has-c3-mint-card-background-color {
    --card-background-color: var(--clr-c3-mint);
}

/* For --clr-c3-khoos */
.has-c3-khoos-color {
    color: var(--clr-c3-khoos);
    --clr: var(--clr-c3-khoos);
}

.has-c3-khoos-highlight-color {
    --clr-highlight: var(--clr-c3-khoos);
}

.has-c3-khoos-background-color {
    background-color: var(--clr-c3-khoos);
    --clr-bg: var(--clr-c3-khoos);
}

.has-c3-khoos-color {
    --card-color: var(--clr-c3-khoos);
}

.has-c3-khoos-card-background-color {
    --card-background-color: var(--clr-c3-khoos);
}

/* For --clr-c3-seagrass */
.has-c3-seagrass-color {
    color: var(--clr-c3-seagrass);
    --clr: var(--clr-c3-seagrass);
}

.has-c3-seagrass-highlight-color {
    --clr-highlight: var(--clr-c3-seagrass);
}

.has-c3-seagrass-background-color {
    background-color: var(--clr-c3-seagrass);
    --clr-bg: var(--clr-c3-seagrass);
}

.has-c3-seagrass-color {
    --card-color: var(--clr-c3-seagrass);
}

.has-c3-seagrass-card-background-color {
    --card-background-color: var(--clr-c3-seagrass);
}

/* 
Colour values for WordPress 


Background Colors:

has-transparent-background-color : Transparent
has-black-background-color : Black
has-white-background-color : White
has-yellow-background-color : Yellow
has-gray-background-color : Gray
has-red-background-color : Red
has-cm-blue-background-color : CM Blue
has-cm-pink-background-color : CM Pink
has-cm-yellow-background-color : CM Yellow
has-cm-red-background-color : CM Red
has-bh-green-background-color : BH Green
has-bh-red-background-color : BH Red
has-bh-straw-background-color : BH Straw
has-bh-yellow-background-color : BH Yellow
has-bh-gray-background-color : BH Gray
has-ha-red-background-color : HA Red
has-ha-black-background-color : HA Black
has-gf-pink-background-color : GF Pink
has-gf-dark-background-color : GF Dark
has-gf-mint-background-color : GF Mint
has-gf-green-background-color : GF Green
has-gf-yellow-background-color : GF Yellow
has-gf-orange-background-color : GF Orange
has-gf-red-background-color : GF Red


Text Colors:

has-black-color : Black
has-white-color : White
has-yellow-color : Yellow
has-gray-color : Gray
has-red-color : Red
has-cm-blue-color : CM Blue
has-cm-pink-color : CM Pink
has-cm-yellow-color : CM Yellow
has-cm-red-color : CM Red
has-bh-green-color : BH Green
has-bh-red-color : BH Red
has-bh-straw-color : BH Straw
has-bh-yellow-color : BH Yellow
has-bh-gray-color : BH Gray
has-ha-red-color : HA Red
has-ha-black-color : HA Black
has-gf-pink-color : GF Pink
has-gf-dark-color : GF Dark
has-gf-mint-color : GF Mint
has-gf-green-color : GF Green
has-gf-yellow-color : GF Yellow
has-gf-orange-color : GF Orange
has-gf-red-color : GF Red


Highlight Colors:

has-black-highlight-color : Black
has-white-highlight-color : White
has-yellow-highlight-color : Yellow
has-gray-highlight-color : Gray
has-red-highlight-color : Red
has-cm-blue-highlight-color : CM Blue
has-cm-pink-highlight-color : CM Pink
has-cm-yellow-highlight-color : CM Yellow
has-cm-red-highlight-color : CM Red
has-bh-green-highlight-color : BH Green
has-bh-red-highlight-color : BH Red
has-bh-straw-highlight-color : BH Straw
has-bh-yellow-highlight-color : BH Yellow
has-bh-gray-highlight-color : BH Gray
has-ha-red-highlight-color : HA Red
has-ha-black-highlight-color : HA Black
has-gf-pink-highlight-color : GF Pink
has-gf-dark-highlight-color : GF Dark
has-gf-mint-highlight-color : GF Mint
has-gf-green-highlight-color : GF Green
has-gf-yellow-highlight-color : GF Yellow
has-gf-orange-highlight-color : GF Orange
has-gf-red-highlight-color : GF Red
*/

/* New Colours 


Text Colours:

has-c3-ghaf-color : C3 Ghaf
has-c3-mustard-color : C3 Mustard
has-c3-oryx-color : C3 Oryx  
has-c3-mint-color : C3 Mint 
has-c3-khoos-color : C3 Khoos 
has-c3-seagrass-color : C3 Seagrass 

Hilights: 

has-c3-ghaf-highlight-color : C3 Ghaf
has-c3-mustard-highlight-color : C3 Mustard
has-c3-oryx-highlight-color : C3 Oryx  
has-c3-mint-highlight-color : C3 Mint 
has-c3-khoos-highlight-color : C3 Khoos 
has-c3-seagrass-highlight-color : C3 Seagrass 

Backgrounds:

has-c3-ghaf-background-color : C3 Ghaf
has-c3-mustard-background-color : C3 Mustard
has-c3-oryx-background-color : C3 Oryx  
has-c3-mint-background-color : C3 Mint 
has-c3-khoos-background-color : C3 Khoos 
has-c3-seagrass-background-color : C3 Seagrass 

Cards: 

has-c3-ghaf-card-color : C3 Ghaf
has-c3-mustard-card-color : C3 Mustard
has-c3-oryx-card-color : C3 Oryx  
has-c3-mint-card-color : C3 Mint 
has-c3-khoos-card-color : C3 Khoos 
has-c3-seagrass-card-color : C3 Seagrass 

Card BG:

has-c3-ghaf-card-background-color : C3 Ghaf
has-c3-mustard-card-background-color : C3 Mustard
has-c3-oryx-card-background-color : C3 Oryx  
has-c3-mint-card-background-color : C3 Mint 
has-c3-khoos-card-background-color : C3 Khoos 
has-c3-seagrass-card-background-color :C3 Seagrass 


*/