/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Photocrati Media
Version: 2.12

This stylesheet is provided to allow users the ability of overriding the default styles for all display types
*/

.ngg-singlepic.ngg-none.gumroadthumb {
   float: left;
   width: 100%;
   border: .2em solid #849BB3;
   border-radius: 2em;
   margin: 0 0 5% 0;
}

.ngg-gallery-thumbnail-box {
    float: left;
    margin: 0;
    width: 33.333333333333%;
    height: 33.333333333333%;
}

.ngg-gallery-thumbnail {
    border: 0;
    margin: 0; 
}

.ngg-gallery-thumbnail a {
    margin: 0;
}

.ngg-gallery-thumbnail img {
    background-color: inherit;
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.entry-content img {
    margin: 0;
    max-width: 100%;
    height: auto;
border: 0px none;
padding: 0 ;
}


.ngg-gallery-singlepic-image img {
width: auto;
margin: auto;
}


.ngg-breadcrumbs, .ngg-album-gallery-image-counter, .ngg-description  {
  display:none;
}

.ngg-albumoverview {
  margin-top: 0px;
}

.ngg-singlepic {
  background: none; 
  display: block;
  padding: 0px;
}

.ngg-thumbnail img {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.ngg-thumbnail {
  float: left;
  padding: 0;
  margin: 0;
}

.ngg-album {
  float: left;
  border: none;
  padding: 0;
  margin: 0;
  width: 50%;
  height: 0;
  padding-bottom: 50%; 
  overflow: visible;
  position: relative;
}

.ngg-album:hover .ngg-albumtitle{
  visibility:visible;
  opacity:1;
  transition-delay:0s;
}

.ngg-album .ngg-albumcontent{
  -webkit-filter: brightness(100%) grayscale(0%);
   filter: brightness(100%) grayscale(0%);
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
     
}

.ngg-album:hover .ngg-albumcontent{
  -webkit-filter: brightness(150%) grayscale(100%);
   filter: brightness(150%) grayscale(100%);
}

.ngg-albumtitle {
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  position: absolute;
  z-index: 10;
  height: auto;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.80);
  margin: 0;
  text-transform: uppercase;
  padding: 15px;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s linear 0.2s,opacity 0.2s linear;
}

@media only screen and (min-width: 481px) {

.ngg-singlepic.ngg-none.gumroadthumb {
  width: 46%;
  margin: 2%;
}

.ngg-album {
  width: 33.33333%;
  padding-bottom: 33.33333%; 
  }
} 

@media only screen and (min-width: 768px) {

.ngg-breadcrumbs, .ngg-album-gallery-image-counter, .ngg-description  {
  display:none;
} 


.ngg-singlepic {
  background: none; 
  display: block;
  padding: 0px;
}

.ngg-thumbnail img {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

.ngg-thumbnail {
  float: left;
  padding: 0;
  margin: 0;
}

.ngg-album {
  float: left;
  border: none;
  padding: 0;
  margin: 0;
  width: 25%;
  height: 0;
  padding-bottom: 25%; 
  overflow: visible;
  position: relative;
}

.ngg-album:hover .ngg-albumtitle{
  visibility:visible;
  opacity:1;
  transition-delay:0s;
}

.ngg-albumtitle {
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  position: absolute;
  z-index: 10;
  height: auto;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.80);
  margin: 0;
  text-transform: uppercase;
  padding: 15px;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s linear 0.2s,opacity 0.2s linear;
}

} 


@media only screen and (min-width: 1401px) {
.ngg-album {
  width: 20%;
  padding-bottom: 20%; 
  }
} 


@media only screen and (min-width: 1801px) {
.ngg-album {
  width: 16.66666666666667%;
  padding-bottom: 16.66666666666667%; 
  }
} 


.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
// end of media query