#masthead {
  z-index: 2500; }

#page,
#content,
#primary,
#main,
article[id^="editorial"] {
  height: 100%; }

div#content {
  padding: 50px 0 125px; }

footer#thumbnails {
  position: absolute;
  bottom: -80px;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 75px;
  overflow: hidden; }
  footer#thumbnails ul {
    padding: 0;
    position: absolute;
    left: 50%;
    white-space: nowrap; }

li.thumbnail {
  display: inline-block; }
  li.thumbnail a {
    opacity: 0.33;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s; }
    li.thumbnail a:hover, li.thumbnail a.active {
      opacity: 1; }

.modal-backdrop {
  z-index: 2500; }

#connexionModal {
  z-index: 3000; }

/* <button> css reset */
.thumbs__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none; }
  .thumbs__button:focus, .thumbs__button:hover {
    opacity: 1; }
  .thumbs__button:active {
    outline: none;
    opacity: 0.9; }
  .thumbs__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.thumbs__button,
.thumbs__button--arrow--left:before,
.thumbs__button--arrow--right:before {
  background: url(../libraries/photoswipe/philfrisee-skin/skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .thumbs--svg .thumbs__button,
  .thumbs--svg .thumbs__button--arrow--left:before,
  .thumbs--svg .thumbs__button--arrow--right:before {
    background-image: url(../libraries/photoswipe/philfrisee-skin/skin.svg); }

  .thumbs--svg .thumbs__button--arrow--left,
  .thumbs--svg .thumbs__button--arrow--right {
    background: none; } }
/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.thumbs__button--arrow--left,
.thumbs__button--arrow--right {
  display: none;
  background: none;
  bottom: -93px;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
  z-index: 3500; }

@media (max-width: 768px) {
  footer#thumbnails {
    bottom: -100px; }

  .thumbs__button--arrow--left,
  .thumbs__button--arrow--right {
    bottom: -113px; } }
.thumbs__button--arrow--left {
  left: 0; }

.thumbs__button--arrow--right {
  right: 0; }

.thumbs__button--arrow--left:before,
.thumbs__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.thumbs__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.thumbs__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*# sourceMappingURL=series-gallery.css.map */