/** * Copyright © Ulmod. All rights reserved. * See LICENSE.txt for license details. */
.um-gallery-image-items-view,
.um-gal-view-toolbar-bottom {
    float: left;
    width: 100%;
}
.um-gal-view-toolbar-bottom {
padding-top: 30px;
}
.um-gal-view-toolbar-bottom .toolbar-amount,
.um-gal-view-toolbar-bottom .limiter {
    display: none;
}
 .um-gallery-container .block-description {
     text-align: center;
     line-height: 23px;
}
.um-gallery-layout-no-filter .um-gallery-item h5 {
    font-size: 13px;
}
.um-gi-caption-block h4 {
    font-weight: 600;
}
.um-gal-image img {
    cursor: pointer;
}
/*** Gallery layout - without filters *****/
 .um-gallery-layout-no-filter .um-gallery-wrap, .um-gallery-layout-no-filter .um-gallery-items{
     float: left;
     width: 100%;
}
 .um-gallery-layout-no-filter .um-gallery-wrap{
     padding: 10px;
}
 .um-gallery-layout-no-filter .um-gallery-item {
     float: left;
     width: 25%;
     padding: 10px;
     position: relative;
}
 .um-gallery-layout-no-filter .um-gallery-item a {
     color: white;
     font-size: 16px;
     text-decoration: none;
     cursor: pointer;
}
 .um-gallery-layout-no-filter .um-gallery-item img {
     -webkit-filter: grayscale(70%);
     filter: grayscale(70%);
}
 .um-gallery-layout-no-filter .um-gallery-item:hover img {
     filter: none;
}
 .um-gallery-layout-no-filter .um-gallery-item h4 {
     text-transform: none;
     margin: 0px;
     padding: 5px;
     text-align: left;
}
 .um-gallery-layout-no-filter .um-gallery-item h5 {
     text-transform: none;
     margin: 0px;
     padding: 5px;
     text-align: left;
     font-weight: 400;
     line-height: 20px;
     font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
 .um-gallery-layout-no-filter .um-item-title h2 {
     margin: 0px;
     padding: 10px 0px;
     font-size: 18px;
     font-weight: 600;
     text-align: center;
}
 .um-gallery-layout-no-filter .um-gi-nf-caption-block {
     background-color: rgba(0,0,0,0.5);
     border-radius: 0px;
     left: 0.9rem;
     right: 0.9rem;
     bottom: 1.4rem;
     color: white;
     font-weight: 300;
     display: block;
     padding: 7px;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
}
.um-gal-no-move-gal-caption .um-gi-nf-caption-block {
	position: initial;
	display: block;
	background: white;
	color: #333;
	border: 1px solid transparent;
	margin-top: -7px;	
}
.um-gal-no-move-gal-caption .um-gallery-item img {
    border: 1px solid transparent;
}
.um-gal-no-move-gal-caption .um-gallery-item h5,
.um-gal-no-move-gal-caption .um-gallery-item h4 {
	color: #5f5f5f;	
	text-align: center;
}
.um-gal-no-move-gal-caption .um-gallery-item a {
    color: #333;
    font-weight: 600;
}
.um-gal-no-move-img-caption .um-gallery-layout-filter .um-gi-caption-block,
.um-gal-no-move-img-caption .um-gi-caption-block,
.um-gal-no-move-img-caption .um-ginf-caption-block,
.um-gal-no-move-img-caption .um-gal-template-slider .um-ginf-caption-block  {
	position: initial;
	display: block;
	background: white;
	color: #333;
	border: 1px solid transparent;
	margin-top: -7px;
}
.um-gal-no-move-img-caption um-gallery-layout-filter .um-gi-caption-block h5 ,
.um-gal-no-move-img-caption .um-gi-caption-block h5,
.um-gal-no-move-img-caption .um-ginf-caption-block h5,
.um-gal-no-move-img-caption .um-gal-template-slider .um-ginf-caption-block h5 {
	color: #5f5f5f;
        text-align: center;
}
.um-gal-no-move-img-caption .um-gallery-layout-filter .um-gal-image img,
.um-gal-no-move-img-caption .um-gal-image img {
	border: 1px solid transparent;
}
.um-gal-no-move-img-caption .um-gallery-layout-filter .um-gi-caption-block h4 {
    text-align: center;
}
.um-gal-no-move-img-caption .um-ginf-caption-block h4 {
    padding: 10px;
    text-align: center;
	font-weight: 600;
}
.um-gal-no-gray-img .um-gallery-layout-filter .um-gal-image img,
.um-gal-no-gray-img .um-gal-image img,
.um-gal-no-gray-img .um-gallery-items-widget .um-gal-image img {
    filter: none;
}
.um-gal-no-gray-gal .um-gallery-layout-no-filter .um-gallery-item img {
   filter: none;
}
/*** Gallery layout - with filters *****/
 .um-gallery-container, .um-gallery-container .block-title, .um-gallery-container .block-content, .um-gallery-container .um-gallery-block {
     float: left;
     width: 100%;
}
 .um-gallery-filters, .um-gallery-image-items {
     float: left;
     width: 100%;
     padding-top: 10px;
     padding-bottom: 0px;
}
 .um-gallery-controls {
     float: left;
     width: 100%;
     padding-top: 10px;
     padding-bottom: 20px;
}
 .um-gallery-filters {
     text-align: center;
}
 .um-gallery-container .block-title, .um-gallery-container .block-content {
     padding: 10px;
}
 .um-gallery-items {
     margin: 0px;
     padding-top: 0px;
     padding-bottom: 20px;
}
 .um-gallery-items li {
     display: inline-block;
     margin-right: 10px;
     padding: 4px 15px;
     border: 1px solid #888;
     margin-bottom: 0px;
}
 .um-gallery-items li a {
     color: #333;
     text-decoration: none;
     cursor: pointer;
}
 .um-gallery-items .active {
     background: #888;
}
 .um-gallery-items .active a{
     color: white;
}
 .um-controls-wrap {
	display: flex;
    align-items: center;
    justify-content: center;
}
 .um-shuffle-block {
     float: left;
    width: auto;
}
 .um-shuffle-block .shuffle-btn {
     border: 1px solid #888;
     margin-bottom: 0px;
     background: #888;
     box-shadow: none;
     border-radius: 0px;
     color: white;
}
 .um-search-block {
     float: left;
    width: auto;
     padding: 0px 10px;
}
 .um-search-block input {
     box-shadow: none !important;
}
 .um-sorting-block {
     float: left;
    width: auto;
}
 .um-sortandshuffle{
     float: left;
    width: auto;
     padding: 0px 10px;
     margin : 0px;
}
 .um-sortandshuffle li {
     display: inline-block;
     margin-right: 10px;
     padding: 4px 15px;
     border: 1px solid #888;
     margin-bottom: 0px;
     background: #888;
     color: white;
}
 .um-gallery-container .block-title h1 {
     margin: 0px;
     padding: 10px 0px;
     text-align: center;
}
 .um-fltr-sorting {
     float: left;
    width: auto;
     box-shadow: none !important;
}
 #um-filtr-item {
     width: 25%;
     padding: 7px;
}
 .um-gal-image img{
     -webkit-filter: grayscale(70%);
     filter: grayscale(70%);
}
 .um-gal-image img:hover {
     filter: none;
}
 .um-gi-caption-block {
     background-color: rgba(0,0,0,0.5);
     border-radius: 0px;
     left: 0.7rem;
     right: 0.7rem;
     bottom: 1.1rem;
     color: white;
     font-weight: 300;
     display: block;
     padding: 7px;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
}
 .um-gi-caption-block h4 {
     text-transform: none;
     margin: 0px;
     padding: 5px;
     text-align: left;
}
 .um-gi-caption-block h5 {
     text-transform: none;
     margin: 0px;
     padding: 5px;
     text-align: left;
     font-weight: 400;
     line-height: 20px;
     font-size: 14px;
     color: #f3f0f0;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
 .um-gallery-block .um-gi-icon{
     position: absolute;
     bottom: 55%;
     left: 50%;
     visibility: hidden;
	 cursor: pointer;
}
 .um-gal-image:hover .um-gi-icon{
     visibility: visible;
}
 .um-gallery-block .um-gi-icon i {
     font-size: 30px;
     color: #fff;
}
/**** Gallery image view ******/
.um-gal-template-grid .um-gal-image-wrapper {
    float: left;
    width: 25%;
    padding: 10px;
    position: relative;
}
 .um-gallery-container-view, .um-gallery-container-view .block-title, ..um-gallery-container-view .block-description, .um-gallery-container-view .block-content {
     float: left;
     width: 100%;
}
 .um-gallery-container-view .block-title, .um-gallery-container-view .block-description, .um-gallery-container-view .block-content {
     text-align: center;
}
 .um-gallery-container-view .block-title h1 {
     margin: 0px;
     padding: 0px;
}
 .um-gallery-container-view .block-description {
     text-align: center;
     padding: 20px 0px;
}
 .um-ginf-caption-block {
     background-color: rgba(0,0,0,0.5);
     border-radius: 0px;
     left: 0.9rem;
     right: 0.9rem;
     bottom: 1.4rem;
     color: white;
     font-weight: 300;
     display: block;
     padding: 7px;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
}
 .um-ginf-caption-block h4 {
     text-transform: none;
     margin: 0px;
     padding: 5px;
     text-align: left;
}
 #um-gallery-image-items-view .um-ginf-caption-block h5 {
     text-transform: none;
     margin: 0px;
     padding: 5px;
     text-align: left;
     font-weight: 400;
     line-height: 20px;
     font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
 .um-gallery-container-view .um-gal-image .um-gi-icon{
     position: absolute;
     bottom: 55%;
     left: 50%;
     visibility: hidden;
	 cursor: pointer;
}
 .um-gallery-container-view .um-gal-image:hover .um-gi-icon{
     visibility: visible;
}
 .um-gallery-container-view .um-gal-image .um-gi-icon i {
     font-size: 30px;
     color: #fff;
}
/**** slider, list and grid template*******/
.um-gal-template-slider .um-gal-image-wrapper {
    float: left;
    width: 100%;
    padding: 0px;
    position: relative;
}
 .um-gal-template-slider .um-ginf-caption-block h5 {
     display: none;
}
 .um-gal-template-slider .um-ginf-caption-block {
     background-color: rgba(0,0,0,0.5);
     border-radius: 0px;
     left: 0;
     right: 0;
     bottom: 0;
     color: white;
     font-weight: 300;
     display: block;
     padding: 7px;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
     width: 100%;
}
 .um-gal-template-slider .fa-arrow-circle-left, .um-gal-template-slider .fa-arrow-circle-right{
     font-size: 35px;
}
/*** Lighbox *****/
 .pp_pic_holder .ppt {
     opacity: 1;
     display: block;
     width: 100%;
     z-index: 9999;
     font-size: 16px;
     background: rgba(0,0,0,.8);
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 0px;
     text-shadow: 0 1px 2px #222;
     color: #FFF;
     font-weight: bold;
     line-height: 22px;
     text-align: center;
     margin: 10px 10px;
     padding: 10px;
}
/**** RWD ******/
@media only screen and (max-width:767px) {
     .um-gal-template-grid .um-gal-image-wrapper, .um-gallery-layout-no-filter .um-gallery-item {
         width: 100%;
    }
     .um-gal-no-move-gal-caption .um-gi-nf-caption-block {
         position: absolute;
    }
}
@media only screen and (min-width: 100px) and (max-width:585px) {
.um-controls-wrap {
display: block;
padding: 0px 20px;
}
.um-shuffle-block,
.um-search-block,
.um-sorting-block,
.um-fltr-sorting {
    width: 100% !important;
    float: left;
}
.um-sortandshuffle {
width: 100% !important;
text-align: center !important;
padding: 4px 4px !important;
}
.um-sorting-block {
    padding-top: 0px;
}
}
@media only screen and (min-width: 100px) and (max-width:767px) {
     .um-gi-caption-block h5 {
         display: none;
    }
     #um-filtr-item {
         width: 50%;
    }
     .um-search-block {
         width: auto;
		padding: 10px;
    }
     .um-sorting-block {
         width: auto;
         padding-top: 0px;
         text-align: center;
    }
     .um-shuffle-block {
         padding: 5px 10px;
         width: auto;
         text-align: center;
    }
     .um-search-block input {
         text-align: center;
    }
     .um-gi-caption-block h4 {
         font-weight: 400;
         font-size: 13px;
         line-height: 15px;
    }
     .um-gallery-items li {
         margin-bottom: 10px;
    }
     .um-gallery-filters ul {
         margin: 0px;
         padding: 0px;
    }
     .um-gallery-controls {
         float: left;
         width: auto;
         padding-bottom: 0px;
         padding-top: 0px;
    }
     .um-sortandshuffle li {
         margin-right: 0px;
         padding: 5px 5px;
    }
     .um-sortandshuffle {
         width: auto;
         text-align: right;
         padding: 0px 4px;
    }
     .um-fltr-sorting {
         width: auto;
    }
}
 @media only screen and (min-width: 767px) and (max-width:1050px) {
     .um-gi-caption-block h5 {
         display: none;
    }
     .um-sortandshuffle {
         padding: 0px 2px;
         margin: 0px;
         width: auto;
    }
     .um-search-block {
         padding: 0px 15px;
    }
     .um-fltr-sorting {
         width: auto;
    }
}