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

@media screen and (max-width: 768px) {
    html.sm-user-ui  {
        background-size: auto;
    }
}
/* Make the menu nav bar text for the active page a different color */
.sm-page-widget-nav-activepage > a {
  color: #FFFFFF !important;
  text-decoration: underline;
}

/* Make the menu nav bar hover text for the active page a different color */
.sm-page-widget-nav-activepage > a:hover {
  color: #FFFFFF !important;
}

/* Turn the navbar text a different color when the mouse hovers over it */
.sm-user-ui .sm-page-widget-nav-toplink a:hover {
  color: #FFFFFF !important;
  -webkit-transition:color 0.2s ease-in;
  -moz-transition:color 0.2s ease-in;
  transition:color 0.2s ease-in;
}

/* Don't show "Powered by SmugMug in the footer */
.sm-page-powered-by A:first-child {
   display: none;
}

/* Change the color of the social media icons */
.sm-page-widget-social-links a {
   color: #FFFFFF !important;
}

/* Hide the home icon, and the first the separator icon in the breadcrumb */
.sm-page-layout-region-center .sm-page-widget-body li:first-child,
.sm-page-layout-region-center .sm-page-widget-body li:nth-of-type(2) {
display: none !important;
}