body {
  padding-top: 20px;
  font-family: 'Old Standard TT', serif;
  font-size: 14px;
}

 /* Navbar styling */
.name {
  color:#000;
  text-decoration: none;
  line-height: 20pt;
  display: block;

}
.side-nav{
  font-size: 18px;
}
.name:link, .name:visited, .name:hover, .name:active {
  color:#000;
  text-decoration: none;
}
.nav-active{
  color:red!important;
  text-decoration:underline!important;
}

.side-nav.mobile-hide ul a, .gallery-row-nav a{
  color:#000;
  text-decoration: none;
}
.side-nav.mobile-hide ul a:hover, a:active, .gallery-row-nav a:hover p, .gallery-row-nav a:active p{
  color:#000;
  text-decoration: underline;
}
.side-nav.mobile-hide ul{
  list-style-type:none;
  -webkit-padding-start: 0px;
}
.side-nav.mobile-hide ul ul{
  list-style-type:disc;
  -webkit-padding-start: 20px;
}
.sub-hide ul{
  display:none;
}
.sub-collapse ul{
  display:block;
}

 /* Mobile nav styling */
.navbar-light .navbar-toggler {
  border:none;
  padding-right:0;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .nav-link {
  padding-top:0px;
  padding-bottom:0px;
}

 /* Gallery styling */

.gallery-row img{
    padding-bottom: 25px;
}


.gallery-row-nav img{
    padding-bottom: 15px;
}

.gallery-row-nav p{
  text-align: center;
}
.gallery-row-nav a img, .gallery-row a img {
  position:relative;
  -webkit-transform: translateZ(0);
  opacity: 1;
  transition: .3s ease;
  backface-visibility: hidden;
}

.gallery-row-nav a:hover img, a:active img{
  opacity: .5;
  -webkit-transform: translateZ(0);
}

.gallery-row a:hover .middle, a:active .middle{
  opacity: 1
}
.middle {
  transition: .3s ease;
  opacity: 0;
  position: absolute;
  background-color: none;
  top:0;
  left:0;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:25px;
  width:100%;
}
.text {
  display: flex;
  height:95%;
  width:95%;
  justify-content: flex-end; /* align horizontal */
  align-items: flex-end; /* align vertical */
  background: rgba(255, 255, 255, 0);
  color: red;
  font-size: 25px;
}

 /* Lightbox */

.modal-footer {
   text-align: left;
   -webkit-box-pack: start;
   display: -webkit-box;
   border-top:0px;
   padding-top:0px;
   font-family: 'Roboto', sans-serif;
   font-size:12px;
}

 /* Media Queries */

@media (max-width: 767.98px) { 
  body {
    padding-top: 0px;
  }
  .navbar.mobile-show{
    display:flex;
  }
  .mobile-show{
    display:block;
  }
  
  .mobile-show.caption p{
    margin-top: 0px;
    font-size: .9em;
    font-family: 'Roboto', sans-serif;
    z-index: 1000;
  }
  .mobile-hide{
    display:none;
  }
  .gallery-row, .gallery-row a, .gallery-row img {
    pointer-events:none;
    padding-bottom: 5px;
  }

}

@media (min-width: 768px) { 
  .container-fluid{
    padding-top:10px;
    padding-left:50px;
    padding-right:70px;
  }
  .mobile-show{
    display:none;
  }
  .mobile-hide{
    display:block;
  }
  .gallery-row,.gallery-row-nav{
    padding-left:20px;
  }
  .gallery-row-nav .lr-d-10 img {
    padding-left:10px;
    padding-right:10px;
  }

  .gallery-row-nav .lr-d-20 img {
    padding-left:20px;
    padding-right:20px;
  }


}