img.profile     { float: left; max-width: 80px; margin: 10px;}
img.center      { display: block; margin-left: auto; margin-right: auto; }
img.responsive  { display: block; margin-left: auto; margin-right:auto; width: 100%; max-width: 400px; }

html, body { font-family: 'PT Sans', sans-serif; }

a{
	color: blue;
	/* text-decoration: none; */
	font-weight: bold;
}
a:focus, a:hover, a:active {
	/* text-decoration: none; */
}
a.nav {
	color: #333;
	font-weight: inherit;
}

/* HEADER */
header p { font-family: 'Kalam', cursive; margin: 0px; border: 0px solid #ccc; }
header { margin-bottom: 20px; }
p.name       { font-size:20px; margin-top: 10px; color: #9B240B; font-weight: bold; text-shadow:0px 0px 0 #333;}
p.profession { font-size:16px; }

/* ARTICLES */
article p { margin: 0px; }
p.title { margin-top: 10px; color: #555; font-size:20px; font-weight: bold; text-shadow:1px 1px 0 #ddd}
p.subtitle { margin-top: 10px; color: #555; text-align: center; text-shadow:1px 1px 0 #ddd}
p.date { margin-bottom: 10px;color: black; font-size:12px; font-weight: normal; font-style: italic; text-align: right;}
p.contact { font-family: 'PT Sans', sans-serif; }

/* Style the tab */
.navtab {
  overflow: hidden;
  border: 1px solid #9B240B;
  border-left: none;
  border-right: none;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #fff;
}

nav.top {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
/*height: 30px;*/
}

/* Style the buttons that are used to open the tab content */
.navtab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 6px 16px;
  transition: 0.3s;
  color: #000;
  font-weight:550;
}

/* Change background color of buttons on hover */
.navtab button:hover {
  background-color: #9B240B;
  /* border: none; */
  color: #fff;
}

/* Create an active/current tablink class */
.navtab button.active {
  background-color: #9B240B;
  color: #fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: none;
  padding-bottom: 10px;
  border: none;
  /* border-bottom: 1px solid #ccc; */
}

.tab {
  border: none;
}

/* FOOTER */
.foot {
  border-bottom: none;
  padding-bottom: 10px;
}

p.foot {
  padding: 0px;
  margin: 0px;
}

.helper {border: 1px solid red;}

/* .w3-container { height: 0px; } */


/* STICKY HEADER */
.navbar-fixed-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
/* background: #f6f6f6; */
z-index: 999;
height: 90px;
overflow: hidden;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
 
.navbar-fixed-top.cbp-af-header-shrink {
height: 75px;
}

p.art-title     { font-weight: 800; color: #555; margin-top: 12px; }
p.art-author    { font-style: italic; font-size: 13px;}
p.art-journal   { font-weight: 600; color: #777; font-size: 13px;}