/* CSS Document */
/* Scss Document */
/*--------------------------------------------------------------
# Initial
--------------------------------------------------------------*/
body {
  background: black; }

/* anchor
-----------------------------------------*/
a, a:link, a:visited, a:active {
  color: #FFF; }

a:hover {
  color: #FFF; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
  text-shadow: 1px 1px 0px #000;
  color: #FFF; }

/* site-wrapper
-----------------------------------------*/
#site-wrapper {
  background: rgba(0, 0, 0, 0.5); }

/* site-header
-----------------------------------------*/
#masthead {
  position: relative;
  z-index: 1; }

/*--------------------------------------------------------------
# layout
--------------------------------------------------------------*/
.site-title {
  border-color: #FFF; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.navbar-nav > li > a:hover {
  text-shadow: none;
  color: #000;
  background: white; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  color: #000; }

/*--------------------------------------------------------------
# PhotoFrame
--------------------------------------------------------------*/
#photoframe-toggle {
  background: white !important;
  color: #000 !important; }

/* Navigation
--------------------------------------------------------------*/
.photoframe-nav-btn a {
  color: #000 !important;
  background: rgba(255, 255, 255, 0.5) !important; }

.photoframe-nav-btn a:hover {
  background: rgba(255, 255, 255, 0.75) !important; }

.photoframe-nav-btn.current a {
  background: white !important; }