/* body and others */
body {
	font-family: 'Open Sans', sans-serif;
}

p {
  text-align: justify;
  text-justify: inter-word;
}

h1, h2, h3 {
	font-family: 'Nunito Sans', sans-serif !important;
}

ol li {
  list-style-type: none;
}

a {
	color: #0096FF;
}

.btn {
	margin-top: 5px;
	margin-right: 2px;
	color: var(--global-text-color);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.name {
	font-weight: 300;
}

.yr {
	color: #696969;
}

.news, .pubs, .misc, .year {
	font-weight: 200;
}

.extras {
    position: absolute;
}

.icon {
	position: relative;
}

.title {
    font-weight: bolder;
}

.card {
    margin-top: 20px;
}

.envelope {
    vertical-align: text-top;
}

.txtimg {
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
}

.txtimg > photo {
    display: block;
}

.photo {
    width: 50%;
}

.text {
    position: relative;
}

a:hover {
    text-decoration: none;
}

/* footer */
footer {
    display: block;
    position: sticky;
    padding: 0px 0px 50px 0px;
    text-align: center;
    line-height: 150%;
    clear: both;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

p.copyright {
    position: absolute;
    width: 100%;
    color: #696969;;
    line-height: 40px;
    font-size: 0.7em;
    text-align: center;
    bottom:0;
}