@import url( /wp-content/lib/chunks/singular.css );
@import url( /wp-content/lib/chunks/tables.css );
@import url( /wp-content/lib/chunks/addthis.css );
@import url( chunks/rls-banner.css );

.singular #content {
margin-top:0;
}

/* Hero Image */
.hero-image {
position:relative;
margin-bottom:40px;
}
.rls-default .content .hero-image p {
left: 20%;
position: absolute;
top: 40%;
max-width: 580px;
text-align:center;
font-family:franklin-gothic-urw,Verdana,Geneva,sans-serif;
color:#333;
}
.hero-image p span {
background-color:#fff;
background-color:rgba(255, 255, 255, 0.7);
}
.content .hero-image a {
color:#333;
}

/* Default Template */
.singular .content .bar-chart {
padding-left:0;
overflow:auto;
width:49%;
float:left;
}
.singular .content .col-1 {
margin-right:18px;
}
.singular .content .bar-chart ul {
padding:0;
margin-left:-24px;
}
.singular .content .bar-chart ul ul {
margin-left:-32px;
}
.bar-chart .collapsed {
display:none;
}
.singular .bar-chart li.expanded-parent {
padding-bottom:0;
}
.singular .bar-chart li {
list-style:none;
font-size:1.8em;
font-family:franklin-gothic-urw,Verdana,Geneva,sans-serif;
font-weight:700;
padding:3px 0 3px 24px;
margin:0;
position:relative;
}
.singular .bar-chart li.level-0 {
padding-left:6px;
}
.singular .bar-chart li.level-0,
.singular .bar-chart li.level-1 {
border-bottom:1px dotted #a5a5a5;
}
.singular .bar-chart li li {
font-size:72.2222%;
font-weight:400;
padding-left:32px;
}
.singular .bar-chart li li li {
font-size:100%;
}
.bar-chart .has-children {
cursor:pointer;
background-color:#EEECE3;
}
.bar-chart .has-children li.has-children {
background-color:#F6F5F1
}
.bar-chart .has-children li {
background-color:#fff;
border-bottom:2px solid #fff;
}
.bar-chart .has-children li:first-child {
border-top:2px solid #fff;
}
.singular .bar-chart .level-3 {
padding-left:38px;
}
.bar-chart .chart {
float:right;
width:15%;
position:relative;
font-size:72.22222%;
margin-top:0.2em;
}
.bar-chart ul .chart {
font-size:100%;
}
.bar-chart .chart em {
position:absolute;
left:0.4em;
top:-0.225em;
font-style:normal;
font-weight:400;
}
.bar-chart ul .chart em {
top:0.2em;
}
.bar-chart .bar {
background-color:#bb792a;
height:1.6em;
display:block;
}
.bar-chart .level-1 .bar {
background-color:#ea9e2c;
}
.bar-chart .level-2 .bar {
background-color:#F1C37F;
}
.bar-chart .level-3 .bar {
background-color:#F5D6A9;
}
.content .bar-chart .toggle {
width:1em;
height:1em;
font-size:75%;
color:#ea9e2c;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
text-decoration:none;

position:absolute;
left:6px;
top:0.55em;
}
.content .bar-chart ul .toggle {
width:1em;
height:1em;
left:12px;
}
.bar-chart .toggle em {
/*Don't show the text but keep it accessible for screenreaders*/
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display:block;
width:0.1em;
height:0.1em;
}
.bar-chart .toggle span {
display: block;
left: 0.15em;
position: relative;
top: -0.435em;
font-size:90%;
}
.bar-chart ul .toggle span {
font-size: 110%;
left: 0.2em;
top: -0.2em;
}

/* Religious Composition Table */
.singular .content .religious-composition-comparison .level-1 {
padding-left:1em;
}
.singular .content .religious-composition-comparison .level-2 {
padding-left:2em;
}
.singular .content .religious-composition-comparison .level-3 {
padding-left:3em;
}


.rls-default section,
.rls-default .topics-questions {
border-top:2px solid #ddd;
position:relative;
padding-top:25px;
}
.rls-default .misc {
clear:both;
}
.rls-default .content section ul {
padding-left:0;
}
.rls-default .content section li {
list-style:none;
font-family:franklin-gothic-urw,Verdana,Geneva,sans-serif;
font-size:1.8em;
font-weight:700;
margin-bottom:0.1em;
}
.rls-default section:after,
.rls-default .topics-questions:after {
content:"\2605";
background-color: #fff;
color: #e99d2c;
font-size: 1.8em;
left: 49%;
position: absolute;
text-align: center;
top: -0.6em;
width: 30px;
}
#religions {
overflow:auto;
height:100%;
}
#religions h2 {
margin-bottom:0.25em;
}
.rls-default .content section h3,
#religions h3 {
font-family: abril-text,Georgia,"Times New Roman",Times,serif;
font-size: 1.8em;
font-style: italic;
font-weight: 400;
line-height: 1.4;
margin-bottom: 1.11111em;
margin-top: 0.555556em;
}
#geography {
padding-bottom:30px;
}

.rls-default .region {
padding:5px 0 25px;
overflow:auto;
height:100%;
}
.rls-default .region h3 {
clear:both;
font-family:franklin-gothic-urw,Verdana,Geneva,sans-serif;
}
.rls-default .region .cols {
float:left;
width:20%;
}

.rls-default #replace-with-a-map {
position:relative;
}
.rls-default #replace-with-a-map .map-label {
position:absolute;
font-family:franklin-gothic-urw,​Verdana,​Geneva,​sans-serif;
font-size:1.8em;
font-weight:700;
color:#0090c0;
z-index:1;
}
.rls-default #replace-with-a-map .the-west {
left:5%;
top:3%;
}
.rls-default #replace-with-a-map .the-midwest {
right:37%;
top:3%;
}
.rls-default #replace-with-a-map .the-south {
right:5%;
bottom:4%;
}
.rls-default #replace-with-a-map .the-northeast {
right:5%;
top:3%;
}

.rls-default .topics-questions section {
float:left;
width:33%;
border-top: 0 none;
}
.rls-default .topics-questions section:after {
display:none;
}



/* Charts */
.singular .content .chart-nav {
padding-left:0;
padding-bottom:0;
margin-bottom:35px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
clear:both;
overflow:auto;
height:100%;
text-transform:uppercase;
}
.singular .content .chart-nav li {
margin-bottom:0;
font-size:1.2em;
font-family:franklin-gothic-urw,Verdana,Geneva,sans-serif;
font-weight:700;
letter-spacing:0.04em;
}
.chart-nav a {
display:block;
padding:15px;
}

.rls .group {
clear:both;
}
.group section {
border-bottom:0.2em dotted #a5a5a5;
margin-bottom:2em;
}
.group section#state {
border-bottom:0 none;
}
.singular .content .group h3 {
text-align:center;
color:#818285;
text-transform:uppercase;
font-family:"franklin-gothic-urw",Verdana,Geneva,sans-serif;
border-bottom:0.1em solid #ddd;
font-size:1.4em;
letter-spacing:1.1px;
margin-bottom: 2.5em;
}
.singular .content .group h3 span {
background-color:#fff;
position:relative;
top:0.9em;
padding:0 0.5em;
}
.group .star {
color:#e99d2c;
font-size:130%;
padding:0 5px;
font-style:normal;
}
.singular .content section h4 {
margin-bottom:0.2em;
}
.singular #content section .subtitle {
font-size:1.4em;
font-style:italic;
color:#757575;
text-transform:none;
font-family:Georgia, "Times New Roman", Times, serif;
}
.singular #content section .footnote {
font-family:"franklin-gothic-urw",Verdana,Geneva,sans-serif;
font-size:1.1em;
color:#757575;
letter-spacing:0.01em;
padding-left:15px;
text-transform:none;
}
.q-footnote {
display:block;
margin-bottom:1em;
}
.active-chart .footnote .disclaimer,
.active-table .footnote .number,
.active-trend .number {
display:none;
}

/* Chart Buttons */
.singular .content .buttons {
font-size:1em;
text-align:right;
float:right;
width:20%;
margin-bottom:-2.5em;
display:none;

/* Overrides for when a chart is displayed as an inline compare chart... */
text-transform:none;
padding:0;
}
.has-js .content .buttons {
display:block;
}
.singular .content .buttons button {
font-family:"franklin-gothic-urw",Verdana,Geneva,sans-serif;
font-size:1.3em;

background: #eee repeat-x;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eee));
background-image: -webkit-linear-gradient(#fff, #eee);
background-image: -moz-linear-gradient(#fff, #eee);
background-image: -o-linear-gradient(#fff, #eee);
background-image: linear-gradient(#fff, #eee);
}
.singular .content .buttons i {
background-repeat:no-repeat;
background-position: left center;
float:left;
width:17px;
height:12px;
}
.buttons .share i {
background-image:url(/wp-content/themes/pew-forum/img/rls/share-icon.png);
margin-right:3px;
}
.buttons .save-image i {
background-image:url(/wp-content/themes/pew-forum/img/rls/save-icon.png);
}

/* Tabs */
.singular section .tabs {
padding:0 0 0 1em;
clear:both;
}
.singular section .tabs li {
font-size:1.4em;
padding:0;
font-family:"franklin-gothic-urw",Verdana,Geneva,sans-serif;
margin:0 0.5em;
}
.singular section .tabs a {
background-color:#F4F5F6;
padding:0.2em 2.0em 0.3em;
display:block;
border:0.1em solid #fff;
border-bottom:0;
}
.singular .compare .tabs a {
background-color:#fff;
}
.singular section .tabs .active a {
color:#000;
background-color:#fff;
border-color:#ccc;
position:relative;
border-bottom:0.1em solid #fff;
top:0.075em;
}


.singular section .highchart {
background-color:#fff;
border:0.1em solid #ccc;
padding-bottom:0.2em;
margin-bottom:2em;
overflow:auto;
}

.highchart .chart,
.highchart .trend,
.highchart .data {
padding:15px;
}
.singular .highchart th,
.singular .highchart td {
padding:8px 16px;
}
.highchart table,
.highchart thead th {
border-bottom:1px solid #757575;
}
.highchart table tr:first-of-type td,
.highchart tbody td {
border-bottom:0 none;
}
.highchart col.highlight {
background-color:#f2f2f2;
}

.singular section .compare p,
.singular section .learn-more {
padding:0.25em 0.75em;
font-family:"franklin-gothic-urw",Verdana,Geneva,sans-serif;
font-size:1.2em;
text-transform:uppercase;
}
.singular section .compare p a,
.singular section .learn-more a {
padding-left:0.25em;
}
.singular section .compare p a {
padding-right:0.75em;
}
.singular section .compare .container p a {
padding-right:0;
}
.singular section .compare {
background-color:#F4F5F6;
padding-left:1em;
padding-right:1em;
clear:both;
}
.singular section .compare .active {
color:#EB9F2E;
}
.singular section .compare .learn-more {
display:none;
}
.singular section .full-question {
font-family:"franklin-gothic-urw",Verdana,Geneva,sans-serif;
font-size:1.2em;
color:#757575;
margin-bottom:1.8em;
}

section .switch-to {
font-size: 65%;
padding-left: 25px;
text-transform: uppercase;
}
.compare .container .switch-to {
display:none;
}

/* Share modal */
.share-modal {
position:absolute;
width:220px;
background-color:#fff;
border:1px solid #ccc;
padding:20px;

border-radius:4px;

-webkit-box-shadow: 0 1px 7px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 7px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 7px 1px rgba(0,0,0,0.2);
}
.share-modal:before,
.share-modal:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-top: 0;
}
/* Stroke */
.share-modal:before {
top:-11px;
left:112px;
border-bottom-color: #ccc;
border-width: 11px;
}
/* Fill */
.share-modal:after {
top:-10px;
left:113px;
border-bottom-color: #fff;
border-width: 10px;
}
.share-modal .social {
float:left;
padding-bottom:15px;
}
.share-modal .social a {
float:left;
border:1px solid #ccc;
color:#000;
font-size:1.2em;
background-repeat:no-repeat;
background-position:4px center;
padding:5px 5px 5px 25px;
text-decoration:none;

border-radius:2px;
}
.share-modal .social a:hover,
.share-modal .social a:focus {
background-color:#eee;
}
.share-modal .facebook {
background-image:url(/wp-content/themes/pew-forum/img/rls/facebook-16.png);
margin-right:6px;
}
.share-modal .twitter {
background-image:url(/wp-content/themes/pew-forum/img/rls/twitter-16.png);
}
.share-modal label {
clear:both;
font-size: 1.2em;
padding-bottom: 0.5em;
display: block;
font-weight: bold;
}
.share-modal input {
width:100%;
color:#585858;
border-radius:2px;
}
.rls #banner .social {
margin-top:15px;
}


/* Loading Bars via http://tobiasahlin.com/spinkit/ */
.loading-bars {
height: 6em;
margin: auto;
text-align: center;
padding-bottom:1em;
}

.loading-bars div {
background-color: #ccc;
display: inline-block;
margin: 0 0.1em;
height:100%;
width: 0.6em;

-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}

.loading-bars .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.loading-bars .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.loading-bars .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.loading-bars .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
	0%, 40%, 100% {
	transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);
	}
	20% {
	transform: scaleY(1.0);
	-webkit-transform: scaleY(1.0);
	}
}

@media (max-width: 999px) {
	.singular .content .bar-chart {
	width:auto;
	float:none;
	}
	.rls-default .content .hero-image p {
	left:8%;
	}
	.rls-default .topics-questions section {
	float:none;
	width:auto;
	}
}
@media (max-width: 735px) {
	#header {
	margin-bottom:0;
	}
}
@media (max-width: 680px) {
	.rls-default .content .hero-image p {
	position:static;
	}
}
@media (max-width: 580px) {
	.singular .content .buttons {
	float:none;
	width:auto;
	margin-bottom:1.25em;
	text-align:left;
	}
}
@media (max-width:480px) {
	.rls #banner .social {
	margin-top:7px;
	}
	.singular section .tabs li {
	font-size: 1.3em;
	margin: 0 0.1em;
	}
}