:root{
       
      --primary-text:black; 
        
      /*--baseHeadColor:var(--yellow);*/
      /*--baseMenuColor:var(--yellow);*/
      /*--baseMenuTxtColor:var(--black);*/
    
      --headercolor:var(--yellow);
      --modeColor:var(--white);
      --menuColor:var(--yellow);
      --menuTxtColor:var(--black);
}

/********inverts*********/

.invert{
	filter: invert(1);
}

.mode-invert-none{
	filter: invert(1);
}

.dark-mode .mode-invert-none{
	filter: invert(0);
}

.invert50p{
	filter: invert(.5);
}
.invert70p{
	filter: invert(.7);
}

/******/

.mode-invert-white{
      background-color:var(--white);
}
.dark-mode .mode-invert-white{
      background-color:var(--grey);
	  /*border-color:var(--border-dark) !important;*/
}

/*****************/

.dark-mode{

      --primary-text:#787878; 

      /*--baseHeadColor:var(--grey);*/
      /*--baseMenuColor:var(--yellow);*/
      /*--baseMenuTxtColor:var(--black);*/

      --headercolor:var(--grey);
      --modeColor:var(--dark);
      --menuColor:var(--yellow);
      --menuTxtColor:var(--black);
}

/*********MODE-COLOR**********/

.mode-color{
	  /*background-color:var(--dark);*/
      background-color:var(--modeColor);
	  border-color:var(--border-dark) !important;
	  font-weight:500;
	  /*color:black;*/
}
.dark-mode .mode-color{
	  /*color:#787878;*/
}

.mode-color-2{
      background-color:#8d7452;
	  border-color:var(--border-dark) !important;
}
.dark-mode .mode-color-2{
      background-color:var(--grey);
	  border-color:var(--border-dark) !important;
}

/*******Átirni*******/

.mode-white{
      background-color:var(--white);
}
.dark-mode .mode-white{
      background-color:var(--grey);
	  /*border-color:var(--border-dark) !important;*/
}



/******white********/

.mode-white-grey{
	background-color:var(--white);
	border-color:var(--border-dark) !important;
}
.dark-mode .mode-white-grey{
	background-color:var(--grey);
	border-color:var(--border-dark) !important;
}

.mode-white-lgrey{
	background-color:var(--white);
	border-color:var(--border-dark) !important;
}
.dark-mode .mode-white-lgrey{
	background-color:var(--lgrey);
	border-color:var(--border-dark) !important;
}

/*******grey*******/

.mode-lgrey-grey{
	background-color:var(--lgrey);
	border-color:var(--border-dark) !important;
}
.dark-mode .mode-lgrey-grey{
	background-color:var(--grey);
	border-color:var(--border-dark) !important;
}
.mode-lgrey-dark{
	background-color:var(--lgrey);
	border-color:var(--border-dark) !important;
}
.dark-mode .mode-lgrey-dark{
	background-color:var(--dark);
	border-color:var(--border-dark) !important;
}

.mode-lgrey-black{
	background-color:var(--lgrey);
}
.dark-mode .mode-lgrey-black{
	background-color:var(--black);
}

.mode-lgrey-darker{
	background-color:var(--lgrey);
	border-color:var(--border-dark) !important;
}
.dark-mode .mode-lgrey-darker{
	background-color:var(--darker);
	border-color:var(--border-dark) !important;
}


.mode-grey-dark{
	background-color:var(--grey);
}
.dark-mode .mode-grey-dark{
	background-color:var(--dark);
}

.mode-grey-black{
	background-color:var(--grey);
}
.dark-mode .mode-grey-black{
	background-color:var(--black);
}

	.mode-lgrey-grey{
		background-color:var(--lgrey);
	}
	.dark-mode .mode-lgrey-grey{
		background-color:var(--grey);
	}


/********white*********/


.mode-white-dark{
	background-color:var(--white);
}
.dark-mode .mode-white-dark{
	background-color:var(--dark);
}
.mode-white-black{
	background-color:var(--white);
	color:black;
}
.dark-mode .mode-white-black{
	background-color:var(--black);
	color:white;
}

/******dark-modes******/

.mode-dark-black{
	background-color:var(--dark);
}
.dark-mode .mode-dark-black{
	background-color:var(--black);
}

.mode-dark-darker{
	background-color:var(--dark);
}
.dark-mode .mode-dark-darker{
	background-color:var(--darker);
}

/******YELLLOW*******/

.mode-yellow-color{
      background-color:var(--yellow);
	  border-color:var(--border-dark) !important;
}
.dark-mode .mode-yellow-color{
      background-color:var(--dark);
	  border-color:var(--border-dark) !important;
}


/*******lblue***********/
.mode-lblue-dark{
    background-color: lightblue;
}
/*002636*/
/*#092d49*/
.dark-mode .mode-lblue-dark{
    background-color: var(--grey);
}

/********blue*********/

.mode-blue-black{
	background-color:var(--blue);
}
.dark-mode .mode-blue-black{
	background-color:var(--black);
}

.mode-border{
      background-color:var(--modeColor);
}

/******banner-color*******/

.banner-color{
    /*background-color:lightblue !important;*/
    /*background-color:var(--red) !important;*/
    background-color:var(--white) !important;
    /*border-color: var(--border-dark) !important;*/
    color:var(--black) !important;
    /*color:var(--white) !important;*/
}

/******header-color*******/

.header-color
{
      background-color:var(--headercolor) !important;
      border-color: var(--border-dark) !important;
      /*border-color: var(--border-bright) !important;*/
}
.menu-bg-color{
      background-color:var(--headercolor,#646765) !important;
      border-color: var(--border-dark) !important;
}
.menu-color
{
      color:var(--menuTxtColor) !important;
      border-color: var(--border-dark) !important;
      background-color:var(--menuColor) !important;
}