/* some parts are copied from linux kernel.org
 */
@import "normalize.css";

/**
 * To use Google-hosted versions, use the following instead of @font-face
 * definitions below.
 *
 * @import "https://fonts.googleapis.com/css?family=Oxygen";
 * @import "https://fonts.googleapis.com/css?family=Oswald:400";
 *
 * We use locally-stored copies to avoid slowdowns in places like mainland
 * China, where all access to Google is really slow.
 */
@font-face {
    font-family: 'oswald';
    src: local('Times New Roman'), url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'oxygen';
    src: local('Times New Roman'), url('../fonts/oxygen-regular-webfont.eot');
    src: url('../fonts/oxygen-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oxygen-regular-webfont.woff2') format('woff2'),
         url('../fonts/oxygen-regular-webfont.woff') format('woff'),
         url('../fonts/oxygen-regular-webfont.ttf') format('truetype'),
         url('../fonts/oxygen-regular-webfont.svg#oxygenregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

body {
    font-family: oxygen,sans-serif;
    background: #F0EDE3;
    color: #33290A;
}

h1, h2, h3, h4, h5, h6 {
    font-family: oswald,helvetica,sans-serif;
}

a {
    color: #3357D6;
    text-decoration: none;
    transition: color 0.25s;
}

a:visited {
    color: #865796;
    text-decoration: none;
}

a:hover,
a:active {
    color: #B39223;
    text-decoration: none;
}

abbr[title] {
    border: none;
}

hr {
    border: none;
}

#contact-block,
#papers-block,
#bio-block {
    background: #FFFFFF;
    margin: 1.5em auto;
    padding: 1.85em 1em;
    width: 60%;
    border: thin solid;
    border-color: #DDDACF #CCC8B8 #BBB59F;
    box-shadow: 0 0.1em 0.3em #CCC8B8;
    border-radius: 0.5em;
}

@media (max-width:520px) {
	#contact-block,
	#papers-block,
	#bio-block {
	    width: 85%;
	}
}

article h1 {
    color: #33290A;
    margin: 0 0 .9em 0;
}
article h1 > a {
    color: #33290A !important;
    transition: none;
}

table.docutils {
    margin: 0 auto;
    width: 80%;
}
table.docutils > caption {
    margin: 0.5em 0;
    text-align: left;
    font-weight: bold;
}

.paper-entry {
	text-align: left;
	padding: .5em 1em 0 1em;
}

.paper-entry.even-row {
	background: #eeeee0;
    border-radius: 0.2em;
}

.paper-title {
	font-style: normal;
	font-size: large;
	font-weight: bold;
	overflow-wrap: break-word;
}

.paper-authors {
	font-size: small;
}

.paper-conference-name {
	font-style: italic;
	box-sizing: border-box;
	/* border: 1px solid red; */
	width: 8.0em;
	max-width: 8.0em;
	display: inline-block;
}

.paper-res {
	font-style: normal;
	/* float: left; */
}


.author-me {
	font-style: normal;
	text-decoration: underline;
}

img#avatar {
	border-radius: 0.1em;
    box-shadow: 0 0.1em 0.3em #CCC8B8;
	float: right;
}

@media (max-width:520px) {
	img#avatar {
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
	 	overflow: hidden;
	}
}

.avatar-card {
    text-align: center;
    float: right;
}
.avatar-card img {
    display: block;
	border-radius: 0.1em;
	box-shadow: 0 0.1em 0.3em #CCC8B8;
}

a.readmore {
    font-style: italic;
    color: #6A84E0;
}
a.readmore:hover,
a.readmore:active {
    color: #B39F5C;
}

#content > h1 {
    text-align: center;
    margin: 0 0 1em;
}


dt {
    font-weight: bold;
}