/*
Theme Name: Astrea Intersex Report 
Theme URI: https://github.com/bencarlson/wp-bootstrap
Description: A wordpress 3.9+ theme built on Bootstrap 3
Author: Design Action Collective
Author URI: http://designaction.org
Version: 1.3
*/
@import url("sass/stylesheets/sass_style.css");

@font-face {
    font-family: 'bebas_neuebold';
    src: url('bebasneue_bold-webfont.woff2') format('woff2'),
         url('bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

  
body 	{line-height: 151%;}

p	{margin-bottom: 2%;}


li 	{margin-bottom: 5px;}

ol li {content: counter(item) ".";}

ol.headers ul li {color: #a53e2e;}

h2.entry-title, h1.report-title, .sticky-wrapper .header .site-title, 
.collapseomatic  {
   	font-family: 'bebas_neuebold';
	font-weight: 400;
	}


.home-screen h2 {
text-shadow: 1px 1px 6px #86C4CA;
}


.home_sections li ul  {margin-top: 5px;}

li ul li, li {margin-left: 2%;}

blockquote a:visited, blockquote a:link, .home_sections blockquote a:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

blockquote p {
	color: #fff;
	background: transparent;
	}
ol h4 {
	display: inline;
	}

h3 	{
	font-size: 22px;
	line-height: 30px;
	}	

h4 	{
	font-size: 22px;
	line-height: 120%;
	}

ul#menu-main-menu, ul#menu-main-menu-spanish {margin-top: 20px;}


ul#menu-main-menu-russian {margin-top: 40px;}


.wp-caption {
    	background-color: transparent;
    	border: none;
    	box-shadow: none;
    	padding: 0px;
		color: #fff;
		line-height: auto;
		}


.collapseomatic::after {
	float: right;
	}	

.collapseomatic_content  {
	padding-top: 30px;
	}

blockquote .wp-caption .wp-caption-text, .collapseomatic{
	color: #9BC9D1 !important;
	line-height: 120%;
	}

.collapseomatic_excerpt, .collapseomatic_content {
	margin-top: 20px !important;
	}

.collapseomatic_excerpt, .collapseomatic_content {
	margin-top: 20px !important;
	}


.collapseomatic::before {
    	content: "";
	}

.collapseomatic::after {
	color: #fff;
    	content: "SEE MORE \2193";
	}

.colomat-close::after{
	color: #fff;
    	content: "SEE LESS \2191";
	}


html[lang="es-ES"] .collapseomatic::after {
	color: #fff;
    	content: "VER MÁS \2193";
	}

html[lang="es-ES"] .colomat-close::after{
	color: #fff;
    	content: "VER MENOS \2191";
	}


html[lang="ru-RU"] .collapseomatic::after {
	color: #fff;
    	content: "БОЛЬШЕ \2193";
	}

html[lang="ru-RU"] .colomat-close::after{
	color: #fff;
    	content: "МЕНЬШЕ \2191";
	}



.collapseomatic  {
	font-size: 23px;
	padding-left: 0px !important;
	display: block;
	}
#logo {z-index:999;}



@media (min-width: 320px) {

ol.headers li:before, ol li:before {
font-size: 14px;
	line-height: 21px;	
}


p, li {
	font-size: 14px;
	line-height: 21px;	
	}

p {margin-bottom: 10px;}

h2.entry-title 	{
	font-size: 22px;
	line-height: 29px;
	}

.home_sections {
	padding-left: 45px;
}

.home-screen h2 {
	font-size: 24px;
	line-height: 30px;
}

h3 	{
	font-size: 16px;
	line-height: 23px;
	}

h4 	{
	font-size: 14px;
	line-height: 130%;
	}

.sidebar-nav li {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 3px;
	}

.alignright {
	float: none;
}

#sidebar-wrapper {
	height: calc(100% - 0px);
	overflow-x: hidden;
	}

	ul#menu-main-menu, ul#menu-main-menu-spanish, ul#menu-main-menu-russian {margin-top: 70px;}



}

@media (min-width: 768px) {
/* Tablet Portrait */



#sidebar-wrapper .download {margin-top: 40px; min-width:205px;}


#sidebar-wrapper .side-header {
	width: 100%;
}


ul#menu-main-menu, ul#menu-main-menu-spanish, ul#menu-main-menu-russian {margin-top: 125px;}


#sidebar-wrapper .download {margin-top: 60px;}

.home-screen h1{margin-top: 20px;}

h2.entry-title 	{
	font-size: 40px;
	line-height: 46px;
	}	

h3 	{
	font-size: 20px;
	line-height: 28px;
	}

h4 	{
	font-size: 22px;
	line-height: auto;
	}

.sidebar-nav li {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 6px;
	padding-left: 15px;
	}

.multi-column {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	-webkit-column-rule: 0px solid #000000;
	-moz-column-rule: 0px solid #000000;
	column-rule: 0px solid #000000;
}

#sidebar-wrapper {
	height: calc(100% - 120px);
	overflow-x: hidden;
	}

}



@media (min-width: 992px) {
 /* Tablet Landscape */

ul#menu-main-menu, ul#menu-main-menu-spanish, ul#menu-main-menu-russian {margin-top: 100px;}


#sidebar-wrapper {margin-top: 0px;}


.multi-column {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	-webkit-column-rule: 0px solid #000000;
	-moz-column-rule: 0px solid #000000;
	column-rule: 0px solid #000000;
	}

#sidebar-wrapper {
	height: calc(100% - 120px);
	overflow-x: hidden;
	}
 

}


@media (min-width: 1200px) {
/* Desktop */

ol.headers li:before, ol li:before {
font-size: 16px;
	line-height: 25px;	
}

p, li {
	color:#4A4A4A;
	font-size: 16px;
	line-height: 24px;	
	}

v


button.close {
    padding: 15px 10px 0;
}


#sidebar-wrapper {
	height: calc(100% - 170px);
	overflow-x: hidden;
	}

#sidebar-wrapper .download {margin-top: 30px;}

ul#menu-main-menu, ul#menu-main-menu-spanish, ul#menu-main-menu-russian {margin-top: 67px;}

.sidebar-nav li {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 2px;
	}

.home-screen {margin-top: -137px;}

h2.entry-title {
    font-size: 40px;
    line-height: 46px;
	}

.home-screen h1 {margin-top: 0px;}


.multi-column {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	-webkit-column-rule: 0px solid #000000;
	-moz-column-rule: 0px solid #000000;
	column-rule: 0px solid #000000;
	}
 
.home-screen h2 {
	font-size: 42px;
	line-height: 48px;
	}


.alignright {
	float: right;
	}

.modal-dialog {
    margin: 30px auto;
    width: 1000px;
}


}


/* Ria Styles */

#sticker-sticky-wrapper:not(.is-sticky) {
	height:auto!important;
	}

h2.entry-title {margin-top:0;}

.is-sticky ~ #wrapper #menu-toggle {top:148px;}

.home_sections { min-height:100vh; }

sup {
	cursor:pointer;
	color:#629397;
}
#endnotes sup {
	cursor:text;
	color:#444;
} 
.background {
	background:url('images/bg-trans.png') no-repeat bottom center,
			   url('images/bg-gradient.png') repeat-x top center;
	background-size:contain;
	width:100%;
	height:100%;
	position:fixed;
	bottom:0;
	left:0;
}
@media (min-width:768px) {
	.background {
		background-position:bottom right, top center;
		background-size:80% auto, contain;
	}
}
@media (min-width:1200px) {
	.background {
		background-position:bottom center, top center;
		background-size:auto 80vh, contain;
	}
}


/* Load next button */
.load-next-section {
	background-color:#629397;
	color:white!important;
	font-family:"bebas_neuebold";
	font-weight:400;
	border:0 none;
	font-size:20px;
	line-height:100%;
	white-space:normal;
}
.load-next-section:hover {
	color:#629397!important;
}
/* Mobile styles */
@media (max-width:767px) {
	#wrapper, #wrapper.toggled {
		padding-left:0;
	}
	#menu-toggle {
		transition:all 0.5s ease 0s;
	}
	#wrapper.toggled #menu-toggle {
		right:10px;
	}
	#sidebar-wrapper {
		background:rgba(141, 191, 199, 0.9);
		height:calc(100% - 104px);
	}
	#wrapper.toggled #sidebar-wrapper {
		width:100%;
	}
}

/* Responsive Check */

/* Mobile */
#responsive-check {
	max-width:767px;
}

/* Tablet */
@media (min-width:768px) {
	#responsive-check {
	max-width:1199px;
	}
}

@media (min-width:992px) {
	#responsive-check {
	max-width:991px;
	}
}

/* Desktop */
@media (min-width:1200px) {
	#responsive-check {
	max-width:9999px;
	}
}