/* MAX COLOUR VARIABLES */
:root {
  --listing-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  --listing-hover-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);

  /* Define column variables */
  --default-columns: 4;
  --tablet-columns: 2;
  --mobile-columns: 2;
  --small-mobile-columns: 1;
  --gap: 5px;

  /* Colour Variables - the defaults are found in variables.css - feel free to overwrite these HERE */
  --main-colour: #00b29d;
  --main-colour-opacity: #00b29d33;
  --main-colour-2: #7c2b80;
  --main-colour-2-opacity: #7c2b8033;
  --main-colour-3: #7c2b80;
  --main-colour-3-opacity: #7c2b8033;

  --accent-colour: #e9724a;
  --accent-colour-hover: #e9724a33;
  --second-show-colour: #e73f55;

  --heading-colour: #777;
  --heading-colour-opacity: #777777cc;

  --search-page-header-bg: #00000077;
  --search-page-accent-3: var(--accent-colour);
  --search-page-accent-3-hover: var(--accent-colour-hover);
  --search-page-accent-2: #e4fdf1;
  --search-page-accent-2-hover: #e4fdf177;
  --search-page-accent-1: #00cb7d;
  --search-page-accent-1-hover: #00cb7dcc;

  --ex-list-visit-view-heading: #777777;
  --ex-list-visit-view-text: #9ba2ba;
  --ex-list-visit-view-bts-btn: #303133;
  --ex-list-visit-view-bts-btn-hover: #9ba2ba;

  --not-started-colour: #ef235a;
  --not-started-colour-opacity: #ef235a21;
  --in-progress-colour: #19c2e6;
  --in-progress-colour-opacity: #19c2e621;
  --completed-colour: #3ae690;
  --completed-colour-opacity: #3ae69021;

  --my-listings-not-started-border: #f9dcdc;
  --my-listings-not-started-gradient-1: #ef235aaa;
  --my-listings-not-started-gradient-2: #ef235a11;
  --my-listings-in-progress-border: #d3f0f6;
  --my-listings-in-progress-gradient-1: #19c2e6aa;
  --my-listings-in-progress-gradient-2: #19c2e611;
  --my-listings-completed-border: #d3fde8;
  --my-listings-completed-gradient-1: #3ae690aa;
  --my-listings-completed-gradient-2: #3ae69011;
  --my-listing-company-logo-size: 80px;
}