:root {
  --sjfc-red1:                              rgb(208, 29, 22);
  --sjfc-red2:                              rgb(228, 32, 24);
  --sjfc-background:                        url('./img/sjfc_red_50x50.png');
  --sjfc-grey:                              rgb(230,230,230);
  
  --site-background:                        var(--sjfc-background);
  --site-colour_1:                          var(--sjfc-red1);
  --site-colour_2:                          var(--sjfc-grey);
  --site-colour_3:                          var(--sjfc-red2);
  --site-text2:                             black;
  --site-colour6:                           white;
//  --site-background:                        green;
//  --site-colour_1:                          orange;
//  --site-colour_2:                          blue;
//  --site-colour_3:                          purple;
  

  --body-background-colour:                 var(--site-colour_2);
  --nav-background-colour:                  var(--site-colour_1);
  --nav_ul_li_a-colour:                     white;
  --home-background-colour:                 var(--site-colour_1);
  --home-colour:                            white;
  --header_contact-colour:                  #002C5F;
  --main_container-background-colour:       white;
  --main_container-box-shadow:              white;
  --welcome_text-colour:                    black;
  --welcome_text_p-colour:                  black;
  --slides_background-colour:               white;
  --slides_slidesjs-container-border:       white;
  --main-background-colour:                 white;
  --main_left-border:                       #999999;
  --main_left_h1-colour:                    white;
  --main_left_home-border:                  #999999;
  --main_left_home-background-colour:       var(--site-colour_1);
  --main_middle_h2-colour:                  white;
  --main_middle_about_h2-colour:            white;
  --main_middle_about_main_h2-colour:       white;
  --main_right_h2-colour:                   white;
  --h2-background-colour:                   var(--site-colour_1);
  --submit-background-colour:               var(--site-colour_1);
  --treatments_li_hover-background:         #f6f6f6;
  --bq2-background:                         var(--site-colour_1);
  --bq2-colour:                             #002C5F;
  --bq2_source-background:                  var(--site-colour_1);
  --bq2_source-text-shadow:                 #f8fafb;
  --bq2_source-border-top:                  #f4f7fa;
  --bq2_source-border-bottom:               #dde5ed;
  --appointment-background:                 var(--site-colour_1);
  --appointment-colour:                     white;
  --appointment-box-shadow:                 #888888;
  --appointment_a-colour:                   white;
  --appointment_hover-background:           var(--site-colour_3);
  --newsflash-background:                   var(--site-colour_3);
  --newsflash-colour:                       white;
  --newsflash_p-colour:                     white;
  --newsflash_hover-background:             var(--site-colour_1);
  --btn-background:                         var(--site-colour_1);
  --btn-colour:                             white;
  --btn_hover-background:                   var(--site-colour_1);
  --btn_a-colour:                           white;
  --form-background-colour:                 var(--site-colour_2);
  --form-box-shadow:                        #888888;
  --form-border:                            var(--site-colour_2);
  --form_input_textarea_button-border:      var(--site-colour_1);
  --form-label:                             #184552;
  --form_button-background:                 var(--site-background);
  --form_button-colour:                     black;
  --form_button_hover-colour:               black;
  --form_button_hover-background-colour:    var(--site-colour_3);
  --required-colour:                        #dd6666;
  --footer-background:                      var(--site-background);
  --copy_left-colour:                       white;
  --copy_right-colour:                      white;
  --copy_right_a-colour:                    white;
  --cookie-law-background:                  var(--site-colour_2);
  --cookie-law_p-colour:                    var(--site-colour_1);

  
// responsive navigation CSS  
  --topnav_background:                      var(--site-background);
  --topnav_background-colour:               var(--site-colour_1);
  --topnav_a-colour:                        white;
  --topnav_a_hover-background-colour:       var(--site-colour_1);
  --topnav_a_hover-colour:                  rgb(208,208,208); 
  --topnav_a_active-background-colour:      var(--site-colour_1);
  --topnav_a_active-colour:                 white;
  
  
// cookies CSS
  --mycookieconsent-background:                       rgba(0,0,0,0.6);
  --mycookieconsent-colour:                           #FFF;
  --mycookieconsent_a-colour:                         rgb(200, 200, 200);
  --mycookieconsent_a_hover-colour:                   var(--site-colour_1);
  --mycookieconsent_a_cookiebutton-colour:            white;
  --mycookieconsent_a_cookiebutton-background:        var(--site-colour_1);
  --mycookieconsent_a_cookiebutton_hover-colour:      black;
  --mycookieconsent_a_cookiebutton_hover-background:  var(--site-colour_1);
  
}