/* Home Page specific theming */

/* Home page specifc width */
@media (min-width: 1200px) {
  .container-main {
      width: 95%;
  }
}
/*jumbotron-------------------------------------------------- */
.jumbotron {
  background-image: url("/assets/site/images/G2MC-home-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}

.jumbotron h1 {
  color: #191919 !important;
  font-size: 3em !important;
  font-weight: 600 !important;
  margin-top: 15px;
}

.jumbotron p {
  font-size: 16px !important;
  font-weight: normal !important;
}

.jumbotron span > p {
  margin-bottom: 0;
}

.jumbotron ul {
  color: #3b6694;
  padding-left: 15px;
}

.jumbotron li {
  line-height: 2.5em;
}

.jumbotron ul > li > span {
  color: #4c4c4c;
}
/* banner content ------------------------------------------------------------*/
.banner {
  display: flex;
  justify-content: center;
}

.banner-content {
  margin: 75px;
  padding: 50px;
  outline: 5px solid rgba(255,255,255,0.5);
  background-color: white;
  line-height: 2em;
}
.banner-content .red-btn {
  margin-top:25px;
}
/* Join Us Content -----------------------------------------------------------*/
.world-map {
  background-image: url("../../images/map.jpg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 65% auto;
  margin-bottom: 50px;
  padding: 20px 0;
}
.join-us-content h2.title {
  margin-bottom: 30px;
}
.join-us-content > ul {
  margin-left: 0;
  margin-top: 20px;
  margin-bottom: 30px;
}

.join-us-content > ul > li {
  font-weight: 600;
  display: block;
}

@media (max-width: 767px) {
  .banner-content {
    margin: 75px 0;
    width: 100%;
  }

  .red-btn {
    display: block;
    margin: 10px auto;
  }

  .working-groups-content {
    text-align: center;
  }

  .working-groups-content h2 {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .world-map {
    background-image: none;
  }

  .contact-form {
    background-image: none !important;
  }
}
@media (max-width: 1199px) {
  .content > h2 {
    display: block !important;
    text-align: center;
  }

  .jumbotron h1 {
    margin-top: 15px;
    font-size: 2em !important;
  }
}
/* Working Groups Content ----------------------------------------------------*/
.icon-working-group {
  padding-top: 6em;
  padding-bottom: 0.5em;
  color: #191919;
  display: block;
  text-align: center;
  text-decoration: none;
}
.icon-working-group:hover,
.icon-working-group:active,
.icon-working-group:active {
  border-radius: 4px;
  background-color: #ddd;
}

.icon-working-group > a {
  font-weight: 600;
  color: #191919;
  text-decoration: none;
}

.working-groups-content > h2 {
  margin-right: 30px;
}

.working-groups-content > h2,
.working-groups-content > p {
  display: inline-block;
}

.working-groups-icons {
  margin-bottom: 40px;
}

ul.working-groups-icons > li {
  list-style: none;
}

#education,
#evidence,
#it-bio,
#national,
#pharma,
#policy {
  background-repeat: no-repeat;
  background-position: center 20%;
  background-size: 5em 5em;
  display: block;
  line-height: normal;
}

#education {
  background-image: url("../../images/icon-education.svg");
}

#evidence {
  background-image: url("../../images/icon-evidence.svg");
}

#it-bio {
  background-image: url("../../images/icon-bioinformatics.svg");
}

#national {
  background-image: url("../../images/icon-national-programs.svg");
}

#pharma {
  background-image: url("../../images/icon-pharma.svg");
}

#policy {
  background-image: url("../../images/icon-policy.svg");
}

/* contact us content --------------------------------------------------------*/
.contact-form {
  background-image: url("../../images/contact-us-background.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 50% auto;
  height: 900px;
}
@media (max-width: 767px) {
  .banner-content {
    padding: 20px;
  }
}