@-moz-keyframes logo-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes logo-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes logo-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.no-max {
max-width: 1200px;
}
.no-max.pad {
padding-left: 20px;
padding-right: 20px;
}
.content-pad {
padding-top: 40px;
padding-bottom: 40px;
}
body {
font-size: 62.5%;
letter-spacing: 0.025em;
background-color: #f4f6f6;
}
body, h1, h2, h3, h4, h5, h6 {
font-family: "Asap", sans-serif !important;
line-height: 1.15em;
}
h1, h2, h3 {
font-weight: 500;
}
h1 a {
text-decoration: none
}
.social-links {
list-style: none;
padding: 0;
margin: 0;
}
.social-links li {
display: inline-block;
margin: 0 3px;
}
.social-links .icon {
display: block;
width: 20px;
height: 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-background-size: 20px 20px !important;
-moz-background-size: 20px 20px !important;
-o-background-size: 20px 20px !important;
background-size: 20px 20px !important;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
-o-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
}
.social-links .icon:hover {
opacity: 0.7;
-webkit-transition: opacity 200ms ease-in-out;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
}
.social-links .icon.icon-twitter {
background: url(//marcojanssen.info/wp-content/themes/img/icon-twitter.png?1398715010) no-repeat 0 0;
}
.social-links .icon.icon-facebook {
background: url(//marcojanssen.info/wp-content/themes/img/icon-facebook.png?1398714906) no-repeat 0 0;
}
.social-links .icon.icon-google {
background: url(//marcojanssen.info/wp-content/themes/img/icon-google.png?1398714980) no-repeat 0 0;
}
.social-links .icon.icon-tumblr {
background: url(//marcojanssen.info/wp-content/themes/img/icon-tumblr.png?1398715559) no-repeat 0 0;
}
.social-links .icon.icon-vimeo {
background: url(//marcojanssen.info/wp-content/themes/img/icon-vimeo.png?1398715539) no-repeat 0 0;
}
.social-links .icon.icon-youtube {
background: url(//marcojanssen.info/wp-content/themes/img/icon-youtube.png?1398715038) no-repeat 0 0;
}
.social-links .icon.icon-linkedin {
background: url(//marcojanssen.info/wp-content/themes/img/icon-linkedin.png?1398715654) no-repeat 0 0;
}
.social-links .icon.icon-email {
background: url(//marcojanssen.info/wp-content/themes/img/icon-email.png?1398715679) no-repeat 0 0;
}
.social-links .icon.icon-flickr {
background: url(//marcojanssen.info/wp-content/themes/img/icon-flickr.png?1398714947) no-repeat 0 0;
}
.social-links .icon.icon-github {
background: url(//marcojanssen.info/wp-content/themes/img/icon-octocat.png?1398715632) no-repeat 0 0;
}
header {
padding: 20px 19px !important;
}
header {
height: 100px;
}
header img {
float: left;
margin-bottom: 15px;
}
header h1 {
float: left;
margin-left: 0px;
max-width: 100%;
font-weight: 500;
}
header h1 a {
color: #2d3339;
display: block;  
float: left;
margin: 0;
text-align: left;
font-size: 30px;
line-height: 32px;
font-weight: 500;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
header h1 a:hover {
color: #00a1e4;
}
header p {
float: left;
margin-left: 0px;
max-width: 80%;
} 
header p a:link {
color:#00a1e4;
}
header p a:visited {
color:#00a1e4;
}
header p a:hover {
color:#ff8000;
}
header nav h1.open {  
z-index: 101;
}
.logged-in header nav {
top: 55px;
}
header nav a {
margin: 0;
}
header h1 em {
display: block;
}
header h1 em {
font-style: normal;
font-size: 28px;
float: left;
padding: 8px 20px;
display: none;
}
@media only screen and (min-width : 768px) {
header h1 em {
display: block;
}
}
nav {
display: none;
background: rgba(255, 255, 255, 0.98);
position: fixed;
top: 0;
bottom: 0;
right: 0;
z-index: 100;
overflow: scroll;
width: 414px;
}
@media all and (min-width: 40.063em) {
nav {
overflow: scroll;
}
}
nav > ul {
margin: 50px auto 0 !important;
text-align: left;
max-width: 200px;
}
nav > ul > li {
display: block;
position: relative;
}
@media all and (min-width: 40.063em) {
nav > ul > li {
display: inline-block;
margin: 0px 15px;
vertical-align: top;
}
}
@media all and (min-width: 64.063em) {
nav > ul > li {
margin: 0 10px;
}
}
nav > ul > li > a {
font-size: 1.3em;
font-weight: 500;
padding: 10px 20px;
display: block;
}
nav > ul > li > a:hover {
color: rgba(56, 64, 71, 0.8);
}
nav li.current-menu-item > a {
color: #00a1e4;
}
@media all and (min-width: 40.063em) {
nav > ul > li > a {
line-height: 35px;
font-size: 1.6em;
}
}
nav .sub-menu {
display: block;
margin: 0px 25px 0px !important;
}
nav .sub-menu a {
font-size: 1em;
display: block;
padding: 5px 20px;
}
@media all and (min-width: 40.063em) {
nav .sub-menu a {
padding: 5px 0;
}
}
nav .sub-menu a:hover {
color: rgba(56, 64, 71, 0.8);
}
@media all and (min-width: 40.063em) {
nav {
overflow: scroll;
}
}
.nav-toggle {
background: rgba(255, 255, 255, 0.5);
height: 50px;
width: 60px;
display: block;
z-index: 102;
position: fixed;
top: 13px;
right: 15px;
opacity: 1;
-webkit-transition: opacity 100ms ease-in-out;
-moz-transition: opacity 100ms ease-in-out;
-o-transition: opacity 100ms ease-in-out;
transition: opacity 100ms ease-in-out;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.logged-in .nav-toggle {
top: 50px;
}
.nav-toggle:hover {
opacity: 0.3;
}
.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {
display: block;
cursor: pointer;
height: 5px;
width: 40px;
background: #384047;
position: absolute;
content: "";
left: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.nav-toggle span {
top: 23px;
left: 10px;
}
.nav-toggle span:before {
top: -12px;
}
.nav-toggle span:after {
bottom: -12px;
}
.nav-toggle span:hover span:before {
top: -15px;
}
.nav-toggle span:hover span:after {
bottom: -15px;
}
.nav-toggle.open {
opacity: 1;
}
.nav-toggle.open span {
background: none;
}
.nav-toggle.open span:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
left: 0;
background: #384047;
}
.nav-toggle.open span:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 0;
left: 0;
background: #384047;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.footer-clear {
display: block;
height: 60px;
clear: both;
width: 100%;
max-width: 100%;
}
footer {
background: rgba(255, 255, 255, 0.9);
position: relative;
bottom: 0;
padding-bottom: 10px;
-webkit-transition: background 600ms ease-in-out;
-moz-transition: background 600ms ease-in-out;
-o-transition: background 600ms ease-in-out;
transition: background 600ms ease-in-out;
width: 100%;
max-width: 100%;
}
footer:hover {
background: white;
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;
}
@media all and (min-width: 40.063em) {
footer {
padding-top: 10px;
position: fixed;
box-shadow: 0 -1px 0 0 #eeeeee;
}
}
footer p {
margin: 0;
color: #c6ccd2;
font-size: 1.2em;
line-height: 20px;
text-align: center;
}
@media all and (min-width: 40.063em) {  
footer p {
float: right;
width: auto;
text-align: right;
}
}
footer .social-links {
text-align: center;
height: 20px;
width: 100%;
margin-bottom: 10px;
}
@media all and (min-width: 40.063em) {
footer .social-links {
margin-left: 5px;
margin-bottom: 0;
float: left;
text-align: left;
width: auto;
}
}
.carousel-wrap .carousel img {
margin: 0 auto;
}
.carousel-wrap .orbit-bullets-container {
position: absolute;
bottom: 10px;
width: 100%;
}
.carousel-wrap .orbit-bullets-container .orbit-bullets {
margin: 0 auto !important;
top: 0 !important;
}
.carousel-wrap .orbit-bullets-container .orbit-bullets li {
background: rgba(255, 255, 255, 0.3);
}
.carousel-wrap .orbit-bullets-container .orbit-bullets li.active {
background: rgba(255, 255, 255, 0.7);
}
.grid-item {
position: relative;
padding-top: 20px;
}
.two-column .secondary {
border-top: 1px solid #edeff0;
padding-top: 20px;
}
@media all and (min-width: 40.063em) {
.two-column .secondary {
max-width: 32.5em;
}
}
.two-column .primary {
max-width: 68.5em;
}
.leader {
margin-top: 20px;
margin-bottom: 40px;
}
@media all and (min-width: 40.063em) {
.leader {
margin-top: 20px;
margin-bottom: 50px;
}
}
@media only screen and (min-width : 100px) and (max-width : 640px) {
.leader {
margin-top: 0px;
margin-bottom: 60px;
}
}
.leader p {
font-size: 2em;
}
.feature hr,
.flip-flop hr {
margin: 0 10px 40px;
}
@media all and (min-width: 40.063em) {
.feature hr,
.flip-flop hr {
margin: 0 0 80px;
}
}
.feature {
margin-top: 80px;
margin-bottom: 80px;
}
.feature .img-wrap {
display: block;
max-width: 200px;
margin: 20px auto;
}
.feature .item {
margin-bottom: 40px;
}
.flip-flop {
margin-top: 80px;
margin-bottom: 80px;
}
.flip-flop .flip-flop-left,
.flip-flop .flip-flop-right {
clear: both;
overflow: hidden;
margin-bottom: 80px;
}
.wpt-avatar {
display: inline-block;
border-radius: 500px;
overflow: hidden;
width: 160px;
height: 160px;
vertical-align: middle;
margin: 0 0 20px;
}
.wpt-avatar img {
display: block;
}
.wpt-avatar.small {
width: 24px;
height: 24px;
margin: 0 5px 0 0;
}
.wpt-avatar.large {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.form-item {
display: block;
margin: 0 0 30px;
}
.form-item .note {
color: #d4d9dd;
font-size: 12px;
float: right;
position: relative;
top: 2px;
right: 2px;
}
.form-item .message {
display: none;
}
.form-success {
border-top: 1px solid #edeff0;
margin-top: 20px;
padding-top: 20px;
}
@media all and (min-width: 40.063em) {
.form-success {
margin-top: 40px;
padding-top: 60px;
}
}
label {
display: block;
font-size: 1.8em;
margin: 0 0 10px;
color: #384047;
}
input,
textarea,
button {
outline: none;
font-family: "Asap", sans-serif;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input,
textarea {
background: white;
border: none;
color: #384047;
display: block;
font-size: 1em;
line-height: 2em;
padding: 10px;
width: 100%;
-webkit-box-shadow: inset 0 0 0 2px #d1d6d9;
-moz-box-shadow: inset 0 0 0 2px #d1d6d9;
box-shadow: inset 0 0 0 2px #d1d6d9;
-webkit-transition: box-shadow 200ms ease-in-out;
-moz-transition: box-shadow 200ms ease-in-out;
-o-transition: box-shadow 200ms ease-in-out;
transition: box-shadow 200ms ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input:hover,
textarea:hover {
-webkit-box-shadow: inset 0 0 0 2px #9aa5aa;
-moz-box-shadow: inset 0 0 0 2px #9aa5aa;
box-shadow: inset 0 0 0 2px #9aa5aa;
}
input:focus,
textarea:focus {
-webkit-box-shadow: inset 0 0 0 2px #384047;
-moz-box-shadow: inset 0 0 0 2px #384047;
box-shadow: inset 0 0 0 2px #384047;
}
.btn, #submit, .comment-reply-link, #searchsubmit {
display: inline-block;
background: #384047;
font-size: 1.6em;
color: white;
padding: 12px 18px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
box-shadow: none;
}
#submit, #searchsubmit {
width: auto;
font-size: .9em;
border: none;
}
.comment-reply-link {
font-size: .8em;
padding: 5px 10px;
box-shadow: none;
}
input#s {
width: 70%;
float: left;
margin: 1px;
}
.widget {
margin: 10px 0 20px;
}
.btn:hover, #submit:hover, .comment .comment-reply-link:hover {
background: #2d3339;
color: white;
}
.btn:active, #submit:active {
background: #5a6672;
}
.btn.large, #submit.large {
font-size: 2em;
padding: 18px 24px;
}
.btn.ghost, #submit.ghost {
background: transparent;
color: #384047;
-webkit-box-shadow: inset 0 0 0 2px #384047;
-moz-box-shadow: inset 0 0 0 2px #384047;
box-shadow: inset 0 0 0 2px #384047;
-webkit-transition: opacity 200ms ease-in-out;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
}
.btn.ghost:hover, #submit.ghost:hover {
opacity: 0.9;
}
.btn.ghost:active, #submit.ghost:active {
color: #7e8d9a;
}
.form-item.error input {
-webkit-box-shadow: inset 0 0 0 3px #ed5a5a;
-moz-box-shadow: inset 0 0 0 3px #ed5a5a;
box-shadow: inset 0 0 0 3px #ed5a5a;
}
.form-item.error .message {
margin: 10px 0;
display: block;
font-size: 1.6em;
font-style: italic;
}
.form-item.error .message.error {
color: #ed5a5a;
}
.contact-form {
border-top: 1px solid #edeff0;
margin: 40px 0 0;
padding: 40px 10px 0;
}
.work-item {
margin-bottom: 20px;
}
article {
margin-bottom: 60px;
padding-top: 20px;
border-top: 1px solid #edeff0;
}
article:last-child {
border-bottom: 0px;
}
.page-nav li {
display: inline-block;
margin-right: 10px;
}
.page-nav li a {
background: #edeff0;
padding: 10px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.page-nav li a:hover {
background: #384047;
color: white;
}
article h1, article h2, article h3, article h4, article p, article blockquote {
font-family: "Asap", sans-serif;
color: #384047;
}
article h1 {
font-size: 28px;
line-height: 36px;
font-weight: 500;
margin-bottom: 20px;
}
@media all and (min-width: 40.063em) {
article h1 {
font-size: 40px;
line-height: 48px;
}
}
article h2 {
font-size: 20px;
line-height: 26px;
font-weight: 400;
margin-bottom: 20px;
}
@media all and (min-width: 40.063em) {
article h2 {
font-size: 24px;
line-height: 32px;
}
}
article h3 {
font-size: 20px;
font-weight: 700;
}
article p {
font-size: 1.8em;
font-weight: 300;
margin-bottom: 30px;
}
article .comment p {
font-size: 1.2em;
}
.comment-meta a {
color: #888;
font-size: .8em;
margin-bottom: 5px;
}
article blockquote {
border-left: 3px solid #c6ccd2;
font-size: 24px;
font-weight: 400;
padding: 0 0 5px 20px;
margin: 0 0 32px -23px;
font-style: italic;
}
article .img-container {
margin: 0 0 20px;
}
article .img-container p {
font-size: 12px;
color: rgba(198, 204, 210, 0.8);
font-style: italic;
text-align: right;
position: relative;
top: -21px;
left: -7px;
margin: 0;
}
@media all and (min-width: 64.063em) {
article .img-container.expanded {
margin-left: -90px;
margin-right: -90px;
}
}
.comment .vcard {
border: none;
display: inline-block;
margin: 0;
padding: 5px 0;
}
ol.commentlist {
margin-left: 0
}
.commentlist li {
list-style: none;
padding: 0
}
ol.children {
margin-left: 1.68rem;
}
.reply {
margin-bottom: 20px;
}
.post-meta {
margin-top: -10px;
margin-bottom: 40px;
}
.post-meta li {
display: inline-block;
}
.post-meta a, .post-meta li {
color: #c6ccd2;
}
.post-meta a:hover {
color: #b2bac2;
}
.post-meta .author a {
padding: 5px 0;
}
.secondary div[class*="module"] {
margin-bottom: 40px;
overflow: hidden;
}
.secondary .module-heading {
font-size: 1.8em;
font-weight: 700;
margin: 0 0 10px;
}
.secondary .module-category ul {
margin: 0;
}
.secondary .module-category li {
margin: 0 5px 10px 0;
display: inline-block;
}
.secondary .module-category li a {
background: #edeff0;
display: inline-block;
padding: 6px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
font-size: 14px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.secondary .module-category li a:hover {
background: #384047;
color: white;
}
.secondary .module-search .form-item {
margin: 0 20px 0 0;
}
.secondary .module-search input {
font-size: 1.6em;
line-height: 20px;
font-family: "Asap", sans-serif;
padding: 10px;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.secondary .module-search input:hover {
-webkit-box-shadow: inset 0 0 0 2px #b5bec2;
-moz-box-shadow: inset 0 0 0 2px #b5bec2;
box-shadow: inset 0 0 0 2px #b5bec2;
}
.secondary .module-search input:focus {
-webkit-box-shadow: inset 0 0 0 2px #384047;
-moz-box-shadow: inset 0 0 0 2px #384047;
box-shadow: inset 0 0 0 2px #384047;
}
.secondary .module-search ::-webkit-input-placeholder {
font-weight: 400;
color: #c6ccd2;
}
.secondary .module-search :-moz-placeholder {
font-weight: 400;
color: #c6ccd2;
}
.secondary .module-search ::-moz-placeholder {
font-weight: 400;
color: #c6ccd2;
}
.secondary .module-search :-ms-input-placeholder {
font-weight: 400;
color: #c6ccd2;
}
.author-bio .wpt-avatar {
margin: 20px auto 40px;
display: block;
}
@media all and (min-width: 40.063em) {
.author-bio .wpt-avatar {
margin: 20px 0 40px;
}
}
.author-bio h1 {
font-size: 3em;
margin: 0 0 20px;
}
.author-bio .social-links {
margin: 20px 0 0;
}
.author-bio .social-links li {
margin: 0 6px 6px 0;
}
.author-bio .social-links a {
opacity: 0.3;
}
.author-bio .social-links a:hover {
opacity: 1;
}
.article-list h2 {
border-top: 1px solid #edeff0;
font-size: 18px;
margin: 0;
color: #384047;
padding: 20px 0;
font-weight: 400;
}
.article-list .articles h3 {
font-weight: 700;
font-size: 20px;
line-height: 1.4em;
margin-bottom: 20px;
}
@media all and (min-width: 40.063em) {
.article-list .articles h3 {
font-size: 24px;
}
}
.article-list .articles ul {
margin-left: 0;
}
.article-list .articles > li {
margin: 20px 0 50px;
}
.title-float {
float: left;
} .widget-box {
background-color: #ffffff;
padding: 20px 20px 10px;
margin-top: 8px;
margin-right: 0px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
}
.widget-box li a {
text-decoration: none;
}
.widget-box li a:link {
color:#00a1e4;
}
.widget-box li a:visited {
color:#00a1e4;
}
.widget-box li a:hover {
color:#ff8000;
}
.widget-box li.current-menu-item > a {
color: #ff8000;
}
.widget-publication-type {
margin-left: 5px;
margin-top: 5px
} .pub-box {
background-color: #ffffff;
padding: 20px 20px 0px;
margin-top: 8px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
}
.p-pub-num {
font-size: 1em;
line-height: 3.2em;
}
.p-book-num {
line-height: 2.2em;
}
.p-author-citation {
font-size: 1.2em;
line-height: 1.3em; 
}
.narrow {
margin-top: -20px;
}
.narrow45 {
margin-top: -45px;
}
.narrow-top-80 {
margin-top: -80px
}
.narrow55 {
margin-top: -55px;
}
.narrow-20 {
margin-bottom: -20px;
}
.narrow-25 {
margin-bottom: 25px;
}
.narrow-30 {
margin-bottom: -30px;
}
.narrow30 {
margin-top: -35px;
margin-bottom: 17px;
}
.widebottom60 {
margin-bottom: 60px;
}
.narrow-25-25 {
margin-top: -14px;
margin-bottom: -25px;
}
.narrow-25-30 {
margin-top: -18px;
margin-bottom: -20px;
}
.separator20px {
padding-bottom: 20px;
}
.separator10px {
padding-bottom: 10px;
}
.p-pub-links {
font-size: 1.5em;
margin-bottom: 0px;
padding-right: 10px;
}
.p-brev-links {
font-size: 1.5em;
padding-right: 10px;
}
.img-box-shadow {
-webkit-box-shadow: 2px 2px 2px 0px rgba(128,128,128,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(128,128,128,1);
box-shadow: 2px 2px 2px 0px rgba(128,128,128,1);
}
.book-thumb {
height: 140px;
margin-top: -15px;
margin-right: 30px;
margin-bottom: 10px;
}
.book-thumb-last {
height: 140px;
margin-top: -15px;
margin-bottom: 10px;
}
.book-thumb:hover {
opacity: 0.7;
}
.p-book-thumb {
margin-right: 20px;
}
.p-book-thumb-year {
margin-right: 20px;
margin-top: -20px;
}
.pub-cover {
padding-bottom: 20px;
}
.toggle-block {
position: relative;
margin-top: -5px;
padding-top: 0px;
padding-bottom: 0px;
-webkit-transition: background .7s ease-in;  
-moz-transition:background .7s ease-in;  
-o-transition:background .7s ease-in;  
transition:background .7s ease-in;  
}
.toggle-block a.show { color: black; text-decoration: none; }
.transparent {
opacity: 0;
} .course-year {
margin-top: 25px;
margin-bottom: 10px;
margin-left: 30px;
}
.course-asu {
margin-left: 30px;
}
.course-univ {
margin-top: 25px;
margin-bottom: 20px;
margin-left: 30px;
}
.course-box {
background-color: #ffffff;
padding: 20px 30px 10px;
margin-top: 5px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
}
.course-box p a:link {
color:#00a1e4;
}
.course-box p a:visited {
color:#00a1e4;
}
.course-box p a:hover {
color:#ff8000;
}
.fa, .ai {
color:#00a1e4;
} .single-icon {
margin-left: 5px;
margin-right: 5px;
}
.single-icon:hover {
opacity: 0.7;
}
.single-icon-desk{
margin-left: 10px;
margin-right: 0px;
}
.single-icon-desk:hover {
opacity: 0.7;
}
.social-icons {
margin-top: 10px;
margin-left: 0px;
margin-right:30px;
} 
.fa-twitter-square {
color: #00aced;
}
.fa-linkedin-square {
color: #007bb6;
}
.ai-researchgate-square {
color: #14d8c5;
}
.ai-google-scholar-square {
color: #3385fc;
}
.fa-rss-square {
color: #fa9b39;
} #toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:15px;
right:15px;
overflow:hidden;
width:43px;
height:43px;
border:none;
text-indent:100%;
z-index: 999;
background: #000 url(//marcojanssen.info/wp-content/themes/scholar-portfolio/totop-light.png) no-repeat left top;
-webkit-border-radius: 25px; 
-moz-border-radius: 25px; 
border-radius: 25px; 
}
#toTopHover {
background: #333 url(//marcojanssen.info/wp-content/themes/scholar-portfolio/totop-light.png) no-repeat left -43px;
width:43px;
height:43px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
.fa-facebook-square {
color: #3b5998;
} @media only screen and (min-width : 100px) and (max-width : 640px) {
.hide-mobile  { display: none; }
.narrow30 {
margin-top: 5px;
margin-bottom: 20px;
}
.mobile-up {
margin-top:-35px;
}
}
@media only screen and (min-width : 641px) and (max-width : 800px) {
.org-box p {
font-size: 1.2em;
}
}
@media only screen and (min-width : 640px) and (max-width : 980px) {
.hide-mediumlarge  { display: none; }
}
@media only screen and (min-width : 981px) and (max-width : 3000px) {
.hide-xlarge  { display: none; }
}
@media only screen and (min-width : 50px) and (max-width : 640px) {
.small-12 {
padding-left: 0;
padding-right: 0;
}
}
.name-block {
margin-top: 5px;
}
.abstract-toggle-block {
margin-top: 0px;
}
.abstract-width {
margin-left: -34%;
margin-top: 50px;
}
.abstract-width p{
font-size: 16px;
font-weight: 300;
color: #3d3d3d;
}
.abstract-width-mobile p {
font-size: 16px;
font-weight: 300;
color: #3d3d3d;
}
@media screen and (min-width: 641px) {
.abstract-width-no-number {
margin-left: -20%;
margin-top: 50px;
}
}
.abstract-width-no-number p {
font-size: 16px;
font-weight: 300;
color: #3d3d3d;
}
.abstract-width-no-cover p {
font-size: 16px;
font-weight: 300;
color: #3d3d3d;  
}
.mobilepub-toggle-block {
margin-bottom: -15px;
}
.mobilepub-menu-box {
background-color: #ffffff;
margin-right: 5px;
margin-top: -15px;
margin-bottom: 15px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: -30px;
padding-left: 10px; 
-webkit-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
}
.mobilepub-menu-box p {
font-size: 1.5em;
}
.mobilepub {
margin-bottom: 20px;
}
.mobilepub-menu-box li a {
text-decoration: none;
}
.mobilepub-menu-box li a:link {
color:#00a1e4;
}
.mobilepub-menu-box li a:visited {
color:#00a1e4;
}
.mobilepub-menu-box li a:hover {
color:#ff8000;
}
.mobilepub-menu-box li.current-menu-item > a {
color: #ff8000;
}
.intro-box {
margin-top: 30px;
}
.intro-box p {
font-size: 16px;
color: #3d3d3d;
font-weight: 300;
}
.intro-box p a:link{
color:#00a1e4;
}
.intro-box p a:visited{
color:#00a1e4;
}
.intro-box p a:hover{
color:#ff8000;
}
.org-box {
background-color: #ffffff;
padding: 20px;
margin-bottom: 15px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
.large-nav ul{
display: inline;
list-style: none;
}
.large-nav ul li {
font-size: 1.3em;
padding-left: 15px;
float: left;
}
.large-nav li a:hover {
color: #ff8000;
}
.large-nav li.current-menu-item a {
color: #00a1e4;
}
.large-nav.footer-nav li {
font-size: 0.8em;
float: left;
}
.large-nav hr {
opacity: 0;
}
.research-box {
background-color: #ffffff;
padding: 20px;
margin-bottom: 15px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
.research-box  a:link{
color:#00a1e4;
}
.research-box  a:visited{
color:#00a1e4;
}
.research-box a:hover{
color:#ff8000;
}
.research-box ul li {
text-decoration: circle;
font-size: 1em;
}
.logo-img {
width: 180px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
}
@media only screen and (min-width : 100px) and (max-width : 500px) {
.logo-img {
width: 100%;
}
}
.address-box {
padding-left: 0px;
}
.widget-box-contact {
background-color: #ffffff;
padding: 20px 20px 10px;
margin-top: 8px;
margin-right: 0px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
box-shadow: 0px 1px 1px 0px rgba(171,171,171,1);
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
}
#map-wh {
margin-bottom: 30px;
} .video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}@font-face {
font-family: 'Academicons';
src:url(https://marcojanssen.info/wp-content/themes/scholar-portfolio/css/font/academicons.eot?v=1.7.0);
src:url(https://marcojanssen.info/wp-content/themes/scholar-portfolio/css/font/academicons.eot?v=1.7.0) format('embedded-opentype'),
url(https://marcojanssen.info/wp-content/themes/scholar-portfolio/css/font/academicons.ttf?v=1.7.0) format('truetype'),
url(https://marcojanssen.info/wp-content/themes/scholar-portfolio/css/font/academicons.woff?v=1.7.0) format('woff'),
url(https://marcojanssen.info/wp-content/themes/scholar-portfolio/css/font/academicons.svg?v=1.7.0#academicons) format('svg');
font-weight: normal;
font-style: normal;
}
.ai {
display:inline-block;
font:normal normal normal 14px/1 Academicons;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.ai-google-scholar:before {
content: "\e900";
}
.ai-google-scholar-square:before {
content: "\e901";
}
.ai-researchgate:before {
content: "\e902";
}
.ai-researchgate-square:before {
content: "\e903";
}
.ai-mendeley:before {
content: "\e904";
}
.ai-mendeley-square:before {
content: "\e905";
}
.ai-orcid:before {
content: "\e906";
}
.ai-orcid-square:before {
content: "\e907";
}
.ai-impactstory:before {
content: "\e908";
}
.ai-impactstory-square:before {
content: "\e909";
}
.ai-academia:before {
content: "\e910";
}
.ai-academia-square:before {
content: "\e911";
}
.ai-zotero:before {
content: "\e912";
}
.ai-zotero-square:before {
content: "\e913";
}
.ai-figshare:before {
content: "\e914";
}
.ai-figshare-square:before {
content: "\e915";
}
.ai-dryad:before {
content: "\e916";
}
.ai-dryad-square:before {
content: "\e917";
}
.ai-arxiv:before {
content: "\e918";
}
.ai-arxiv-square:before {
content: "\e919";
}
.ai-scirate:before {
content: "\e920";
}
.ai-scirate-square:before {
content: "\e921";
}
.ai-open-access:before {
content: "\e922";
}
.ai-open-access-square:before {
content: "\e923";
}
.ai-courser:before {
content: "\e924";
}
.ai-courser-square:before {
content: "\e925";
}
.ai-osf:before {
content: "\e926";
}
.ai-osf-square:before {
content: "\e927";
}
.ai-doi:before {
content: "\e928";
}
.ai-doi-square:before {
content: "\e929";
}
.ai-inspire:before {
content: "\e930";
}
.ai-inspire-square:before {
content: "\e931";
}
.ai-pubmed:before {
content: "\e932";
}
.ai-pubmed-square:before {
content: "\e933";
}
.ai-acclaim:before {
content: "\e934";
}
.ai-acclaim-square:before {
content: "\e935";
} .ai-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.ai-2x {
font-size: 2em;
}
.ai-3x {
font-size: 3em;
}
.ai-4x {
font-size: 4em;
}
.ai-5x {
font-size: 5em;
}
.ai-fw {
width: 1.28571429em;
text-align: center;
}
.ai-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.ai-ul > li {
position: relative;
}
.ai-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.ai-li.fa-lg {
left: -1.85714286em;
}
.ai-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.ai-pull-left {
float: left;
}
.ai-pull-right {
float: right;
}
.ai.fa-pull-left {
margin-right: .3em;
}
.ai.fa-pull-right {
margin-left: .3em;
} .fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}