/* @override 
	http://bsava-staging-sf.zentsocloud.com/wp-content/themes/bsava/style-02-typography.css?*
	https://bsava-staging-sf.zentsocloud.com/wp-content/themes/bsava/style-02-typography.css?* */


/* =====
   BASIC
   ===== */

	
   @font-face {
    font-family: decimal;
    src: url("./fonts/decimal-ultra.ttf");
    font-weight: normal;
  }
  

h1, .h1, h2, .h2, h3, .h3{
	font-family: 'decimal';
}
	
img {
	/*width: 100%;
	max-width: 100%;
	height: auto;*/ }		

	
ul,
ul li {
	padding: 0;
	margin: 0;
	list-style: none; }

p,
li {
	margin-bottom: 1em; }		
a,
a:hover,
a:active,
a:visited {
	transition: all .4s;
	color: #59abd3; }

img {
	max-width: 100%;
	height: auto; }	
	
iframe {
	width: 100%;
	max-width: 100%;
	height: auto; }	

/* ======
   BUTTON
   ====== */			
   
a.button {
 	background: #59abd3;
 	display: inline-block;
 	padding: .5em 1em;
	color: #fff; }  


/* ============
   ARTICLE BODY
   ============ */	

.article-body h2 {
	font-size: 1.75rem; }

.article-body p + h2,
.article-body ul + h2,
.article-body ul + h3,
.article-body ul + ul {
	margin-top: 2.5rem; }
	
.article-body h2 + h3,
.article-body ul + p {
	margin-top: 1.25rem; }
		
.article-body ul {
	padding-left: 2em; }
	
.article-body ul li {
	list-style: square; }
	

/* Link Directory */	
ul.link-directory {
	padding-left: 0; }

ul.link-directory li {
	list-style: none; }
	

/* ====================
   VACANCIES + PROEJCTS
   ==================== */	
   
.single-vacancies h1,
.single-research-projects h1 {
  	margin-bottom: .5em; }
  
  
  
  
   	
/* ========
   HEADINGS
   ======== */		
.section__title {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 1.25rem; }
		
.content_pane h2 {
	font-size: 1.75rem; }	

.section__title h2 {
	float: left; }
		
.section__title p.title__link {
	float: right;
	font-weight: 600;
	font-size: 1.25rem; }
	
@media all and (max-width: 800px) {
	
	.section__title p.title__link {
		margin-top: 1.5rem;
		margin-bottom: 0;
		float: left;  }
	
}	
	
   	
/* ======
   TABLES
   ====== */			

table th,
table td {
	padding: 1em; }

table {
	width: 100%;
	border-top: 3px solid #0073b8; }
	
table thead tr {
	font-weight: bold;
	background: #F1F4F5; }
			

table tr {
	border-bottom: 1px solid #E0E0E0;  }
	
table.zebra-stripes tbody tr:nth-of-type(even) {
	background: #F1F4F5; }