/*CSS HANDLER */

#themeSwitcher {
	float: right;
	margin-right: 10px;
	margin-top: 8px;
}
#themeSwitcher > .button {
	background: none !important;
	margin: 0;
	float: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 0;

}

#themeSwitcher span {
	border: 1px solid #fff !important;
	height: 20px;
	width: 20px;
	display: block;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}
#themeSwitcher span::after {
	content: "";
	width: 105%;
	height: 105%;
	position: absolute;
	transform: translate(-7px, 7px) rotate(45deg);
}
/*fine*/
#themeSwitcher > .button:hover{
}
#themeSwitcher > .button input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
#themer + span::before {
	font-family: themeswitcher;
	color: gold;
	font-size: 17px;
}
#themer + span::before {
  content: '\e801';
}

#themer:checked + span::before {
  content: "\e800";
	color: #fcff73;
}


#lightdesc {display: inline-block}
#darkdesc {display: none}