/*
You can type here custom CSS code, which will be loaded both on your admin and front-end pages. Please make sure to not override layout properties (positions and sizes), as they can interfere with the sliders built-in responsive functionality. Here are few example targets to help you get started:
*/

html body .ls-container .ls-layer,
#ls-global .ls-container .ls-layer,
html body .ls-container .ls-l,
#ls-global .ls-container .ls-l {
font-family: 'Roboto', Arial, sans-serif;
}


.ls-container { /* Slider container */
font-family: 'Roboto', Arial;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}

.ls-layers { /* Layers wrapper */ 
}

html body .ls-container h2
#ls-global .ls-container h2,
html body .ls-container h2,
#ls-global .ls-container h2 {
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 5.83333333em;
line-height: 1em;
letter-spacing: 0.075em;
text-transform: uppercase;
}

.ls-3d-box div { /* Sides of 3D transition objects */ 

}

/* Custome Styles for Slide Show */
a.ls-nav-start,
a.ls-nav-stop {
  display: none!important;
}
span.ls-bottom-slidebuttons a {
  background-color: transparent!important;
  border: 0!important;
  display: inline-block!important;
  content: '';
  margin: 0 1px 0 0!important;
  background-image: url('/wp-content/themes/mahlum/assets/images/mahlum_icon_sprite.png')!important;
  background-position: -312px 0px!important;
  width: 49px!important;
  height: 6px!important;
}
/* Sprite Sizing */
span.ls-bottom-slidebuttons a,
.ls-borderlessdark .ls-nav-prev,
.ls-borderlessdark .ls-nav-next {
  /*background-size: 1852px auto;*/
  background-size: 926px auto;
}
@media not screen and (-webkit-min-device-pixel-ratio: 2), not screen and (min--moz-device-pixel-ratio: 2), not screen and (-o-min-device-pixel-ratio: 2/1), not screen and (min-device-pixel-ratio: 2), not screen and (min-resolution: 192dpi), not screen and (min-resolution: 2dppx) {
  span.ls-bottom-slidebuttons a,
  .ls-borderlessdark .ls-nav-prev,
  .ls-borderlessdark .ls-nav-next {
    background-size: 926px auto;
  }
}

span.ls-bottom-slidebuttons a:hover {
  background-position-y: -50px;
}
span.ls-bottom-slidebuttons a.ls-nav-active:hover,
span.ls-bottom-slidebuttons a:hover {
  background-color: transparent!important;
  border: 0!important;
  background-position-y: 0;
}
span.ls-bottom-slidebuttons a:last-of-type {
  margin: 0!important;
  width: 6px!important;
}
.entry-content > div.ls-fullscreen-wrapper {
  padding: 0;
  width: 100%;
}
.mahlum-section.full.ls-overflow-visible {
  padding: 0;
}
.ls-container .ls-circle-timer {
    display: none!important;
}

.ls-borderlessdark .ls-nav-prev,
.ls-borderlessdark .ls-nav-next {
  display: block!important;
  background-image: url('/wp-content/themes/mahlum/assets/images/mahlum_icon_sprite.png')!important;
}
.ls-borderlessdark .ls-nav-prev {
  background-position: -153px 0px;
}

.ls-borderlessdark .ls-nav-prev:hover {
  background-position: -153px -50px;
}

.ls-borderlessdark .ls-nav-next {
  background-position: -176px 0px;
}

.ls-borderlessdark .ls-nav-next:hover {
  background-position: -176px -50px;
}

@media screen and (max-width: 767px) {
  .ls-borderlessdark .ls-nav-prev {
    background-position: -199px 0px;
  }

  .ls-borderlessdark .ls-nav-prev:hover {
    background-position: -199px -50px;
  }

  .ls-borderlessdark .ls-nav-next {
    background-position: -213px 0px;
  }

  .ls-borderlessdark .ls-nav-next:hover {
    background-position: -213px -50px;
  }
}