/* Enter Your Custom CSS Here */

.two-dim-slider .slider-album-indicator .album-info-text {
  /* I think this will change the album title box stuff... nope it didn't work WTF */
  background-color: rgba(255,255,255,0);
}

/* li.menu-item.current-album-menu-item a::before { */
  /* adding current page indicator */
  content: "\203a\a0";
/* } */

/*
TWT - Slider Buttons / Text
*/

.two-dim-slider .arrow-right a .info-text.info-text-visible {
  background: none; 
}
  
.two-dim-slider .arrow-right a .info-text {
  background: none; 
}

.two-dim-slider .arrow-left a .info-text.info-text-visible {
  background: none; 
}

.two-dim-slider .arrow-left a .info-text {
  background: none; 
}

.two-dim-slider .arrow-left .icon-bg .icon, .two-dim-slider .arrow-right .icon-bg .icon {
background-color: rgba(255, 255, 255, 0);
}



.ds-gallery-page .main-header {
  /* control menu background */
background-color: rgba(255, 255, 255, 0); 
}

/*
TWT - END
*/



.menu {
line-height: 1;
  margin: 0; /* changes height between menus */
}

.menu li {
  margin: 0; /* changes height between menu items */
}

.menu ul li ul li {
  padding: 0 10px; /* indents sub menu items specifically */
}

.album-info-block {
  /* control pop-up info box background settings (the decimal value is the opacity, 1.0 is 100%) */
  background: rgba(255, 255, 255, 0.7);
}

.album-info-block .info-container {
  /* control pop-up info box padding and global styling */
  padding: 0.8em;
}

span.menu-sep {
  /* control styling for menu separator */
}

/* !!!! Starting menu background removal and image fit-to-screen !!!! 
*/

#page {
  border: none;
}

.ds-gallery-page .main-header {
  /* This removes the menu from page flow so stuff can go under it, and hides excess */
  position: relative;
  float: left;
  background: none;
  overflow-y: auto;
  height: 100%;
  padding: 0;
}

.main-header {
  /* Placing the menu elements above the image and setting width */
  margin-left: 3em;
  width: 12em;
  padding: 0;
  z-index: 10;
}

.ds-gallery-page #content {
  height: 100%;
}

#content {
  float: left;
  margin: 3em;
}

.ds-gallery-page .two-dim-slider {
  left: 0;
  /* This padding attribute is what caused the white border around the page */
  padding: 0;
}


/* !!!! End menu background removal and image fit-to-screen !!!! */


/* !!!! Starting menu background colour add !!!! 

TWT NOTE: Made BG Color "150, 150, 150" to create semi-transparent overlay with screen-filling images, if we ever fix the fit-to-screen issue

*/

.ds-gallery-page #page, .ds-gallery-page #main {
   /* Enforces proper behaviour of menu for adding background colour */
  overflow: auto;
}

.menus-container {
  /* Picker for the background color of menu */
  padding: 0 0 2em 1em;
  background-color: rgba(150,150,150,0.4);
}

.menu-button, .top-logo-group {
  /* Picker for the background color of logo area and the expand menu button in small screens */
  padding: 16px;
  background-color: rgba(150,150,150,0.4);
}

.collapsed-gallery-page .main-header .menu-button {
  /* Padding and size for the expand menu button in small screens */
  height: 33px;
  padding: 16px;
  margin: 0;
}

.collapsed-gallery-page .main-header .menu-button:hover {
  /* Hover state for the expand menu button in small screens */
  background-color: rgba(255,255,255,0.5);
}

/* !!!! End menu background colour add !!!! */

.block-inside .img-desc-block {
  position: absolute;
  z-index: 50;
  max-width: 30%;
  bottom: 0;
  left: 0;
  top: auto;
  padding-bottom: 0;
  background: rgba(250, 250, 250, 0);
}

.img-desc-block .info-container {
  background: none;
  padding: 1em;
}

.site-description {
  display: none;
}

@media screen and (max-width: 850px) {
  .block-inside .img-desc-block {
    display: none !important;
  }
}
/*
.img-desc-block {
  position: relative;
  z-index: 1;
  background: none;
  top: auto;
  left: auto;
}

.img-desc-block .info-container {
  padding: 0;
  margin-top: 1em;
}
*/