/**********************************/
/***           HOMEPAGE-SLIDER  ***/
/**********************************/

/*--------------- BASE --------------*/
.homepage-slider {
  overflow: hidden;
  position: relative;
  max-height: calc(100vh - 250px);
  width: 100%;
  top: 0;
  margin-bottom: 0;
}
.homepage-slider .views_slideshow_cycle_teaser_section {
  top: 0;
  width: 100%;
}
.homepage-slider .views_slideshow_cycle_main {
  margin-bottom: -20px;
}
.homepage-slider .views_slideshow_cycle_main .views_slideshow_cycle_slide {
  width: 100% !important;
  overflow: hidden;
}
.homepage-slider .views_slideshow_cycle_main .views_slideshow_cycle_slide .img-responsive {
  width: 100%;
}
.homepage-slider .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-row {
  position: relative;
}
.homepage-slider .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-row .views-field-nothing {
  background: rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.3) 75%), linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.3) 75%);
  background-size: 4px 4px;
  height: 100%;
  width: 100%;
  background-position: 0 0, 2px 2px;
  position: absolute;
  top: 0;
}
.homepage-slider .slider-caption {
  position: absolute;
  right: 35%;
  bottom: 41%;
  left: 12%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  max-width: 820px;
}
.homepage-slider .slider-caption a {
  color: #fff;
}
.homepage-slider .slider-caption a:hover,
.homepage-slider .slider-caption a:focus {
  color: #ddd;
}
.homepage-slider .slider-caption .slider-title,
.homepage-slider .slider-caption .slider-subtitle {
  -webkit-text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
  line-height: 1.1em;
}
.homepage-slider .slider-caption .slider-title {
  font-family: 'BigJohn';
  font-size: 3.750em;
  padding-bottom: 30px;
}
.homepage-slider .slider-caption .slider-subtitle {
  font-family: 'NexaLight';
  font-size: 3.125em;
  padding-bottom: 30px;
  position: relative;
}
.homepage-slider .slider-caption .slider-subtitle:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  height: 3px;
  width: 12%;
}
.homepage-slider .views-slideshow-controls-bottom {
  position: absolute;
  z-index: 10;
  left: 12%;
  bottom: 15%;
}
.homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_pause {
  display: none;
}
.homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous,
.homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
  display: inline-block;
  width: 51px;
  height: 51px;
  opacity: 1;
  padding: 10px 15px;
  border: 2px solid #fff;
  font-size: 0;
}
.homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
  background: url(../images/picto_slide_right.png) no-repeat center center;
}
.homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
  background: url(../images/picto_slide_left.png) no-repeat center center;
  margin-left: -6px;
}
.homepage-slider .views-slideshow-controls-bottom {
    bottom: 27px;
}

/*----------- Media Queries MAX-WIDTH -----------*/

@media screen and (max-width: 1440px) {
  .homepage-slider {
    height: auto;
  }
}

@media screen and (max-width: 1200px) {
  .homepage-slider .slider-caption {
    bottom: 27%;
  }
}

@media screen and (max-width: 991px) {
  .homepage-slider {
    max-height: calc(100vh - 175px);
    min-height: calc(100vh - 250px);
  }
  .homepage-slider .views_slideshow_cycle_teaser_section {
    top: 0;
    height: 100vh !important;
  }
  .homepage-slider .views_slideshow_cycle_main .views_slideshow_cycle_slide .img-responsive {
    width: auto;
    max-width: initial;
    height: 100% !important;
  }
  .homepage-slider .slider-caption .slider-title {
    /*font-size: calc(1em + 8vh);*/
    font-size: 8vh;
  }
  .homepage-slider .slider-caption .slider-subtitle {
    font-size: calc(1.8em + 1vh);
    padding-bottom: calc(15px + 1vh);
  }
  .homepage-slider .slider-caption {
    /*bottom: 50%;*/
    /*bottom: 50%;*/
    top: calc(5vh - 1em);
  }
}

@media screen and (max-width: 767px) {
  .homepage-slider {
    max-height: calc(100vh - 250px);
  }
  .homepage-slider .slider-caption {
    bottom: auto;
    right: 12%;
    top: calc(2% + 1vh);
  }
  .homepage-slider .slider-caption .slider-title {
    font-size: calc(1.8em + 2vh);
  }
  .homepage-slider .slider-caption .slider-subtitle {
    font-size: calc(1.5em + 2vh);
    padding-bottom: calc(15px + 1vh);
  }
  .homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous,
  .homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
    background-size: 30% !important;
    width: calc(33px + 2vh);
    height: calc(33px + 2vh);
  }
  .homepage-slider .views-slideshow-controls-bottom {
    bottom: calc(1.3vh * 2);
  }
}

@media screen and (max-width: 550px) {
  .homepage-slider .slider-caption {
    right: 12%;
    bottom: auto;
    top: 0px;
  }
  .homepage-slider .slider-caption .slider-title {
    font-size: calc(1.2em + 2vh);
  }
  .homepage-slider .slider-caption .slider-subtitle {
    font-size: calc(1em + 2vh);
  }

  .homepage-slider .views-slideshow-controls-bottom {
    bottom: 27px;
  }
}

@media screen and (max-width: 320px) {
  .homepage-slider .slider-caption  {
    top: 1vh;
  }

  .homepage-slider .slider-caption .slider-title {
    font-size: calc(0.8em + 2vh);
  }

  .homepage-slider .slider-caption .slider-subtitle {
    font-size: calc(1em + 2vh);
    padding-bottom: 20px;
  }

  .homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous,
  .homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
    width: 33px;
    height: 33px;
  }

  .homepage-slider .views-slideshow-controls-bottom {
    bottom: 8px;
  }
}

/*------------- MEDIA QUERIES MAX-HEIGHT ------------------------*/

@media screen and (min-width: 1000px) and (max-height: 800px) {
  .homepage-slider .slider-caption  {
    top: calc(16vh - 8em);
  }
}
@media screen and (min-width: 767px) and (max-height: 600px) {
  .homepage-slider .views-slideshow-controls-bottom {
    left: inherit;
    top: calc(((100vh - 175px) / 2) - (41px / 2));
    right: 20px;
  }

  .homepage-slider .slider-caption {
    top: calc(15vh - 2em);
  }
}

@media screen and (min-width: 1000px) and (max-height: 600px) {
  .homepage-slider .slider-caption  {
    top: calc(16vh - 8em);
  }
}
@media screen and (min-width: 991px) and (max-height: 620px) {
  .homepage-slider .views-slideshow-controls-bottom {
    left: inherit;
    top: calc(((100vh - 250px) / 2) - (41px / 2));
    right: 20px;
  }
}

@media screen and (max-width: 320px) and (max-height: 568px) {
  .homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous,
  .homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
    width: 41px;
    height: 41px;
  }

  .homepage-slider .views-slideshow-controls-bottom {
    bottom: 27px;
  }
}

@media screen and (max-width: 320px) and (max-height: 480px) {
  .homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous,
  .homepage-slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
    width: 33px;
    height: 33px;
  }

  .homepage-slider .views-slideshow-controls-bottom {
    bottom: 8px;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape){
  .homepage-slider {
    max-height: calc(100vh - 200px);
  }

  .homepage-slider .views-slideshow-controls-bottom {
    left: 87%;
  }
}

/*------------ OVERRIDE EN MODE CONNECTE ------------*/
body.toolbar-fixed:not(.toolbar-tray-open) .homepage-slider {
  max-height: calc(100vh - 290px);
}
body.toolbar-fixed:not(.toolbar-tray-open) .homepage-slider .slider-caption {
  bottom: 35%;
}
body.toolbar-fixed:not(.toolbar-tray-open) .homepage-slider .views-slideshow-controls-bottom {
  bottom: 10%;
}
body.toolbar-fixed.toolbar-tray-open:not(.toolbar-horizontal) .homepage-slider {
  max-height: calc(100vh - 290px);
}
body.toolbar-fixed.toolbar-tray-open:not(.toolbar-horizontal) .homepage-slider .slider-caption {
  bottom: 35%;
}
body.toolbar-fixed.toolbar-tray-open:not(.toolbar-horizontal) .homepage-slider .views-slideshow-controls-bottom {
  bottom: 10%;
}
body.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .homepage-slider {
  max-height: calc(100vh - 330px);
}
body.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .homepage-slider .slider-caption {
  bottom: 40%;
}
body.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .homepage-slider .views-slideshow-controls-bottom {
  bottom: 10%;
}