/* CSS Document */

:root {
  --first-div-bg-color: var(--primary-theme-color); 

  --primary-theme-color: #acc35a; /* Main theme colour */
  --second-theme-color: green; /* Second theme colour */
  --third-theme-color: green; /* Second theme colour */
  
  --banner-bg-color: black; /* usually, same as --primary-theme-color */
  --banner-bg-lite-color: light-grey;

  --black: black;
  --white: white;

  --font-family-1: 'Ubuntu', sans-serif; /* Mainly H1 */
  --font-family-2: 'Raleway', sans-serif; /* Mainly H2 */
  --font-family-3: 'Raleway', sans-serif; /* Mainly third style, if no third style required, use same as --font-family-2 */
  --font-family-main-font: 'Raleway', sans-serif; /* Main font for p and system wide font including for some or all buttons */
  --font-family-btn: 'Raleway', sans-serif; /* Normally --font-family-main-font but can use another if required */
  --font-family-top-nav: 'Raleway', sans-serif; /* Normally --font-family-main-font but can use another if required */
  
  --header-btn-radius: 0px;
  --header-btn-bg-color: transparent;
  --header-btn-font-color: white;
  --header-btn-border: 1px solid white;
  /* header-btn Hover */
  --header-btn-bg-color-hover: white;
  --header-btn-font-color-hover: black;
  --header-btn-border-hover: 1px solid white;

  --header-btn-mobile-radius: 0px;
  --header-btn-mobile-bg-color: transparent;
  --header-btn-mobile-font-color: var(--primary-theme-color);
  --header-btn-mobile-border: 1.3px solid var(--primary-theme-color);
  /* header-btn Hover */
  --header-btn-mobile-bg-color-hover: var(--primary-theme-color);
  --header-btn-mobile-font-color-hover: white;
  --header-btn-mobile-border-hover: 1.3px solid var(--primary-theme-color);
  
  --primary-btn-radius: 0px;
  --primary-btn-font-color: white;
  --primary-btn-bg-color: transparent;
  --primary-btn-border: 1.5px solid white;
  /* primary-btn Hover */
  --primary-btn-radius-hover: 0px;
  --primary-btn-font-color-hover: black;
  --primary-btn-bg-color-hover: white;
  --primary-btn-border-hover: 1.5px solid white;

  --submit-btn-radius: 0px;
  --submit-btn-font-color: white;
  --submit-btn-bg-color: var(--primary-theme-color);
  --submit-btn-border: 1.5px solid white;
  /* submit-btn Hover */
  --submit-btn-radius-hover: 0px;
  --submit-btn-font-color-hover: black;
  --submit-btn-bg-color-hover: white;
  --submit-btn-border-hover: 1.5px solid white;

}