html {
  scroll-behavior: smooth;
}
body{
	color:#fff;
	background-color:#fff;
	background:#fff url("/img/txture.png") top left repeat;
	font-family:'Raleway',sans-serif
}
nav{
	width:1200px;
	margin:auto
}
nav a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	padding:.25em;
	margin:.25em 1em .25em 0;
	border-bottom:2px solid transparent;
	-webkit-transition:border-color .4s
}
nav a:hover{
	border-bottom:2px solid #fff
}
.article h1{
	text-align:left;
	margin:0 0 .25em 0
}
.article h3{
	border:none
}
.article blockquote{
	float:none;
	margin:2em auto;
	border-radius:7px;
	border-bottom:2px solid #808080
}
.article p{
	color:#ccc
}
.article img{
	display:block;
	margin:1.5em auto;
	padding:.5em;
	border:1px solid rgba(255,255,255,0.1)
}
.contra-block h3{
	background:rgba(255,255,255,0.1);
	padding:.5em;
	border-radius:7px;
	font-size: 18px
}
h2{
	clear:both;
	font-family: 'Raleway',sans-serif;
}
h2 a,h3 a{
	opacity:0
}
h2 a.btn{
	opacity:1;
	padding: 6px 10px
}
h2:hover a,h3:hover a{
	opacity:1;
	text-decoration:none;
	transition:opacity .3s
}
h3{
	font-size:100%;
	padding-bottom:6px;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
a{
	color:#add8e6
}
a:hover {
	color:#fff
}
input{
	padding:.5em;
	margin:.5em 0;
	border:none;
	border-radius:3px
}
blockquote{
	float:left;
	color:#aaa;
	position:relative;
	background:rgba(255,255,255,0.05);
	font-size:10pt;
	padding:1em 1em 1em 2em;
	margin:1em;
	border-radius:7px;
}
blockquote:before{
	content:'“';
	font-size:72pt;
	font-family:sans-serif;
	position:absolute;
	top:-12px;
	left:6px;
	opacity:.2
}
blockquote:after{
	content:'”';
	font-size:72pt;
	font-family:sans-serif;
	position:absolute;
	right:6px;
	bottom:-58px;
	opacity:.2
}
blockquote.science{
	border-bottom:2px solid #2e8b57
}
blockquote.violence{
	border-bottom:2px solid #dc143c
}
blockquote.misogyny{
	border-bottom:2px solid #ff69b4
}
blockquote.homosexual{
	border-bottom:2px solid #9400d3
}
blockquote.poll{
	border-bottom:2px solid #4682b4;
	max-width: 45%
}
blockquote div{
	text-align:right;
	padding:0 1em 0 1em
}
.article em,.article strong{
	color:#fff
}
pre code{
	display:block;
	padding:12px;
	background:rgba(255,255,255,0.1);
	border-radius:7px;
	border-bottom:2px solid #aaa
}
.book-panel a{
	display:block;
	padding:0;
	text-align:center
}
.rankingsLink {
	text-decoration: none;
	color:white;
	}
rect{
	stroke:none;
	fill:#4682b4;
	transition:fill .3s
}
rect:nth-child(even){
	fill:#3f75a2
}
rect:hover{
	cursor:pointer;
	fill:#add8e6;
	transition:fill .3s
}
rect.science-chart{
	fill:#2e8b57
}
rect.science-chart:hover{
	fill:#6dae89
}
rect.violence-chart{
	fill:#dc143c
}
rect.violence-chart:hover{
	fill:#e65b77
}
rect.misogyny-chart{
	fill:#ff69b4
}
rect.misogyny-chart:hover{
	fill:#ff96ca
}
rect.homosexual-chart{
	fill:#9400d3
}
rect.homosexual-chart:hover{
	fill:#b44de0
}
rect.nt{
	opacity:.5
}
rect.selected{
	fill:#fff
}
.Reference{
	font-size: 11px
}
text{
	fill:#fff;
	stroke:#fff;
	font-size:24pt
}
.clear{
	clear:both
}
.btn{
	display:inline-block;
	padding:1em;
	color:#fff;
	background:#942828;
	border-radius:7px;
	text-decoration:none;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3),1px 1px 0 rgba(255,255,255,0.3);
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	transition:background-color .6s
}
.btn:hover{
	background:#ec2d53
}
.btn-small{
	padding:.5em;
	border-radius:5px
}
.context{
	max-width:18px;
	white-space:nowrap;
	overflow:hidden;
	transition:max-width .5s
}
.context .label{
	display:none
}
.context:hover{
	max-width:150px
}
.context:hover .label{
	display:inline-block
}
.arc path{
	stroke:#ff00ff;
	stroke-width:1;
	fill:none
}
.arc:hover path{
	cursor:pointer;
	/*stroke:#ffc0cb !important*/
}

.arc:hover path:not(.large-stroke){
	stroke:#ffc0cb !important
}

.filters{
	position:absolute;
	opacity: 1;
	z-index: 2;
}
.filters label{
	display:inline-block;
	width: 50px;
    font-size: 14px
}
.filters select{
	display:inline-block;
	position:relative;
	width:140px;
	bottom:2px;
	margin-bottom:4px
}
.axis,.axis path,.axis line{
	fill:none;
	stroke:#262626;
	shape-rendering:crispEdges
}
.axis text{
	fill:#555;
	stroke:none;
	font-family:sans-serif;
	font-weight:normal;
	font-size:7pt;
	shape-rendering:crispEdges
}
.piechart{
	stroke:#222
}
.piechart path:hover{
	cursor:pointer
}
.subdued{
	opacity:.5
}
.block {
	float:left;
	background:rgba(255,255,255,0.1);
	width:252px;
	padding:12px;
	margin:12px;
	border-radius:7px;
	border-bottom:2px solid #808080
}
.books {
	text-align:left
}
.books a {
	display:inline-block;
	margin-right:14px
}
.poster{
	float:left;
	width:400px;
	padding-right:60px
}
.poster:first-child{
	padding-left:10em
}
.poster img{
	padding-right:1em
}
.poster h4,.poster h5{
	margin-top:0;
	padding-top:0
}
.left{
	float:left
}
.right{
	float:right
}
.quarter{
	width:20%
}
.threequarters{
	width:78%
}
#container,.container{
	max-width: 1200px;
	width:100%;
	margin:auto
}
#social{
	text-align:center;
	margin:1em
}
#social .spacer{
	display:inline-block;
	width:24px
}
.contradictionsTable{
	font-size:10pt;
	margin-top:24px;
	margin-bottom:24px
}
.contradictionsTable td{
	width:300px
}
.contradictionsTable a{
	text-decoration:none
}
.votesTable {
	font-size:14pt;
	margin-top:24px;
	margin-bottom:24px
}
.votesTable td {
	width:300px;
}
.votesTable a {
	text-decoration:none
}
textarea{
	padding:1%;
	border-radius:6px
}
#translations textarea{
	width:46%;
	height:26px;
	margin-bottom:1em
}
#translations textarea:first-child{
	margin-right:24px
}
.languageLinks{
	text-align:center;
	margin:1em 0
}
.languageLinks a{
	margin:.2em .5em
}
#feedButton{
	display:inline-block;
	padding:.25em .5em;
	color:#fff;
	background-color:#4682b4;
	text-decoration:none;
	border:#315b7e;
	border-radius:3px
}
#footer,.footer{
	text-align:center;
	opacity:.8
}
#selected{
	position:fixed;
	transform: translate(-50%, -50%);
	left: 50%;
	text-align: center;
	background:rgba(255,255,255,0.1);
	border-radius:7px;
	opacity:0;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	cursor: grab
}
#donate{
	position:fixed;
	bottom:0;
	right:12px;
	padding:.5em 1em;
	color:#fff;
	background:rgba(0,0,0,0.5);
	text-decoration:none;
	border-top-right-radius:7px;
	border-top-left-radius:7px;
	transition:box-shadow .5s
}
#donate:hover{
	box-shadow:0 0 7px #fff;
	transition:box-shadow .5s
}
#filter-notice,#contra-notice{
	position:absolute;
	background:rgba(255,255,255,0.2);
	padding:12px;
	border-radius:7px;
	opacity:0;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5)
}
#filter-notice{
	top:80px;
	left:50%;
	margin-left:-400px
}
#contra-notice{
	top:260px;
	left:50%;
	width:210px;
	margin-left:-105px
}
hr {
	display: block;
	height: 1px;
    border: 0;
	border-top: 1px solid #302f30;
}

.alignUpvote {
	display: flex;
	align-items: top;
}
   
span.upvote {
	margin: 0 5px 0 0;
	text-align: center;
}

@media only screen and (min-width: 320px) {
.hiddenMobile {
	display: none
	}
.hiddenFiltersMobile {
	display: none
	}
.mobileFiltersPosition {
	display: contents;
	margin-top:0
	}
.showMobile {
	display: table !important
	}
.books {
		display: none
	}
#contradictions-chart {
	padding-top: 35px;
	position: relative;
}
#selected {
    font-size: 11px;
    width: 210px;
    top: 11%;
	padding:12px;
	}
#filter-notice,#contra-notice {
	display: none
	}
h1{
	text-align:center;
	font-family:'Averia Serif Libre', cursive;
	font-weight: 300;
	margin:0 0 -.8em 0;
	font-size: 18pt;
	display: block
}
h2.voted {
text-align: center;
font-size: 14px;
color: #add8e6;
margin-top:25px;
}
.btn-small{
	font-size:50%;
}
#graphcomment {
	width: 99%
	}
 div.contra-block {
	width: 100%;
	margin-left: 0
	}
blockquote {
	max-width:100%
	}
#pCreation, #pChristian {
	max-width: 35%;
    float: left
	}
#pCreationCollege, #pReligious {
    max-width: 35%;
    float: right;
	}
}


@media only screen and (min-width: 375px) {
	.showMobile {
	display: table !important;
	}
.contradictionsTable{
	font-size:12pt;
	line-height: 16pt;
	}
.votesTable{
	font-size:16pt;
	line-height: 20pt;
	}
h2.voted {
font-size: 15px;
	}
h4 {
	font-size: 13pt
	}
}

@media only screen and (min-width:768px) {
.hiddenMobile {
	display: block
	}
.showMobile {
	display: none !important;
	}
.contradictionsTable {
	font-size:10pt;
	line-height: 14pt;
	}
.votesTable {
	font-size:14pt;
	line-height: 18pt;
	}
.books {
		display: block
	}
h1 {
	font-size: 28pt
}
h2.voted {
	margin-top:35px;
	font-size: 21px;
	margin-bottom: 5%;
	}
#selected {
    font-size: 15px;
    width: 300px;
    top: 15%;
	}
#graphcomment {
	width: 75%;
	float: left
	}
 div.contra-block {
	width: 100%;
	margin-left: 0;
	margin-top: 34px;
	margin-bottom: 25px
	}
a.hideLastBook {
	display: none;
}
blockquote {
	max-width:41%
	}
#pCreation, #pChristian, #pReligious, #pCreationCollege {
	max-width: 175px;
    margin-top: 0px
	}
}

@media only screen and (min-width:992px) {
#contradictions-chart {
	padding-top: 55px
}
blockquote {
	max-width:43%
	}
h1 {
	font-size: 32pt
	}
h2.voted {
	font-size: 24px;
	margin-top:40px;
	margin-bottom: 4%;
	}
a.hideLastBook {
	display: inline;
}
.btn-small{
	font-size:70%;
}
#selected{
    top: 18%;
	}
#filter-notice,#contra-notice {
	display: block
	}
}

@media only screen and (min-width:1111px) {
#contradictions-chart {
	padding-top: 0;
	margin-bottom: -50px;
}
.hiddenFiltersMobile {
	display: block
	}
.mobileFiltersPosition {
	display: none
	}
 h1 {
	 padding-bottom: 45px
	}
h2.voted {
	margin-top:0;
	margin-bottom: 4%;
	}
}

@media only screen and (min-width:1200px) {
blockquote {
	max-width:44%
	}
}