/* Colours */

[data-colour-scheme="white"] {
	background-color: #fff;
	color:#111;
}

[data-colour-scheme="snow"] {
  background-color: #fafafa;
  color: #111;
}

[data-colour-scheme="platinum"] {
  background-color: #e5e5e5;
  color: #222;
}

[data-colour-scheme="ash"] {
  background-color: #f1f1f1;
  color: #222;
}

[data-colour-scheme="silver"] {
  background-color: #b3b3b3;
  color: #222;
}

[data-colour-scheme="gray"], [data-colour-scheme="grey"]  {
  background-color: #808080;
  color: #ffffff;
}

[data-colour-scheme="slate"] {
  background-color: #666666;
  color: #d9d9d9;
}

[data-colour-scheme="charcoal"] {
  background-color: #4d4d4d;
  color: #efefef;
}

[data-colour-scheme="onyx"] {
  background-color: #262626;
  color: #f1f1f1;
}

[data-colour-scheme="midnight"] {
  background-color: #111111;
  color: #efefef;
}

[data-colour-scheme="black"] {
  background-color: #03152e;
  color: #efefef;
}

[data-colour-scheme="gold"] {
  background-color: #c9a52c;
  color: #efefef;
}

[data-colour-scheme="transparent"] {
  background: none;
  color: #ffffff;
}

[data-colour-scheme="whatsapp"] {
  background-color:#075e54;
  color: #25d366;
}

a[data-colour-scheme="whatsapp"] {
  color: #25d366 !important
}

[data-colour-scheme="carbon"] {
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
  background-size: 10px 10px;
}

[data-colour-scheme="success"] {
  background-color:#138636;
  color: #fff;
}

[data-colour-scheme="success"] a {
	color:#fff !important
}

[data-colour-scheme="warning"] {
  background-color:#ffbc11;
  color: #000;
}

[data-colour-scheme="warning"] a {
	color:#000 !important
}

[data-colour-scheme="error"] {
  background-color:#c91432;
  color: #fff;
}

[data-colour-scheme="error"] a {
	color:#fff !important
}

/* White */

ul[data-colour-scheme="white"] li a , [data-colour-scheme="white"] a,  article[data-colour-scheme="white"] h2, article[data-colour-scheme="white"] span, article[data-colour-scheme="white"] a , div[data-colour-scheme="white"] ul li a, nav[data-colour-scheme="white"] ul li a, section[data-colour-scheme="white"] ul li a{
	color:#111;
}

/* Snow */

ul[data-colour-scheme="snow"] li a ,[data-colour-scheme="snow"] a,  article[data-colour-scheme="snow"] h2, article[data-colour-scheme="snow"] span, article[data-colour-scheme="snow"] a , div[data-colour-scheme="snow"] ul li a, nav[data-colour-scheme="snow"] ul li a, section[data-colour-scheme="snow"] ul li a{
	color:#111;
}

/* Platimum */

ul[data-colour-scheme="platinum"] li a , [data-colour-scheme="platinum"] a,  article[data-colour-scheme="platinum"] h2, article[data-colour-scheme="platinum"] span, article[data-colour-scheme="platinum"] a, div[data-colour-scheme="platinum"] ul li a, nav[data-colour-scheme="platinum"] ul li a, section[data-colour-scheme="platinum"] ul li a{
	color:#222;
}

/* Ash */

ul[data-colour-scheme="ash"] li a , [data-colour-scheme="ash"] a, article[data-colour-scheme="ash"] h2, article[data-colour-scheme="ash"] span, article[data-colour-scheme="ash"] a , div[data-colour-scheme="ash"] ul li a, nav[data-colour-scheme="ash"] ul li a, section[data-colour-scheme="snow"] ul li a{
    color: #222; 
}

/* Silver */

ul[data-colour-scheme="silver"] li a , [data-colour-scheme="silver"] a, article[data-colour-scheme="silver"] h2, article[data-colour-scheme="silver"] span, article[data-colour-scheme="silver"] a, div[data-colour-scheme="silver"] ul li a, nav[data-colour-scheme="silver"] ul li a, section[data-colour-scheme="silver"] ul li a {
    color: #222;
}

/* Gray */

ul[data-colour-scheme="gray"] li a ,[data-colour-scheme="gray"] a, article[data-colour-scheme="gray"] h2, article[data-colour-scheme="gray"] span, article[data-colour-scheme="gray"] a, div[data-colour-scheme="gray"] ul li a, nav[data-colour-scheme="gray"] ul li a, section[data-colour-scheme="gray"] ul li a{
    color: #fff;
}

/* Slate */

ul[data-colour-scheme="slate"] li a , [data-colour-scheme="slate"] a, article[data-colour-scheme="slate"] h2, article[data-colour-scheme="slate"] span, article[data-colour-scheme="slate"] a, div[data-colour-scheme="slate"] ul li a, nav[data-colour-scheme="slate"] ul li a, section[data-colour-scheme="silver"] ul li a{
    color: #efefef; 
}

/* Charcoal */

ul[data-colour-scheme="charcoal"] li a , [data-colour-scheme="charcoal"] a, article[data-colour-scheme="charcoal"] h2, article[data-colour-scheme="charcoal"] span, article[data-colour-scheme="charcoal"] a, div[data-colour-scheme="charcoal"] ul li a, nav[data-colour-scheme="charcoal"] ul li a, section[data-colour-scheme="charcoal"] ul li a {
    color: #efefef; /* Charcoal color */
}

/* Onyx */

ul[data-colour-scheme="onyx"] li a , [data-colour-scheme="onyx"] a,  article[data-colour-scheme="onyx"] h2, article[data-colour-scheme="onyx"] span, article[data-colour-scheme="onyx"] a, div[data-colour-scheme="onyx"] ul li a, nav[data-colour-scheme="onyx"] ul li a , section[data-colour-scheme="onyx"] ul li a {
	color:#efefef;
}

/* Midnight */

ul[data-colour-scheme="midnight"] li a , [data-colour-scheme="midnight"] a,  article[data-colour-scheme="midnight"] h2, article[data-colour-scheme="midnight"] span, article[data-colour-scheme="midnight"] a, div[data-colour-scheme="midnight"] ul li a, nav[data-colour-scheme="midnight"] ul li a , section[data-colour-scheme="midnight"] ul li a {
  color:#efefef;
}

/* Black */

ul[data-colour-scheme="black"] li a , [data-colour-scheme="black"] a,  article[data-colour-scheme="black"] h2, article[data-colour-scheme="black"] span, article[data-colour-scheme="black"] a, div[data-colour-scheme="black"] ul li a, nav[data-colour-scheme="black"] ul li a, section[data-colour-scheme="black"] ul li a{
	color:#efefef;
}

/* Transparent */

[data-colour-scheme="transparent"] a,  article[data-colour-scheme="transparent"] h2, article[data-colour-scheme="transparent"] span, article[data-colour-scheme="transparent"] a, div[data-colour-scheme="transparent"] ul li a, nav[data-colour-scheme="transparent"] ul li a, section[data-colour-scheme="transparent"] ul li a{
	color:#fff;
}


/* Buttons */

a.btn[data-colour-scheme="white"] {
	background-color: #fff !important;
  border:1px solid #fff;
	color:#111 !important
}

a.btn[data-colour-scheme="slate"] {
  background-color: #666 !important;
  border:1px solid #666;
  color:#efefef !important
}

a.btn[data-colour-scheme="platinum"] {
  background-color: #e5e5e5 !important;
  border:1px solid #e5e5e5;
  color:#222 !important
}

a.btn[data-colour-scheme="black"] {
	background-color: #000 !important;
  border:1px solid #000;
	color:#efefef !important;
}

a.btn[data-colour-scheme="transparent"] {
  background:none !important;
  border:1px solid #fff;
  color:#fff !important;
}




/* Card */

.card[data-colour-scheme="white"], .card[data-colour-scheme="snow"], .card[data-colour-scheme="platinum"] {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}


.card[data-colour-scheme="ash"], .card[data-colour-scheme="silver"], .card[data-colour-scheme="gray"] {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

/* Card Colour */

/* Reserve Stripe Logo */

[data-colour-scheme="white"] .field.merchant img, [data-colour-scheme="snow"] .field.merchant img, [data-colour-scheme="platinum"] .field.merchant img, [data-colour-scheme="ash"] .field.merchant img, [data-colour-scheme="silver"] .field.merchant img{
	filter: invert(100%);
}


/* Rules */

header.absolute div ul li a, header.absolute .call-to-action ul.mobile-btn li button i {
	color:#fff; /* Absolute menu always show white links */
}


header.absolute a[data-colour-scheme="white"] span, header.absolute [data-colour-scheme="white"] ul.dropdown li a {
	color:#000;
}


/* Hamburger Bars */

[data-colour-scheme="white"] button i, [data-colour-scheme="snow"] button i, [data-colour-scheme="platinum"] button i , [data-colour-scheme="ash"] button i, [data-colour-scheme="silver"] button i{
	color:#000;
}


[data-colour-scheme="gray"] button i, [data-colour-scheme="slate"] button i, [data-colour-scheme="charcoal"] button i, [data-colour-scheme="onyx"] button i, [data-colour-scheme="black"] button i  {
	color:#fff;
}

/* Black Transparent Logo */

[data-colour-scheme="black"] header .logo a img , [data-colour-scheme="black"] header.absolute .logo a img {
  
}

[data-colour-scheme="platinum"] header.absolute .logo a img {
  filter: invert(100%);
}




/* Make Dropdown */

header .menu ul.desktop li ul.dropdown[data-colour-scheme="white"] li a {
	color:#000;
}

header .menu ul.desktop li ul.dropdown[data-colour-scheme="black"] li a {
  color:#fff;
}



