#pubMenu{
	margin: 0 auto;
	max-width: 1024px;
	position: relative;
	z-index: 99999;
}
#selectPub{
  user-select: none;
  cursor: pointer;
  transition: 1.5s ease-in;
  width: fit-content;
  position: relative;
}
#pub-label{
	
}
#publication{
	display: none;
}
#publication:checked + #pub-label > #selectPub::before{
  
}
#publication:checked + #pub-label > #selectPub > #selectTrigger{
  background-color: #000;
  color: #fff;
}
#publication:checked + #pub-label > #selectPub > #selectTrigger::after{
  transform: rotateZ(90deg);
  transition: 0.15s ease-in;
}
#publication:checked + #pub-label > #selectPub > #selectOptions{
  display: inline;
  height: auto;
  transition: 0.15s ease-in;
}
#selectOptions{
  display: inline;
  overflow: hidden;
  height: 0%;
  position: absolute;
  transition: 0.15s ease-in;
}
#selectTrigger{
  display: inline-block;
  background-color: var(--main-color);
  color: #fff;
  padding: 9px 50px 9px 30px;
  font-size: 16pt;
  position: relative;
}
#selectTrigger::after{
  content: "\f25a";
  margin-left: 7px;
  transform: rotateZ(0deg);
  position: absolute;
  transition: 0.15s ease-in;
  font-family: FontAwesome;
}
#selectTrigger::hover{
  
}
.option{
  display: table;
  background-color: #ededed;
  padding: 10px 30px;
  border-bottom: 1px dotted #c0c0c0;
  font-size: 14pt;
  width: 100px;
}
.option:hover{
  background-color: darkred;
  color: #fff;
}
.option-selected{
  background-color: var(--main-color);
  color: #fff;
  pointer-events: none;
}