.quote_pwiki_snippet{
	font-style: inherit;
	font-weight: normal;
	padding: .8em;
}

.quote_pwiki_content {
  display: none;
  padding: 20px;
  border-top: 2px solid #ddd;
  border: 2px solid #ddd;
}

.quote_pwiki_content_singular {
  padding: 20px;
  border: 2px solid #ddd;
}

.qpw_title_single {
  max-width: initial !important;
}

.quote_pwiki_tabs {
  display: none;
}

.quote_pwiki_snippet_title {
  display: inline-block;
  margin: 0 0 -2px;
  padding: 4px;
  text-align: center;
  background: #eee;
  border: 2px solid transparent;
  max-width: 32%;
}

.quote_pwiki_snippet_title:hover {
  color: #888;
  cursor: pointer;
}

.quote_pwiki_tabs:checked + label {
  color: #555;
  background: inherit;
  border: 2px solid #ddd;
  border-top: 2px solid green;
  border-bottom: 2px solid #fff;
}

#quote_pwiki_tab1:checked ~ #quote_pwiki_content1,
#quote_pwiki_tab2:checked ~ #quote_pwiki_content2,
#quote_pwiki_tab3:checked ~ #quote_pwiki_content3
{
  display: block;
}

@media screen and (max-width: 650px) {

  .quote_pwiki_snippet_title {
    font-size: .8em;
    display:inline;
  }
  .quote_pwiki_snippet_title:before {
    margin: 0;
    font-size: .8em;
  }

}

@media screen and (max-width: 400px) {
  
  .quote_pwiki_snippet_title {
    font-size: .4em;
    display:inline;
    padding: 6px;
    border-bottom: 2px solid #fff;
  }
  .quote_pwiki_snippet_title:before {
    margin: 0;
    font-size: .4em;
  }

}