/* CUSTOM STYLES 



=========================================================*/



/* Virtual Galleries*/

h1.header-title {

  font-size: 2rem;

  font-weight: 500;

  font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;

}


/* Text under header title*/

.header-text {

  font-size: 1.25rem;

  font-weight: 300;

  font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}

/* Header link styles*/

.header-content-container h2 {
  font-size: 1.5rem;
  font-weight: 600;
}

.header-content-container a {
  color: #000;
  font-style: italic;
  text-decoration: underline;
}


/* Title of entry*/

h4.title {

  font-size: 1.5rem;

  font-weight: 600;

  font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;

}



/* Entry text*/

.card-text {

  font-size: 1rem;

  font-weight: 300;

  font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;

}





/* main heading title*/

.main-heading {

  font-size: 2.5rem;

  font-weight: 600;

  font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;

  line-height: 1.5;

}

































































.jumbotron {

  padding-top: 3rem;

  padding-bottom: 3rem;

  margin-bottom: 0;

  background-color: #fff;

}

@media (min-width: 640px) {
  .header-container.container{
      max-width: 640px;
  }
}

.header-content-container iframe {
  width: 100%;
  height: 220px;
}


.navbar {

  background-color: #000 !important;

}



.navbar-collapse {

  flex-grow: 0 !important;

}



.navbar-brand {

  font-weight: 700;

  font-family: Arial;

  font-size: 1.5rem;

}



.dropdown-menu {

  min-width: 8rem;

}



.dropdown-item {

  padding: .25rem .5rem;

}



.navbar-dark .navbar-nav .nav-link {

  color: rgba(255,255,255,1) !important;

}



.jumbotron .header-title {

  font-weight: 500;

}



.jumbotron p:last-child {

  margin-bottom: 0;

}



.jumbotron h1 {

  font-weight: 300;

}



.container.d-flex {

  justify-content: center;

}



.virtual-grid {

  width: 100%;

  margin: auto 0;

}



.virtual-grid-item {

  width: 100%;

  margin: 1rem auto 0;

}



.title {

  padding-bottom: .1rem;

}



.card img {

  max-width: 100%;

  height: auto;

}



.card iframe {

  width: 100%;

}



.view-link a{

  color: #000;

}



.view-link a:hover {

  color: #000;

}



.view-link:hover {

  background-color: #fff;

  text-decoration: underline;

}



footer {

  padding-top: 3rem;

  padding-bottom: 3rem;

  background-color: #000;

  color: #fff;

}



footer p, footer a {

  margin-bottom: .25rem;

  color: #fff;

}



.copyright-container {

  font-size: .7rem;

}



.footer-menu ul {

  margin: 0;

  padding: 0;

}



.footer-menu li {

  font-size: .8rem;

  list-style-type: none;

  padding: .1rem;

}



.footer-menu li a:hover{

  color: #fff;

}



.footer-info {

  font-size: .9rem;

}



.footer-social ul{

  padding: 0;

}



.footer-social li{

  list-style-type: none;

  float: left;

  margin: 1rem;

}



.footer-social img{

  width: 35px;

  height: 35px;

}

iframe {
  border: 0;
}

@media (min-width: 374px) {
  .header-content-container iframe {
    height: 260px;
  }
}

@media (min-width: 420px) {
  .header-content-container iframe {
    height: 300px;
  }
}

@media (min-width: 490px) {
  .header-content-container iframe {
    height: 360px;
  }
}

@media (min-width: 575px) {
  .header-content-container iframe {
    height: 400px;
  }
  
}

@media (min-width: 630px) {
  .header-content-container iframe {
    height: 480px;
  }
  h1.header-title {
    font-size: 2.5rem;
  }
  .header-content-container h2 {
    font-size: 2rem;
}
}

@media (min-width: 768px) {

  .navbar-brand {
    font-size: 2rem;
  }


  .virtual-grid-item {

    width: 45%;

    margin: 1rem 1rem 0;

  }



}



@media (min-width: 992px) {



  .bd-placeholder-img-lg {

    font-size: 3.5rem;

  }



  .virtual-grid-item {

    width: 30%;

    margin: 1rem 1.5% 0;

  }



}