/*Better css (wip)*/
@import 'https://fonts.googleapis.com/css?family=Playfair+Display';
@import 'https://fonts.googleapis.com/css?family=Merriweather:300';
@import 'https://fonts.googleapis.com/css?family=Slabo+27px';

.full {
    background: rgb(255, 242, 213);
    background-color: rgb(255, 242, 213);
}
* {
    /*font-family: 'Playfair Display' !important;*/
    font-family: 'Slabo 27px' !important;
    /*font-family: 'Merriweather' !important;*/
}
.p {
    font-family: 'Playfair Display' !important;
}
.m {
    font-family: 'Merriweather' !important;
}
.s {
    font-family: 'Slabo 27px' !important;
}
a {
    text-decoration: none;
}
.gradient {
    background: -moz-linear-gradient(45deg, rgba(255,168,153,1) 0%, rgba(153,211,255,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,168,153,1)), color-stop(100%, rgba(153,211,255,1)));
    background: -webkit-linear-gradient(45deg, rgba(255,168,153,1) 0%, rgba(153,211,255,1) 100%);
    background: -o-linear-gradient(45deg, rgba(255,168,153,1) 0%, rgba(153,211,255,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,168,153,1) 0%, rgba(153,211,255,1) 100%);
    background: linear-gradient(45deg, rgba(255,168,153,1) 0%, rgba(153,211,255,1) 100%);
}
.gradient-r-b {
    background: -moz-linear-gradient(45deg, rgba(255,168,153,1) 0%, rgba(153,211,255,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,168,153,1)), color-stop(100%, rgba(153,211,255,1)));
    background: -webkit-linear-gradient(45deg, rgba(255,168,153,1) 0%, rgba(153,211,255,1) 100%);
    background: -o-linear-gradient(45deg, rgba(255,168,153,1) 0%, rgba(153,211,255,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,168,153,1) 0%, rgba(153,211,255,1) 100%);
    background: linear-gradient(45deg, rgba(255,168,153,1) 0%, rgba(153,211,255,1) 100%);
}
.gradient-g-b {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4ffbc+0,bdf3fd+100 */
    background: #c4ffbc; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #c4ffbc 0%, #bdf3fd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #c4ffbc 0%,#bdf3fd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #c4ffbc 0%,#bdf3fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4ffbc', endColorstr='#bdf3fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradient-o-r {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9d70+0,ff9b9b+100 */
    background: #ff9d70; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #ff9d70 0%, #ff9b9b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #ff9d70 0%,#ff9b9b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #ff9d70 0%,#ff9b9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d70', endColorstr='#ff9b9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradient-b-r {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc7ea+0,2981c4+50,f74a78+51,ffa3a4+100 */
    background: #8fc7ea; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #8fc7ea 0%, #2981c4 50%, #f74a78 51%, #ffa3a4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #8fc7ea 0%,#2981c4 50%,#f74a78 51%,#ffa3a4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #8fc7ea 0%,#2981c4 50%,#f74a78 51%,#ffa3a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc7ea', endColorstr='#ffa3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.block {
    background-color: #fff;
    position: absolute;
    right: 5%;
    left: 5%;
    padding-left: 5%;
    padding-right: 5%;
    /* height: 100%; */
    /* overflow-y: scroll; */
}
.shadow {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
}
.border {
    border: 1px solid rgb(219, 219, 219);
}
.head {
    width: 90%;    
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.header {
    font-family: "Playfair Display" !important;
    font-size: 4em;
    text-align: center;
}
.head .sub {
    font-size: 2em;
    margin-bottom: 5px;
    text-align: center;
    height: auto;
    font-family: 'Merriweather';
}
.content {
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    width: 90%;
    height: auto;
    padding: 5px 0px 5px 0px;
    /*padding: 5px;*/
    overflow: auto;
}
.content div {
    margin: 0px 10px 0px 0px;
    overflow: auto;
    position: relative;
    width: 100%;
}
.content div .links {
    margin: 0;
    width: 24%;
    height: auto;
    list-style: none;
    padding-left: 0px;
    float: left;
    margin-right: 1%;
}
.content div .links li {
    margin-bottom: 20px;
    margin-left: 5px;
}
.content div .links li a {
    text-decoration: none;
    font-family: 'Marriweather';
    font-size: 16px;
}
.content div .links li a:visited {
    color: #0000EE;
}
.content div .text {
    margin: 0;
    width: 75%;
    height: auto;
    float: left;
    text-align: justify;
}
.content div .text #photo {
    height: 32%;
    width: 32%;
    margin-right: 10px;
}
.content div .text ul {
    padding-left: 0px;
    text-align: left;
}
.content div .text ul li {
    list-style-position: inside;
    font-size: 16px;
}
.content div .text p {
    font-size: 16px;
    margin-top: 0px;
}
p:first-child {
    margin-top: 0px;
}
.paperTitle {
	font-weight: bold;
}

.abstract {
	font-weight: bold;
}

.paperSubtitle {
	font-style: italic;
}

.citation {
	text-indent: 5%;
	text-align: left;
	word-spacing: 2px;
}

.journal {
	font-style: italic;
}

.volume {
	font-weight: bold;
}

.articleList {
	text-align: justify;
}

.returnHome {
	font-size: smaller;
	font-style: italic;
}

li p {
	text-indent: 2em;
	margin: 0;
}

li p:last-child {
	margin-bottom: 1em;
}

li p:first-of-type {
	margin-top: 1em;
}
