body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: 100;
  font-family: "Roboto", sans-serif;
}
main {
  min-height: 80vh;
  height: auto !important;
  height: 100%;
  margin: 0 auto -60px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  color: #494142;
}

h1 {
  font-size: 2em;
  display: inline-block;
}

h2 {
  font-size: 1.8em;
}
.right {
  float: right;
}
.trashLink,
.TrashLink {
  cursor: pointer;
}
#loginForm p {
  margin: 1em;
}
.CloseLink,
.closeLinkRelative,
.closeLink {
  float: right;
  margin: 0 1.5em;
  display: block;
  cursor: pointer;
}
.closeLinkRelative {
  position: relative;
  margin-top: -0.5em;
  margin-right: 2em;
}

.CloseLink:after,
.closeLinkRelative:after,
.closeLink:after {
  float: right;
  display: block;
  content: "\f057";
  font: var(--fa-font-solid);
  text-decoration: inherit;
  color: var(--link-color);
  font-size: 1.5rem;
  padding-right: 0.5em;
  position: absolute;
  top: 10px;
}
.trashLink:after,
.TrashLink:after {
  content: "\f2ed";
  font: var(--fa-font-solid);
  text-decoration: inherit;
  color: var(--link-color);
  font-size: 18px;
  padding-right: 0.5em;
  top: 10px;
}

#registrationForm label {
  display: inline-block;
  margin-bottom: 0.5rem;
  min-width: 150px;
  line-height: 2em;
}

div.closeLink,
div.CloseLink,
a {
  font-family: Verdana;
  color: var(--link-color);
  -webkit-transition: background-color, color 0.2s linear;
  -moz-transition: background-color, color 0.2s linear;
  transition: background-color, color 0.2s linear;
  text-decoration: none;
}

a:hover {
  color: #ff9900;
  text-decoration: underline;
}

.whiteLink {
  font-family: Verdana;
  color: #fff !important;
  -webkit-transition: background-color, color 0.2s linear;
  -moz-transition: background-color, color 0.2s linear;
  transition: background-color, color 0.2s linear;
  text-decoration: none;
}
a.MenuLink,
a.GreenLink {
  font-family: Verdana;
  color: var(--link-color) !important;
  -webkit-transition: background-color, color 0.2s linear;
  -moz-transition: background-color, color 0.2s linear;
  transition: background-color, color 0.2s linear;
  text-decoration: none;
}

a.MenuLink:hover,
a.GreenLink:hover {
  color: #ff9900 !important;
  text-decoration: underline;
}

a.MenuLink {
  float: right;
  margin-right: 1em;
  cursor: pointer;
}
.footer {
	background: unset;
	height: 100px;
	width: 600px;
	opacity: 0.8;
	padding-top: 50px;
	position: fixed;
	bottom: 1em;
	left: calc(50% - 250px);
	z-index: -1;
}

#logoContainer {
	border-right: 1px solid #999;
	padding-right: 1em;
	margin-right: 1em;
}
#logoHead {
	font-size: 2em;
	font-weight: 800;
	background: url(/images/logoBG.jpg);
	background-attachment: fixed;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: -13px;
	margin-bottom: -10px;
  -webkit-text-stroke: 1px #245110;
}  
#logoSlogan{
    font-size:1.1em;
  }

  .PrivacyLink {
    position: fixed;
    bottom: 1em;
    right: 1em;
    font-size: 0.8em;
    z-index:-1;
  }

.forgotPasswordDiv {
	display: none;
	position: absolute;
	top: 75px;
	margin-left: 500px;
	background-color: var(--popupDiv-color);
	z-index: 100;
	width: 500px;
	border-radius: 10px;
	padding: 1em;
}


#passwordResetForm {
  margin-top: 1em;
}
#passwordResetForm label {
  min-width: 170px;
}
#addAdviseeLinkDiv {
  float: right;
  cursor: pointer;
  margin-top: -3em;
}
#settingsDiv,
#userEditDiv,
#userVerifyDiv {
  position: absolute;
  right: 2em;
  top: 150px;
  background-color: var(--popupDiv-color);
  z-index: 100;
  min-width: 250px;
  border-radius: 10px;
  padding: 1em;
  display: none;
}

#userVerifyDiv,
#userEditDiv {
  display: none;
}
#userVerifyDiv {
  width: 500px;
  right: unset;
  margin-left: 40%;
  padding: 1em;
}

#userVerifyDiv p {
  margin-top: 1em;
}
header .jumbotron {
  height: 40vh;
  margin-bottom: 0;
  background: url(../images/misc/background.jpg) no-repeat 100% 5%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

header .navbar-brand {
  font-size: 1.5em;
  /* margin-left: 1em; */
  /* text-shadow: 0 0 2px #19f6e8, 0 0 5px #19f6e8, 0 0 10px #19f6e8, 0 0 20px #19f6e8; */
  /* text-shadow: 0 0 2px #19f6e8, 0 0 5px #19f6e8; */
  text-shadow: 0 0 2px #99000050, 0 0 5px red;
}

.maincontent {
  line-height: 160%;
}

.sidebar {
  font-family: "Roboto", sans-serif;
  line-height: 130%;
}

.sidebar {
  font-size: 0.9em;
}

.sidebar-title {
  font-size: 1.3em;
}

.sidebar .sidebar-body li {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .sidebar {
    line-height: 160%;
  }
  .sidebar .sidebar-title {
    font-size: 2em;
  }
}

.speakerslist {
  line-height: 160%;
}

.speakerslist-title {
  color: #000000 !important;
}

.speakerslist-name a:hover {
  text-decoration: none;
  color: #343a40;
}

.jumbotron {
  padding: 20px 0;
  border-radius: 0%;
}

.feedback-name {
  font-size: 0.6em;
  font-weight: 100;
}

.feedback-message {
  font-weight: 100;
  font-size: 0.9em;
  line-height: 120%;
  margin-top: 5px;
}

.feedback-item {
  border-bottom: 1px solid gray;
  padding: 8px 0;
}

.feedback-title {
  font-weight: 400;
  font-size: 1.1em;
}

.feedback-form label {
  font-weight: 400;
}

.feedback-item:last-of-type {
  border-bottom: none;
}

/**  pixgrid **/

.pixgrid {
  cursor: pointer;
  margin-top: 20px;
}

.pixgrid img {
  display: block;
  padding: 5px;
  float: left;
  width: 33.33%;
  border-radius: 8px;
}

@media (min-width: 500px) and (max-width: 768px) {
  .pixgrid img {
    width: 20%;
  }
}
input {
  border-radius: 7px;
}

#topAccountDiv {
  position: absolute;
  right: 1em;
  top: 8px;
}

#docentsListDivContainer,
#AccountLinksDiv {
  position: absolute;
  top: 55px;
  right: 25px;
  background-color: var(--popupDiv-color);
  z-index: 100;
  min-width: 250px;
  border-radius: 10px;
  padding: 1em 0.5em;
  display: none;
}
#settingsDiv ul,
#AccountLinksDiv ul {
  list-style: none;
  padding-left: 1em;
}
#topDocentDiv {
  position: absolute;
  right: 6em;
  top: 1em;
  cursor: pointer;
}
.topLink {
  position: absolute;
  top: 12px;
  cursor: pointer;
  font-size: 1.5em;
  color: white !important;
}

#topDocentLink {
  right: 80px;
}
#topFAQLink {
  right: 125px;
}
#topHomeLink {
  right: 160px;
}