blockquote {
	/* needs space esp. between multiple quotes */
    margin: 1em 0 1em .5em;
}

.wrapper-dropdown-2 {
    position: relative;
    width: auto;
    min-width: 110px;
    padding: 5px 55px 5px 10px;
    margin: 0 auto;
    background: #ccc;
    color: #fff;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
}
.wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #fff;
}
.wrapper-dropdown-2 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 90px;
    text-align: left;
    background: #fff;
    font-weight: normal; /* Overwrites previous font-weight: bold; */
	padding:0px;
    opacity: 0;
    pointer-events: none;
    list-style-type: none;
}
.wrapper-dropdown-2 .dropdown li {
  background-color: var(--theme-background-near-white-to-darker-purple);
}
.wrapper-dropdown-2 .dropdown li a {
    display: block;
    text-decoration: none;
    padding: 10px 20px;
}

/* Hover state */
.wrapper-dropdown-2 .dropdown li:hover a {
    background: var(--theme-background-near-white-to-lighter-purple);
}
/* Active state */
.wrapper-dropdown-2.active .dropdown {
    opacity: 1;
	border: 1px solid #3E3E50;
    pointer-events: auto;
}

.wrapper-dropdown-2.active:after {
    border-color: #ffffff transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-dropdown-2.active {
  background: #3E3E50;
}
.rep_announce{
	background-color: #ec8686;
    color: white;
    padding: 2px 5px 2px 5px;
    border-radius: 10px;
	display:block;
}

#positionHolder{
	display:none;
}
#privateHolder{
	display:none;
}
#leadersHolder{
	display:none;
}

.positionComment{
	width:100%;
	display: flex;
	flex-direction: column;
	/* no margin top/bottom, for equal space above and below border-bottom of positionComment */
	padding: 8px 0;
	border-bottom: 1px solid #ebebeb;
}

.goToLink {
	margin: 4px 0 0 0;
}

@media screen and (min-width: 450px) {
	.positionComment {
		display: inline-block;
		flex-direction: initial;
	}
	.goToLink {
		margin: 4px 0 0 168px;
	}
}
.positionComment .board a{
	width: 156px;
	float: left;
	/* same padding top and bottom, for equal space above and below border-bottom of positionComment */
	padding: 10px 15px 10px 0;
	box-sizing: content-box;
}
.positionComment .text{
	padding: 3px;
	line-height: 140%;
}
.positionComment .text .user{
	font-size:1.5rem;
	line-height: 100%;
	display:block;
	margin-bottom: 6px;
}
.positionComment .text .time{
	color:gray;
	font-style: italic;
	white-space: nowrap;
}
.positionComment .text .quoteRight {
	margin-right: 10px;
}
.fullBookDescription{
	display:none;
}

.collapsableButton{
	display: block;
	width: 100%;
	margin: 15px auto 0;
	cursor: pointer;
	background-color: var(--theme-border-white-to-light-purple);
	padding: 5px 0;
	font-size: 14px;
	border-radius: 2px;
	border: 0;
	font-family: Open Sans,sans-serif;
}

.collapsableButton:hover {
	background-color: #efefef;
}
.replied{
	color:green;
	text-decoration:underline;
}

.book-details .youTubeVideo {
  position:relative;
  cursor:pointer;
}
.book-details .youTubeVideo img {
  width:100%;
}
.book-details .youTubeVideo > div:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 32 32" height="32px" id="Layer_1" version="1.0" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M31.67,9.179c0,0-0.312-2.353-1.271-3.389c-1.217-1.358-2.58-1.366-3.205-1.443C22.717,4,16.002,4,16.002,4 h-0.015c0,0-6.715,0-11.191,0.347C4.171,4.424,2.809,4.432,1.591,5.79C0.633,6.826,0.32,9.179,0.32,9.179S0,11.94,0,14.701v2.588   c0,2.763,0.32,5.523,0.32,5.523s0.312,2.352,1.271,3.386c1.218,1.358,2.815,1.317,3.527,1.459C7.677,27.919,15.995,28,15.995,28   s6.722-0.012,11.199-0.355c0.625-0.08,1.988-0.088,3.205-1.446c0.958-1.034,1.271-3.386,1.271-3.386s0.32-2.761,0.32-5.523v-2.588   C31.99,11.94,31.67,9.179,31.67,9.179z" fill="black" fill-opacity="0.65"/><polygon fill="white" fill-opacity="1" points="12,10 12,22 22,16  "/></g><g/><g/><g/><g/><g/><g/></svg>') no-repeat center center;
  background-size: 11% auto;
}
.book-details .youTubeVideo:hover div:before {
  background-image: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 32 32" height="32px" id="Layer_1" version="1.0" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M31.67,9.179c0,0-0.312-2.353-1.271-3.389c-1.217-1.358-2.58-1.366-3.205-1.443C22.717,4,16.002,4,16.002,4 h-0.015c0,0-6.715,0-11.191,0.347C4.171,4.424,2.809,4.432,1.591,5.79C0.633,6.826,0.32,9.179,0.32,9.179S0,11.94,0,14.701v2.588   c0,2.763,0.32,5.523,0.32,5.523s0.312,2.352,1.271,3.386c1.218,1.358,2.815,1.317,3.527,1.459C7.677,27.919,15.995,28,15.995,28   s6.722-0.012,11.199-0.355c0.625-0.08,1.988-0.088,3.205-1.446c0.958-1.034,1.271-3.386,1.271-3.386s0.32-2.761,0.32-5.523v-2.588   C31.99,11.94,31.67,9.179,31.67,9.179z" fill="rgb(224,47,47)"/><polygon fill="white" fill-opacity="1" points="12,10 12,22 22,16  "/></g><g/><g/><g/><g/><g/><g/></svg>');
}
.book-details .youTubeVideo > div, .youTubeVideo > iframe {
  margin: 2px 0 15px
}
@media (min-width: 846px) and (max-resolution: 191dpi) {
  /* Hide huge border on SD youtube thumbnail */
  .youTubeVideo .sd_border {
    margin:-58px 0 -62px;
  }
}
@media (max-width: 845px) {
  @supports ( clip-path:polygon(0 0,0 0,0 0,0 0) ) or ( -webkit-clip-path:polygon(0 0,0 0,0 0,0 0) ) {
    .youTubeVideo img {
      -webkit-clip-path: polygon(0 13%, 100% 13%, 100% 88%, 0% 88%);
      clip-path: polygon(0 13%, 100% 13%, 100% 88%, 0% 88%);
      margin-top: -10%;
      margin-bottom: -10%;
    }
  }
}

.sale-label {
  display: inline-flex;
  align-items: stretch;
  box-shadow: 0 3px 3px -2px #bbb;
  margin-top: 6px;
}

.sale-label__discount {
  display: flex;
  padding: 0 6px;
  line-height: 100%;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  background-color: #e96d22;
  color: #fff;
}

.sale-label__sale-prices {
  background: #4f6e98;
  color: #fff;
  padding: 3.5px 8px;
  text-align: right;
  line-height: 1;
}

.sale-label__price-old {
  color: #c1c1c1;
  font-size: 15px;
  margin-right: 3px;
  display: inline-block;
  line-height: 1;
}

.sale-label__price-new {
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  white-space: nowrap;
}

.comment__stars {
  position: absolute;
  height: 12px;
  background-size: 60px;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 10px;
}

.comment__stars--full {
  /* tried star-rating-svg - additional 3-5s time to load 75 books */
  background-image: url('/img/stars-full.png');
}

.comment__stars--empty {
  /* empty stars not white inside - doesn't look good for "not enough ratings",
   * and in that case removing the stars entirely also didn't look good */
  background-image: url('/img/stars-empty.png');
  width: 60px;
}
