.theme-dark
{
	--wtk-header:#666; /*This is for change header background color of website*/
	--wtk-footer:#333; /*This is for change Footer background color of website*/
	--wtk-header-text:#fff;/*Header site name title*/
	--wtk-header-text2:#fff;/*Header site tag title*/
	--wtk-bodybg:#aaa; /*This is for change body background color of website*/
	--wtk-bg:pink;  /*This is for force background color of content*/
	--wtk-text:#fff; /*This is for force text color of content*/
	
	--wtk-links:#fff; /*This is for change anchor tag text color */
	--wtk-links-hover:#aaa; /*This is for change anchor tag text color hover*/
	--wtk-underline: #fff; /*Used for underline any text or heading*/
	
	--wtk-btn:#999; /*this color is use for button color use default secondary*/
	--wtk-btn-text:#000;/*this color is use for button text color*/
	--wtk-btn-hover:#17132b; /*this color is use for button color on hover use default primary*/
	--wtk-btn-text-hover:#fff;/*this color is use for button text color on hover*/
	
	
	--wtk-primary:#271840; /* global color used for text of background */	
	--wtk-secondary: #17132b; /* global color used for text or background*/
	--wtk-heading:#222; /* This is used for website header text color*/
	--wtk-heading-after:#fff; /* This is used for website header text after color*/
	
	--wtk-light:#271840;
	--wtk-white:#fff;
	--wtk-black:#000;
	--op-color:231, 191, 431; /*this is used to provide opacity in background*/
	--op-color-hover:255, 255, 255; /*this is used to provide opacity on hover background*/
	
	
	 /*----------------------------------------/
	/        color code for top menu		  /
   / ---------------------------------------*/
	 	 
	--wtk-menu-bg: #000;	/*This is for change top menu background color*/
	--wtk-text-main : #fff; /*This is for change top menu text color*/
	
    --wtk-menu-hover: #353535;	/*This is for change top menu background hover color*/
	--wtk-menu-text: #fff; /*This is for change top menu text hover color*/
	
	--wtk-menu-text-hover:#fff; /*This is for change top menu submenu hover color*/
	--wtk-group-title-bg:#271840; /*This is for change top menu group title-bg color*/
	--wtk-group-title-text:#fff; /*This is for change top menu group title-text color*/
	
	
	/*---------------------------------------/
   /      color code for main menu  		/
  /---------------------------------------*/
	 
	 --wtk-menu2-bg:#333;  /*This is used for submenu background color*/
	 --wtk-menu2-text:#fff;  /*This is used for main menu text color*/
	 
	 --wtk-submenu-link: #fff;   /*This is used for submenu text color*/
	 --wtk-submenu-link-hover:#ffffc7; /*This is used for both (main menu and submenu) text hover color*/
	 
	 --wtk-menu2-text-hover:#f78124;
	 --wtk-menu2-hover-bg:#271840; /*This is used for submenu hover background color*/
	 
}

.theme-light
{	
	--wtk-header:#0d5074; /*This is for change header background color of website*/
	--wtk-header-text:#fff;/*Header site name title*/
	--wtk-header-text2:#fff;/*Header site tag title*/
	--wtk-footer:#0d5074; /*This is for change Footer background color of website*/
	--wtk-bodybg:#fff; /*This is for change body background color of website*/
	--wtk-bg:#f27f0c; /*This is for force background color of content*/
	--wtk-text:#0d5074; /*This is for force text color of content*/
	
	
	 /*----------------------------------------/
	/        color code for site liks		  /
   / ---------------------------------------*/
	--wtk-links:#0d5074; /*This is for change anchor tag text color */
	--wtk-links-hover:#f27f0c; /*This is for change anchor tag text color hover*/
	 /*----------------------------------------/
	/        color code for buttons     	  /
   / ---------------------------------------*/
	--wtk-btn:#f27f0c; /*this color is use for button color use default secondary*/
	--wtk-btn-text:#fff;/*this color is use for button text color*/
	--wtk-btn-hover:#0d5074; /*this color is use for button color on hover use default primary*/
	--wtk-btn-text-hover:#f27f0c;/*this color is use for button text color on hover*/
	--wtk-btn-outline-text: #0d5074;/*This is for outline button text*/
	--wtk-btn-outline:#fff;
	
	--wtk-primary:#0d5074; /* global color used for text of background */	
	--wtk-secondary: #f27f0c; /* global color used for text or background*/
	--wtk-underline: #f27f0c; /*Used for underline any text or heading*/
	
	--wtk-heading:#0d5074; /* This is used for website header text color*/
	--wtk-heading-after:#f27f0c; /* This is used for website header text after color*/
	
	--wtk-light:#f27f0c; /* This is used for navbar collapse background color*/
	--wtk-white:#fff;
	--wtk-black:#000;
	--op-color:244, 244, 244; /*this is used to provide opacity in background*/
	--op-color-hover:0, 71, 115; /*this is used to provide opacity on hover background*/
	
	
	 /*----------------------------------------/
	/        color code for top menu		  /
   / ---------------------------------------*/
	
	--wtk-menu-bg: #f27f0c; /*This is for change top menu background color*/
	--wtk-text-main : #fff;  /*This is for change top menu text color*/
	
    --wtk-menu-hover: #0d5074; /*This is for change top menu background hover color*/
	--wtk-menu-text: #fff;  /*This is for change top menu text hover color*/
	
	--wtk-menu-text-hover:#fff;  /*This is for change top menu submenu hover color*/
	--wtk-group-title-bg: #f27f0c; /*This is for change top menu group title-bg color*/
	--wtk-group-title-text:#0d5074; /*This is for change top menu group title-text color*/
	
	--wtk-toggle-btn-bg:#00243a; /*This is used for toggler button background color*/
	
	/*---------------------------------------/
   /      color code for main menu  		/
  /---------------------------------------*/
	 
	 --wtk-menu2-bg:#0d5074;  /*This is used for submenu background color*/
	 --wtk-menu2-text:#fff;  /*This is used for main menu text color*/
	 
	 --wtk-menu2-flyout-bg:#0d5074;
	 --wtk-submenu-link: #fff;   /*This is used for submenu text color*/
	 --wtk-submenu-link-hover:#f27f0c; /*This is used for both (main menu and submenu) text hover color*/
	 
	 --wtk-menu2-text-hover:#f78124;
	 --wtk-menu2-hover-bg:#0d5074; /*This is used for submenu hover background color*/
	 /* --wtk-mobile-bg-hover:#0d5074;/*This is used for mobile menu bg hover color*/ 
	 /* --wtk-mobile-bg:#014e72;/*This is used for dropdown menu background color*/ 
}