/*//////////////////////////////////////////////////////////
//  _      __          __                  __       __    //
// | | /| / /__ ___ __/ /  ___ _____  ___ / /___ __/ /__  //
// | |/ |/ / _ `/ // / _ \/ _ `/ __/ (_-</ __/ // / / -_) //
// |__/|__/\_,_/\_, /_.__/\_,_/_/   /___/\__/\_, /_/\__/  //
//             /___/                        /___/         //
////////////////////////////////////////////////////////////
*/



/*Main settings.*/
* {
	font-family: RobotoMonoNerdFont;
	font-size: 14px;
	font-weight: Bold;
	}

window#waybar {
	background: rgba(0,0,0, 0);
	transition-property: background-color;
	transition-duration: .5s;
	}

window#waybar > box{	
	border-top: 2px solid rgba(49,50,68, 1);
	/*box-shadow: rgba(0, 0, 0, 0.35) 4 4 5 2px;*/
	background: rgba(24,24,37, 1.0);
	color: #7f849c;
	transition-property: background-color;
	transition-duration: .5s;
	}


.modules-right {
	border-radius: 7;
	background-color: rgba(39,39,68, 0.95);
	box-shadow: rgba(0, 0, 0, 0.16) 4 4 5 2px;
	margin: 9 9 9 0px;
	padding: 2 2 2 2px;
	}


.modules-center {
	border-radius: 7;
	background-color: rgba(39, 39, 68, 0.95);
	box-shadow: rgba(0, 0, 0, 0.16) 4 4 5 2px;
	margin: 9 0 9 0px;
	padding: 2 2 2 2px;
	}


.modules-left {
	border-radius: 7;
	background-color: rgba(39, 39, 68, 0.95);
	box-shadow: rgba(0, 0, 0, 0.16) 4 4 5 2px;
	margin: 9 0 9 9px;
	padding: 2 2 2 2px;
	}


/*Modules setting.*/


/*1. Workspace switcher module.
Main.*/
#workspaces {
	margin: 2 0 2 0px;
	font-size: 18px;
	}

/*1.1. Inactive workspace button.*/
	#workspaces button {
		transition: all 0.3s ease;
		font-size: 17px;
		padding: 3 16 3 10px;
		border-radius: 7px;
		color: #585b70;
		}

/*1.2. Inactive workspace hover button.*/
	#workspaces button:hover {
		box-shadow: inherit;
		text-shadow: inherit;
		transition: all 0.3s ease;
		}

/*	#workspaces button.focused,
1.3. Active workspace button.*/
	#workspaces button.active {
		color: #b4befe;
		transition: all 0.3s ease;
		text-shadow: rgba(0, 0, 0, 0.288) 2 2 5 2px;
		animation: colored-gradient 10s ease infinite;
		padding: 3 16 3 10px;
		font-weight: bolder;
		font-size: 17px;
		}

/*1.4. Warning workspace button.*/
	#workspaces button.urgent {
		color: #f38ba8; 
		transition: all 0.3s ease;
		}


/*2. Keyboard layout module.*/
#language { 
	color:#b4befe;
	padding: 0 0 0 0px;
	}

/*3. PulseAudio control module.*/
#pulseaudio.audio {
	color: #b4befe;
	text-shadow: rgba(0, 0, 0, 0.288) 2 2 5 2px;
	padding: 0 0 0 10px;
	}

/*5. PulseAudio muted status module3*/
#pulseaudio.audio.muted {
	box-shadow: rgba(0, 0, 0, 0.0) 2 2 5 2px;
	color: #7f849c;
	padding: 0 6 0 10px;
	font-size: 16px;
	}

/*6. Batteries capacity monitoring module.*/
#battery {
	padding: 0 6 0 0px;
	}

#custom-wifiicon {
	padding-right: 3px;	
	}

#custom-tempicon {
	padding-right: 3px;	
	}

#custom-btd {
	padding-right: 15px;	
	padding-top: 1px;	
	font-size: 15px;
	}

#custom-btc {
	padding-right: 6px;	
	padding-top: 2px;	
	font-size: 15px;
	}

#custom-logo {
	font-family: RobotoMonoNerdFont;
	font-weight: bold;
	font-size: 15px;
	padding-top: 1px;
	padding-left: 4px;
	}

#network {
	padding-right: 10px;
	}

/*7. Batteries charging status monitoring module.*/
#battery.charging, #battery.plugged {
	color: #b4befe;
	text-shadow: rgba(0, 0, 0, 0.288) 2 2 5 2px;
	animation: gradient 5s linear infinite;
	transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
	}

/*8. Date and time module.*/
#clock {
	padding: 0 0 0 10px;
	}