.lightMode .hideLightMode, .darkMode .hideDarkMode {
			display:none;
		}
  
		.darkMode html, .darkMode body {
			background-color: #111;
			color: var(--textDefault);
		}

		.darkMode footer {
			border-top-width: 0;
		}
		
		.darkMode p {
			color: var(--textDefault);
		}
		
		/* .darkMode {
			color: #F00 !important;
			background-color: #111;
		} */
		
		/* Main nav bar */
		.darkMode .tm-navbar-container:not(.uk-navbar-transparent) {
			/* background-color: var(--grayOne); */
			background-color: var(--headerBack);
      		border-bottom: 1px solid var(--opaqueSeparator);
		}

    .darkMode .uk-link-muted a:hover, .darkMode .uk-link-toggle:focus .uk-link-muted, .darkMode .uk-link-toggle:hover .uk-link-muted, .darkMode a.uk-link-muted:hover{
      color: var(--textLightHover)
    }


	.uk-card-primary.uk-card-body .uk-h1, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary.uk-card-body .uk-heading-2xlarge, .uk-card-primary.uk-card-body .uk-heading-3xlarge, .uk-card-primary.uk-card-body .uk-heading-large, .uk-card-primary.uk-card-body .uk-heading-medium, .uk-card-primary.uk-card-body .uk-heading-small, .uk-card-primary.uk-card-body .uk-heading-xlarge, .uk-card-primary.uk-card-body h1, .uk-card-primary.uk-card-body h2, .uk-card-primary.uk-card-body h3, .uk-card-primary.uk-card-body h4, .uk-card-primary.uk-card-body h5, .uk-card-primary.uk-card-body h6, .uk-card-primary>:not([class*=uk-card-media]) .uk-h1, .uk-card-primary>:not([class*=uk-card-media]) .uk-h2, .uk-card-primary>:not([class*=uk-card-media]) .uk-h3, .uk-card-primary>:not([class*=uk-card-media]) .uk-h4, .uk-card-primary>:not([class*=uk-card-media]) .uk-h5, .uk-card-primary>:not([class*=uk-card-media]) .uk-h6, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-3xlarge, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge, .uk-card-primary>:not([class*=uk-card-media]) h1, .uk-card-primary>:not([class*=uk-card-media]) h2, .uk-card-primary>:not([class*=uk-card-media]) h3, .uk-card-primary>:not([class*=uk-card-media]) h4, .uk-card-primary>:not([class*=uk-card-media]) h5, .uk-card-primary>:not([class*=uk-card-media]) h6, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary.uk-card-body .uk-heading-2xlarge, .uk-card-secondary.uk-card-body .uk-heading-3xlarge, .uk-card-secondary.uk-card-body .uk-heading-large, .uk-card-secondary.uk-card-body .uk-heading-medium, .uk-card-secondary.uk-card-body .uk-heading-small, .uk-card-secondary.uk-card-body .uk-heading-xlarge, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h1, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h2, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h3, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h4, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h5, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h6, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-3xlarge, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge, .uk-card-secondary>:not([class*=uk-card-media]) h1, .uk-card-secondary>:not([class*=uk-card-media]) h2, .uk-card-secondary>:not([class*=uk-card-media]) h3, .uk-card-secondary>:not([class*=uk-card-media]) h4, .uk-card-secondary>:not([class*=uk-card-media]) h5, .uk-card-secondary>:not([class*=uk-card-media]) h6, .uk-light .uk-h1, .uk-light .uk-h2, .uk-light .uk-h3, .uk-light .uk-h4, .uk-light .uk-h5, .uk-light .uk-h6, .uk-light .uk-heading-2xlarge, .uk-light .uk-heading-3xlarge, .uk-light .uk-heading-large, .uk-light .uk-heading-medium, .uk-light .uk-heading-small, .uk-light .uk-heading-xlarge, .uk-light h1, .uk-light h2, .uk-light h3, .uk-light h4, .uk-light h5, .uk-light h6, .uk-offcanvas-bar .uk-h1, .uk-offcanvas-bar .uk-h2, .uk-offcanvas-bar .uk-h3, .uk-offcanvas-bar .uk-h4, .uk-offcanvas-bar .uk-h5, .uk-offcanvas-bar .uk-h6, .uk-offcanvas-bar .uk-heading-2xlarge, .uk-offcanvas-bar .uk-heading-3xlarge, .uk-offcanvas-bar .uk-heading-large, .uk-offcanvas-bar .uk-heading-medium, .uk-offcanvas-bar .uk-heading-small, .uk-offcanvas-bar .uk-heading-xlarge, .uk-offcanvas-bar h1, .uk-offcanvas-bar h2, .uk-offcanvas-bar h3, .uk-offcanvas-bar h4, .uk-offcanvas-bar h5, .uk-offcanvas-bar h6, .uk-overlay-primary .uk-h1, .uk-overlay-primary .uk-h2, .uk-overlay-primary .uk-h3, .uk-overlay-primary .uk-h4, .uk-overlay-primary .uk-h5, .uk-overlay-primary .uk-h6, .uk-overlay-primary .uk-heading-2xlarge, .uk-overlay-primary .uk-heading-3xlarge, .uk-overlay-primary .uk-heading-large, .uk-overlay-primary .uk-heading-medium, .uk-overlay-primary .uk-heading-small, .uk-overlay-primary .uk-heading-xlarge, .uk-overlay-primary h1, .uk-overlay-primary h2, .uk-overlay-primary h3, .uk-overlay-primary h4, .uk-overlay-primary h5, .uk-overlay-primary h6, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge, .uk-section-primary:not(.uk-preserve-color) .uk-heading-large, .uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-primary:not(.uk-preserve-color) .uk-heading-small, .uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) h6 {
		color: var(--textDefault) !important;
	}

	.uk-card-primary.uk-card-body .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary>:not([class*=uk-card-media]) .uk-link, .uk-card-primary>:not([class*=uk-card-media]) a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link, .uk-card-secondary>:not([class*=uk-card-media]) a, .uk-light .uk-link, .uk-light a, .uk-offcanvas-bar .uk-link, .uk-offcanvas-bar a, .uk-overlay-primary .uk-link, .uk-overlay-primary a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a {
		color: var(--textDefault) !important;
	}
	
	.uk-card-primary.uk-card-body .uk-nav-default>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-card-secondary.uk-card-body .uk-nav-default>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-light .uk-nav-default>li>a, .uk-offcanvas-bar .uk-nav-default>li>a, .uk-overlay-primary .uk-nav-default>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a {
		color: var(--textDefault) !important;
		opacity: 0.5;
	}
	
	.uk-card-primary.uk-card-body .uk-text-muted, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted, .uk-card-secondary.uk-card-body .uk-text-muted, .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted, .uk-light .uk-text-muted, .uk-offcanvas-bar .uk-text-muted, .uk-overlay-primary .uk-text-muted, .uk-section-primary:not(.uk-preserve-color) .uk-text-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted {
		color: var(--textDefault) !important;
		opacity: 0.5;
	}

    /* unselected item hover */
    .darkMode .uk-navbar-nav>li.uk-active>a, .darkMode .uk-navbar-nav>li>a:active, .darkMode .uk-navbar-nav>li>a:focus, .darkMode .uk-navbar-nav>li>a:hover{
      color: var(--textLightHover);
    }
		/* extra top nav bar */
		.darkMode .tm-toolbar-container:not(.uk-navbar-transparent) {
			background: var(--grayTwo);
		}

		.darkMode .tm-product-card {
			background-color: var(--grayTwo);
			border-left-color: var(--opaqueSeparator);
			border-bottom-color: var(--opaqueSeparator);
		}

		/* TODO: Is navbar bottom-border wanted? */
		.darkMode .tm-navbar-container {
			border-bottom: 0px solid var(--opaqueSeparator);
		}
		.darkMode .tm-product-description, .darkMode .tm-product-info, .darkMode .tm-navbar-container, .darkMode .uk-list-divider>:nth-child(n+2), .darkMode .uk-table-divider>:first-child>tr:not(:first-child), .darkMode .uk-table-divider>:not(:first-child)>tr, .darkMode .uk-table-divider>tr:not(:first-child), .darkMode .tm-products-list .tm-product-card-shop {
			border-color: var(--opaqueSeparator);
		}
		.darkMode .tm-scrollbox {
			background: var(--paneBackground);
		}

		.darkMode .uk-card-body+.uk-card-body {
			border-top: 1px solid #000;
		}

    .darkMode li.navbar-pipe-separator {
      color: rgba(250, 250, 250, 0.1);
    }

		.darkMode .cx-product-navbar {
			backdrop-filter: saturate(1.8) blur(20px);
			background-color: rgba(0, 0, 0, 0.8);
      		border-bottom: 1px solid var(--headerBack);
		}

		.darkMode .tm-product-nav {
			background-color: unset;
		}

		/* dupe from modern MX */

		.darkMode .uk-section-small {
			background-color: var(--grayOne);
		}

    .darkMode .uk-section-muted {
      background-color: var(--grayOne);
    }

		.darkMode .uk-section-default {
			background-color: var(--grayTwo);
		}

		.darkMode .uk-section-primary {
			background-color: var(--accentColor);
		}

		.darkMode .uk-card-default {
			background-color: var(--grayTwo);
		}

		.darkMode .uk-offcanvas-bar {
			background-color: var(--grayTwo);
		}
		.darkMode .uk-card-default .uk-card-header {
			border-bottom-color: #000;
		}
		.darkMode .uk-card-default .uk-card-footer {
			border-top-color: #000;
		}
		.darkMode .uk-list-divider>li:nth-child(n+2) {
			border-top-color: var(--opaqueSeparator);
		}
		.darkMode .uk-dropdown, .darkMode .uk-navbar-dropdown, .darkMode .uk-modal-dialog {
			background-color: var(--grayOne);	
			/* TODO: TEMPORARY FIX FOR DARK MODE DROP SHADOW
			box-shadow: 0 5px 12px rgba(0,0,0,1.0); 
			*/
		}
		.darkMode .uk-card-default.uk-card-hover:hover {
			/* background-color: #1A2024; */
			background-color: var(--grayTwo);
			/* TODO: TEMPORARY FIX FOR DARK MODE DROP SHADOW
			/*
			box-shadow: 0 14px 25px rgba(0,0,0,0.6);
			*/
		}

		.darkMode .uk-card-sub {
			border:1px #000 solid;
		}
		.darkMode .uk-card-sub .uk-card-title, .darkMode .uk-card-title {
			color: var(--textLightOne);
		}
		/* TODO: TEMPORARY FIX FOR DARK MODE DROP SHADOW
		/*
		.darkMode .uk-card-sub:hover {
			//background: #111;
			box-shadow: 0 14px 25px rgba(0,0,0,1);		
		}
		*/
		.darkMode .uk-description-list>dt {
			color:#DDD;
		}
		.darkMode .uk-description-list>dd {
			color:#999;
		}

		.darkMode .uk-notification-message {
			background-color: #1A2024;	
		}

		.darkMode .uk-h1, .darkMode .uk-h2, .darkMode .uk-h3, .darkMode .uk-h4, .darkMode .uk-h5, .darkMode .uk-h6, .darkMode h1, .darkMode h2, .darkMode h3, .darkMode h4, .darkMode h5, .darkMode h6 {
			color: var(--textLightOne);
		}
		.darkMode .uk-article-body {
			color:rgba(255,255,255,0.7);
		}
		.darkMode .uk-hr, .darkMode hr {
			border-top-color: #000;
		}
		.darkMode .uk-tab>.uk-active>a {
			color:rgba(255,255,255,0.7);
		}
		.darkMode .uk-nav-header {
			color:rgba(255,255,255,0.7) !important;
		}
		.darkMode .uk-table-hover tbody tr:hover {
			background:#7773;
			/* color:#000; */
			color:#666;
		}

		.darkMode .uk-form-label {
			color:#eee;
		}

		.darkMode .uk-label, .darkMode .uk-label-warning, .darkMode .uk-label-danger, .darkMode .uk-label, .darkMode .uk-label-success {
			color:#000;
		}
		
		.darkMode .uk-button-default {
			color:#eee;
		}

		/* Steve original changed styles
		.darkMode .uk-button-primary {
			background-color:#1A2024;
		}
		.darkMode .uk-button-primary:hover, .darkMode .uk-button-primary:focus {
			background-color:#2A3034;
		}
		.darkMode .uk-button-primary:active {
			background-color:#3A4044;
		}
		*/

    /* Main Navbar */
    .darkMode .uk-navbar-nav>li>a.selected-product-page {
      color: var(--textLightOne) !important;
      /* border-bottom: 2px solid var(--accentColor); */
    }

    /* ColorGear catalog dropdown */
    .darkMode .uk-navbar-dropdown.uk-margin-remove.uk-padding-remove-vertical.uk-drop.uk-drop-boundary.uk-open.uk-drop-bottom-center {
      background-color: var(--grayOne);
    }

    /* dropdown category dividers */
    .darkMode .uk-navbar-dropdown-grid>:not(.uk-first-column)::before {
      border-left: 1px solid var(--opaqueSeparator);
    }

    .darkMode .uk-navbar-dropdown-grid .uk-text-bolder {
      color: var(--textLightOne);
    }

    /* Product Pages */
    /* ColorThink Hero */
    .darkMode .ct-blue {
      color: var(--accentColor);
    }

    .darkMode #ct-hero-text h1 {
      color: #EAEAEA;
      font-weight: 500;
    }

    .darkMode #ct-hero-text p {
      color: rgba(255, 255, 255, 0.7);
      font-weight: 400;
      font-size: 1.25rem;
    }

    .darkMode #ct-hero-text p .uk-text-bold {
      font-weight: 400;
    }

    .darkMode #ct-hero-text p .uk-button-primary {
      background-color: transparent;
      border: 1px solid var(--accentColor);
    }

    .darkMode #main-feats {
      background-color: var(--grayOne);
      background-image: none;
    }
    
    .darkMode .uk-lightbox {
		background-color: var(--grayOne);
		background-image: none;
    }
    
    .darkMode .uk-lightbox-button {
    	color:#FFF;
    }
    
    .uk-lightbox-button {  /* turn it into an ison button */
        -webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 36px;
		height: 36px;
		border-radius: 500px;
		background-color: #7774;
	}
    
    .darkMode .uk-lightbox-toolbar-icon {
          color: rgba(255, 255, 255, 0.7);
	}

    .darkMode .uk-card.uk-card-hover.uk-card-small.uk-card-body {
      border-radius: 6px;
    }

    .darkMode .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
      background: none;
      box-shadow: rgb(51, 51, 51) 0px 0px 0px 1px;
    }

    /* Revert "section-overflow" in benefits and featurs so dark mode separators look nice */
    .darkMode #benefits, .darkMode #features {
      margin-left: revert;
      margin-right: revert;
      padding-left: revert;
      padding-right: revert;

      background-color: transparent;

      border-top: 1px solid var(--opaqueSeparator);
      border-bottom: 1px solid var(--opaqueSeparator);
    }

    .darkMode #benefits .uk-card-default {
      background-color: transparent;
      box-shadow: rgb(51, 51, 51) 0px 0px 0px 1px;
      border-radius: 6px;
    }

    .darkMode #benefits .uk-card-title {
      color: var(--textLightOne);
      font-weight: 600;
    }

    .darkMode #benefits p {
      color: var(--textLightTwo);
    }

    .darkMode #main-feats .uk-list, .darkMode #main-feats .uk-list .indented-li {
      color: var(--textLightTwo);
    }

    .darkMode #customers h2 {
      color: var(--textLightOne);
    }
    


    /* dummy */



		/* Copied from original */
		.darkMode .uk-button-primary {
			background-color: #1e87f0;
			color: #fff;
			border: 1px solid transparent
		}
		
		.darkMode .uk-button-primary:focus, .darkMode .uk-button-primary:hover {
			background-color: #0f7ae5;
			color: #fff
		}
		
		.darkMode .uk-button-primary.uk-active, .darkMode .uk-button-primary:active {
			background-color: #0e6dcd;
			color: #fff
		}

		.darkMode .uk-nav-default .uk-nav-header, .darkMode .uk-nav-default .uk-nav-sub li.uk-active > a, .darkMode .uk-nav-default > li.uk-active > a {
			color:#fff;
		}

		.darkMode .uk-button-danger:disabled, .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled {
			background-color: transparent;
			color: #999;
			border-color: #e5e5e5;
			text-decoration: line-through;
		}		

		.darkMode .uk-button-danger:disabled:hover, .uk-button-default:disabled:hover, .uk-button-primary:disabled:hover, .uk-button-secondary:disabled:hover {
			background-color: transparent;
			color: #999;
			border-color: #e5e5e5;
		}		

			.darkMode input[type=search] {
				-webkit-appearance: none;
				background-color: #1A2024;
				border: #555 1px solid;
				color: white;
			}
			.darkMode input[type=text]:focus, .darkMode input[type=textarea]:focus {
				background-color: #1A2024;
			}
			.darkMode input[type=text], .darkMode input[type=tel], .darkMode input[type=email], .darkMode textarea, .darkMode textarea:focus, .uk-textarea:focus {
				background-color: #1A2024;
				color: white;
			}
			.darkMode input, .darkMode input:focus, .darkMode input:active {
				background-color: #1A2024;
			}
			.darkMode input:-webkit-autofill  {
				background-color: #1A2024 !important;
			}
			.darkMode input[type=text]:hover, .darkMode input[type=textarea]:hover {
				border-style: dashed;
				/* border-color: #555; */
			}
			.darkMode .uk-input:disabled, .darkMode .uk-input:disabled:hover, .darkMode .uk-select:disabled, .darkMode .uk-textarea:disabled {
				background-color: #1A2024;
				border-color:transparent;
				color:inherit;
			}
			.darkMode .uk-select, .darkMode .uk-select:focus {
				background-color: #1A2024;
				color:white;
			}

			/* Pill modifier
			 ========================================================================== */
			/* .darkMode .uk-subnav-pill > * > :first-child {
			  padding: 5px 10px;
			  background: transparent;
			} */
			/* Hover + Focus */
      .darkMode .uk-subnav-pill li.uk-active:hover, .darkMode .uk-subnav-pill li.uk-active:focus {
			  background-color: transparent;
        color: var(--textHigh);
			}
      .darkMode .uk-subnav-pill a.uk-button-default:hover {
        background-color: var(--accentColor);
        color: var(--textHigh)
      }
			.darkMode .uk-subnav-pill a:hover,
			.darkMode .uk-subnav-pill a:focus {
			  background-color: transparent;
        color: var(--textLightHover)
			}
			/* OnClick */
			/* .darkMode .uk-subnav-pill > * > a:active {
			  background-color: #f8f8f8;
			} */
			/* Active */
			.darkMode .uk-subnav-pill > .uk-active > a {
			  background-color: unset;
			}
			/* Active, 1st child */
			.darkMode .uk-subnav-pill > .uk-active > a :first-child {
			  color: #fff;
			}