/*------------------------------------------------------------
   GALLERY
------------------------------------------------------------*/
.gallery ul
{
   overflow-x: visible;
   list-style-type: none;
   /* font-family: verdana, arial, helvetica, san-serif; */
   font-size: inherit;
   font-size: 0.9rem;
   line-height: 0;
   text-align: left;
   padding: 0;
   margin: 0;
   width: 100%;
}

.gallery li
{
   display: inline-block;
   vertical-align: top;
   margin: 0;
   padding: 0 0 40px 0;
   zoom: 1;
}

/* Fixed width galleries */
.gallery2Col li,
.gallery3Col li,
.gallery4Col li,
.gallery5Col li,
.gallery6Col li,
.gallery7Col li,
.gallery8Col li
{
   width: 100%;
   margin-right: 0;
}

.gallery li.thumbEndMobile { margin-right: 0; }

.gallery li img
{
   margin: 0 0 10px 0;
   max-width: 100%;
   width: 100%;
   height: auto;
}

.gallery li p
{
   font-size: 15px;
   line-height: 1.2;
   text-align: left;
   color: inherit;
   margin: 5px 0 0 0;
   padding: 0;
}

.gallery li .thumbCaptionLeft { text-align: left; }
.gallery li .thumbCaptionCenter { text-align: center; }

/*
.gallery li a:link, .gallery li a:visited { color: #000; text-decoration: underline; }
.gallery li a:hover { color: #9C1618; text-decoration: underline; }
*/
.gallery li a.thumbImageLink { border: none !important; }

/* Galleries on Tablet and Desktop - show multiple columns */
@media screen and (min-width: 600px)
{
   .gallery li.thumbEndMobile { margin-right: 2.5%; }

   .gallery1Col li { width: 100%; }
   .gallery2Col li { width: 47%; margin-right: 2.5% !important; }
   .gallery3Col li { width: 47%; margin-right: 2.5% !important; }
   .gallery4Col li { width: 47%; margin-right: 2.5% !important; }
   .gallery5Col li { width: 47%; margin-right: 2.5% !important; }
   .gallery6Col li { width: 47%; margin-right: 2.5% !important; }
   .gallery7Col li { width: 47%; margin-right: 2.5% !important; }
   .gallery8Col li { width: 47%; margin-right: 2.5% !important; }

   .gallery li.thumbEnd { margin-right: 2.5%; }
}

/* Galleries on Tablet and Desktop - show multiple columns */
@media screen and (min-width: 900px)
{
   .gallery li.thumbEndMobile { margin-right: auto; }

   .gallery1Col li { width: 100%; }
   .gallery2Col li { width: 47%; margin-right: 2.5% !important; }
   .gallery3Col li { width: 31%; margin-right: 2.5% !important; }
   .gallery4Col li { width: 22%; margin-right: 2% !important; }
   .gallery5Col li { width: 18%; margin-right: 1.5% !important; }
   .gallery6Col li { width: 15%; margin-right: 1.5% !important; }
   .gallery7Col li { width: 13%; margin-right: 1% !important; }
   .gallery8Col li { width: 11%; margin-right: 1% !important; }

   .gallery li.thumbEnd { margin-right: 0 !important; }
}