/* ----------- Gallery style -------------*/ .ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear: both; display: block !important; } .ngg-galleryoverview .desc { /* required for description */ margin: 0px 10px 10px 0px; padding: 5px; } .ngg-gallery-thumbnail-box { float: left; max-width: 100% !important; } .ngg-template-caption .ngg-gallery-thumbnail-box { margin-right: 0px; } .ngg-gallery-thumbnail { text-align: center; max-width: 100% !important; background-color: #FFFFFF; border: 1px solid #A9A9A9; margin-right: 5px; margin: 5px; } .ngg-template-caption .ngg-gallery-thumbnail { margin-right: 0px; } .ngg-gallery-thumbnail a { display: block; margin: 4px; border: none; box-shadow: none; } .ngg-gallery-thumbnail img { display: block; margin: 0; padding: 0; position: relative; max-width: 100% !important; height: auto; } .ngg-gallery-thumbnail span { /* Images description */ font-size: 90%; padding-left: 5px; display: block; } /* ----------- New Default Styling September 2018 -----------*/ .ngg-galleryoverview { margin-top: 40px; margin-bottom: 50px; -webkit-transition: width 1s, height 1s, background-color 1s, -webkit-transform 1s; transition: width 1s, height 1s, background-color 1s, transform 1s; min-height: 100px; } .ngg-gallery-thumbnail-box.ngg-1-columns { width: 100%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-2-columns { width: 50%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-3-columns { width: 33.33333%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-4-columns { width: 25%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-5-columns { width: 20%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-6-columns { width: 16.6666%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-7-columns { width: 14.2857%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-8-columns { width: 12.5%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-9-columns { width: 11.1111%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-10-columns { width: 10%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-11-columns { width: 9.09%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-12-columns { width: 8.3333%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-13-columns { width: 7.692%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-14-columns { width: 7.142%; float: left !important; } .ngg-gallery-thumbnail-box.ngg-15-columns { width: 6.6666%; float: left !important; } @media (max-width: 800px) { .ngg-gallery-thumbnail-box.ngg-5-columns, .ngg-gallery-thumbnail-box.ngg-6-columns, .ngg-gallery-thumbnail-box.ngg-7-columns, .ngg-gallery-thumbnail-box.ngg-8-columns, .ngg-gallery-thumbnail-box.ngg-9-columns, .ngg-gallery-thumbnail-box.ngg-10-columns, .ngg-gallery-thumbnail-box.ngg-11-columns, .ngg-gallery-thumbnail-box.ngg-12-columns, .ngg-gallery-thumbnail-box.ngg-13-columns, .ngg-gallery-thumbnail-box.ngg-14-columns, .ngg-gallery-thumbnail-box.ngg-15-columns, .ngg-gallery-thumbnail-box.ngg-16-columns, .ngg-gallery-thumbnail-box.ngg-17-columns, .ngg-gallery-thumbnail-box.ngg-18-columns, .ngg-gallery-thumbnail-box.ngg-19-columns, .ngg-gallery-thumbnail-box.ngg-29-columns { width: 25%; } } @media (max-width: 600px) { .ngg-gallery-thumbnail-box.ngg-4-columns, .ngg-gallery-thumbnail-box.ngg-5-columns, .ngg-gallery-thumbnail-box.ngg-6-columns, .ngg-gallery-thumbnail-box.ngg-7-columns, .ngg-gallery-thumbnail-box.ngg-8-columns, .ngg-gallery-thumbnail-box.ngg-9-columns, .ngg-gallery-thumbnail-box.ngg-10-columns, .ngg-gallery-thumbnail-box.ngg-11-columns, .ngg-gallery-thumbnail-box.ngg-12-columns, .ngg-gallery-thumbnail-box.ngg-13-columns, .ngg-gallery-thumbnail-box.ngg-14-columns, .ngg-gallery-thumbnail-box.ngg-15-columns, .ngg-gallery-thumbnail-box.ngg-16-columns, .ngg-gallery-thumbnail-box.ngg-17-columns, .ngg-gallery-thumbnail-box.ngg-18-columns, .ngg-gallery-thumbnail-box.ngg-19-columns, .ngg-gallery-thumbnail-box.ngg-29-columns { width: 33.33333%; } } @media (max-width: 400px) { .ngg-gallery-thumbnail-box.ngg-3-columns, .ngg-gallery-thumbnail-box.ngg-4-columns, .ngg-gallery-thumbnail-box.ngg-5-columns, .ngg-gallery-thumbnail-box.ngg-6-columns, .ngg-gallery-thumbnail-box.ngg-7-columns, .ngg-gallery-thumbnail-box.ngg-8-columns, .ngg-gallery-thumbnail-box.ngg-9-columns, .ngg-gallery-thumbnail-box.ngg-10-columns, .ngg-gallery-thumbnail-box.ngg-11-columns, .ngg-gallery-thumbnail-box.ngg-12-columns, .ngg-gallery-thumbnail-box.ngg-13-columns, .ngg-gallery-thumbnail-box.ngg-14-columns, .ngg-gallery-thumbnail-box.ngg-15-columns, .ngg-gallery-thumbnail-box.ngg-16-columns, .ngg-gallery-thumbnail-box.ngg-17-columns, .ngg-gallery-thumbnail-box.ngg-18-columns, .ngg-gallery-thumbnail-box.ngg-19-columns, .ngg-gallery-thumbnail-box.ngg-29-columns { width: 50%; } } /* ----------- Styling for Basic Thumbnail Simple Template September 2018 -----------*/ .ngg-galleryoverview.default-view { text-align: center; font-size: 0 !important; letter-spacing: 0 !important; } .ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box { display:inline-block; float: none; vertical-align: middle; } .ngg-galleryoverview.default-view .ngg-gallery-thumbnail { background-color: transparent; border: none; margin: 0; margin-right: 0; position: relative; } .ngg-galleryoverview.default-view .ngg-gallery-thumbnail a { margin: 2px; box-shadow: none; } .ngg-galleryoverview.default-view .ngg-gallery-thumbnail img:hover { opacity: .8; } .ngg-galleryoverview.default-view .ngg-gallery-thumbnail img { margin: 0 auto; box-shadow: none; cursor: pointer; } .ngg-galleryoverview.default-view .slideshowlink { margin: 24px auto 0; text-align: center; text-transform: uppercase; } .ngg-galleryoverview.default-view .slideshowlink a { font-size: 13px; letter-spacing: .75px; cursor: pointer; text-decoration: none; box-shadow: none; border: none; } .ngg-galleryoverview.default-view .slideshowlink a:hover { text-decoration: none !important; box-shadow: none !important; border: none !important; } /* ----------- Gallery list (Carousel template) -------------*/ .ngg-galleryoverview ul li:before { content: '' !important; } .ngg-gallery-list { list-style-type: none; padding: 0px !important; text-indent: 0px !important; } .ngg-galleryoverview div.pic img { width: 100%; border: 0px; border-radius: 0px; } .ngg-gallery-list li { float: left; margin: 0 2px 0px 2px !important; overflow: hidden; } .ngg-gallery-list li a { border: 1px solid #CCCCCC; display: block; padding: 2px; } .ngg-gallery-list li.selected a { -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #000000 none repeat scroll 0 0; } .ngg-gallery-list li img { height: 40px; width: 40px; } li.ngg-next, li.ngg-prev { height: 40px; width: 40px; font-size: 3.5em; } li.ngg-next a, li.ngg-prev a { padding-top: 10px; border: none; text-decoration: none; } /** Caption view */ .ngg-caption-view-wrapper { display: flex; justify-content: center; flex-wrap: wrap; } /** Carousel view */ .ngg-basic-thumbnails-carousel { display: flex; justify-content: center; } .ngg-basic-thumbnails-carousel-list { display: flex; flex-wrap: wrap; } .ngg-galleryoverview.carousel-view .ngg-gallery-thumbnail img { max-width: 80px !important; }