/************************
 * Color Background *****
************************/
html.sm-user-ui  {
    background-color: #ffffff;
    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: #000000;
            background-color: rgba(0,0,0, 0);
    }
.sm-user-ui .sm-page-content > .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-left {
    background-color: #ffffff;
            background-color: rgba(255,255,255, 0);
    }
.sm-user-ui .sm-page-content > .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-right {
    background-color: #222222;
    }
.sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-left {
    background-color: #222222;
    }
.sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-right {
    background-color: #222222;
    }
/* For Desktops and laptops only (do not do on mobile devices)
   Hover Notice on SM Gallery Thumb Image */
@media only screen and (min-width : 1224px) {
  /*Hover Notice on SM Gallery Thumb Image*/
  .sm-user-ui .sm-gallery .sm-tile-photo a:hover:after {
    content: 'Click to Enlarge' !important;
    z-index: 9999 !important;
    position: absolute;
    bottom: 0px;
    left: 0px; 
    font-size:10px;
    background-color: rgba(0, 0, 0, 0.6);
    color: rgba(255, 255, 255, 0.6);
    padding: 3px 5px 3px 5px; /* top right bottom left */
    border:solid 1px #595959;
    overflow: visible;
  }
}

/** 
* Adds Border and Drop Shadow on Collage Landscape Gallery
***********************************************************/

/* For Desktops and laptops only (do not do on mobile devices)
   Hover Notice on SM Gallery Thumb Image */
@media only screen and (min-width : 1224px){	
.sm-user-ui .sm-gallery-roworganic .sm-tile-content {
	border: 1px solid #cccccc;
	-webkit-box-shadow: 1px 1px 1px #cccccc;
	   -moz-box-shadow: 1px 1px 1px #cccccc;
			box-shadow: 1px 1px 1px #cccccc;
	max-width: 97%;		
	}
	
	.sm-user-ui .sm-gallery-roworganic .sm-tile-content:hover {
		border-color: #cccccc;
		}
}

/* Set the buttons to transition grey on mouse hover */
.sm-user-ui .sm-button-skin-accent {
  background-color: #710404;
  border-color: #710404;
}