.format-container{
  position: relative;
  margin: 10px 15px 0px 0px;
}
.format-button{
  position: relative;
  margin: 0px 0px 10px 0px;
  display: flex;
  flex-wrap: wrap;
}
.format-btn{
  display:inline-block;
  margin: 10px 10px 5px 0px;
  padding: 5px 7px;
  border-radius:4px;
  background: white;
  font-size: 0.8rem;
}
input[type=radio]:checked + .format-btn{
  background: rgb(218, 231, 240);
}
.fmt-news     { border: 3px solid #4a90e2; }
.fmt-review   { border: 3px solid #59b35c; }
.fmt-guide    { border: 3px solid #f5a623; }
.fmt-project  { border: 3px solid #9b59b6; }
.fmt-article  { border: 3px solid #b07d55; }
.fmt-courses  { border: 3px solid #BD1A46; } /*1abc9c*/
.fmt-other    { border: 3px solid rgb(130, 130, 130); }

.fmt-news1 {
  border: 3px solid transparent;
  border-image: repeating-linear-gradient(
                 45deg,  /*rgb(238, 240, 241) 0 6px*/
                 rgb(152, 196, 234) 6px 12px ,     /*rgb(180, 214, 244) 6px 12px*/ 
                 rgb(62, 95, 149) 12px 18px) 1; /*rgb(74, 110, 168) 12px 18px*/
}


.topics-picker{
  margin: 14px 0px 25px 0px;
  font-size: 1rem;
}
.topic-section{
  margin: 10px 0px 4px 0px;
  padding: 3px 10px 3px 8px;
  font-weight: 600;
}
.topic-section {background: white;} /*f1f1f1*/

.topic-btn{
  display: inline-block;
  margin: 3px 4px 3px 4px;
  padding: 3px 8px;
  background: #f1f1f1;
  border: 1px solid rgb(137, 137, 137);
  border-radius: 3px;
  font-size: 0.9rem;
}

input[type=checkbox]:checked + .topic-btn{
  background:#4a90e2;
  color:#fff;
  box-shadow:0 0 0 1px black inset;
}

.fmt-badge{
  display:inline-block;
  margin: 0px 8px 2px 0px;
  padding: 3px 5px;
  font-size: 0.8rem;
  font-weight:600;
  border-radius:3px;
}
.post-topics{
  font-size: 0.85rem;
  margin: 9px 10px 8px 0px;
  color: rgba(66, 101, 168);
}