BODY { background-color: #ffffff; color: #000000;}

.main, .main * .content { border-style: none; border-collapse: collapse; background: #ffffff; background-color: #ffffff; }

.error, .success { font-weight: bold; }
.italic { font-style: oblique; }
.success {
  color: green;
}
.content strong, .error { color: #aa0000; }
.shell { font-family: monospace; }
/*
  .content .bullet { color: #aa0000; }
  .content .bullet .text { color: #0000000; }
  .content .bullet * { color: #0000000; }
*/

/*---------------------------Header styling */

.molpro-logo {
  margin: 0 auto;
}

a:hover {
  text-decoration: none;
}

/*---------------------------Navigation styling */

.menuitem {
  list-style: none;
}

.content { background-color: #ffffff; color: #000000; }

.hover { text-overflow: inherit; overflow: visible; }

.ok {color: #cc8400}
.good {color: #008800}
.bad {color: #aa0000; font-weight: bold}

.headcolour, .logo, .menu, .menuitem, .portalmenu, .pagetitle, .portalmenu * a:link, .portalmenu * a:visited, .portalmenu * a:active, .portalmenu * a:hover, .menu * a:link, .menu * a:visited, .menu * a:active, .menu * a:hover, H1, H2, H3, H4, .content H1 > a, .content H2 > a, .content H3 > a, .content H4 > a , caption {
  color: #3600ff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

H1, .footer { font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', ' Lucida Sans', Tahoma, sans-serif;
font-weight: bold;}

.footer  { font-size: 80%; }
.content H1 { font-size: 30px; }
.content H2 { font-size: 110%; }
.content H3, .content H4 { font-size: 100%; }
.logo, .menu, .portalmenu, .pagetitle, .portalmenu * a:link, .portalmenu * a:visited, .portalmenu * a:active, .portalmenu * a:hover, .menu * a:link, .menu * a:visited, .menu * a:active, .menu * a:hover {
  background-color: #fcfcfc;
}
.content H1 > a:hover, .content H2 > a:hover, .content H3 > a:hover, .content H4 > a:hover, .portalmenu * a:hover, .menu * a:hover {
  color: #ff3333;
}

.menuitem {
  font-size: 90%;
/*
  padding-bottom: 5%;
*/
}

.brand-mobile {
  display: none;
}

.molpro-logo {
  height: 75px;
}

.site-title {
  margin-right: 20px;
}

.site-title-mobile {
  display: none;
}

/*---------------------------General Styles */

.content {
  margin-top: 40px;
}

.container-fluid {
  padding: 0;
}

.jumbotron h1 {
  font-size: 60px;
}

.grey-background {
  background-color:  rgba(245, 245, 245, 0.7);
}

.btn-primary {
  background-color: #3600ff;
  border-color: #3600ff;
  border-radius: 10px;
}

/*---------------------------Jumbotron */

.home-page-jumbotron {
  background: url("/resources/images/index-bg-image.png") no-repeat bottom right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.jumbotron {
  height: 600px;
  max-height: calc(100vh - 130px);
  margin: 0;
  background-color: rgba(245, 245, 245, 0.7);
}

.jumbotron .container {
  padding: 0 120px 0 120px;
}

.jumbotron .container h1,
.jumbotron .container a,
.jumbotron .container p {
  margin-top: 20px;
  margin-bottom: 20px;
}

.jumbotron .container p {
  font-size: 24px;
}

/*---------------------------Learn more section */

.learn-more-row {
  min-height: 400px;
  padding: 20px 0 20px 0;
}

.learn-more-row h3 {
  font-size: 20px;
}

.learn-more-row p {
  margin: 20px;
}

.learn-more-row .btn {
  margin: 20px;
}

.learn-more-img {
  margin: 0 auto;
  width: auto;
  max-width: 80%;
  max-height: 360px;
}

#more-text-cluster,
#more-text-density,
#more-text-multiscale,
#more-text-multireference,
#more-text-interfaces {
  display: none;
}

/*---------------------------News section */

.news-section {
  background-color: rgba(245, 245, 245, 0.7);
}

.news-title {
  text-align: center;
  margin-top: 40px;
  font-size: 30px;
}

.news-list {
  margin: 40px;
}

.news-item {
  margin-top: 50px;
}

/*---------------------------Authors page */

.authors-title {
  text-align: center;
  margin: 30px;
  font-size: 30px;
}

.author-div {
  padding: 20px;
  min-height: 400px;
}

.author-img {
  width: 80%;
}

/*---------------------------Media Queries */

@media only screen and (max-width: 1100px) {
  .site-title-second-half {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .site-title {
    display: none;
  }

  .site-title-mobile {
    display: inline-block;
  }

  .brand-mobile {
    display: inline-block;
  }

  .brand-large {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .learn-more-col {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}