/************************
 * Color Background *****
************************/
html.sm-user-ui  {
    background-color: #eeeeee;
    background-size: 100%;
}

@media screen and (max-width: 768px) {
    html.sm-user-ui  {
        background-size: auto;
    }
}
.sm-user-ui .sm-page-content > .sm-page-layout > .sm-page-layout-region-header {
    background-color: #292929;
            background-color: rgba(41,41,41, 0.95);
    }
.sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-center {
    background-color: #ffffff;
    }
/*Hide Keywords in Lightbox view*/
.sm-user-ui .sm-lightbox-keywords {
    display: none;
}

/* Hide the keywords from displaying on galleries */
.sm-tile-keywords 
{
  display: none;
}

/* Add a small margin to top and bottom of lightbox to stop from touching the edges */
.sm-lightbox-image {
	-webkit-transform: scale(0.97);
	-moz-transform: scale(0.97);
	-ms-transform: scale(0.97);
	transform: scale(0.97);

	-webkit-backface-visibility: hidden;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain !important;
}