.node--type-home-page nav.tabs{
  display: block;
  position: absolute;
  top: 100px;
  z-index: 2;
}

.node--type-home-page #main-wrapper {
  padding-top: 0;
}

.homepage .homepage-carousel-content{
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
}

.homepage .slick-dotted.slick-slider {
  margin: 0;
}



/* CAROUSEL */
.homepage-carousel-item {
  position: relative;
  height: 540px;
  overflow: hidden;
}

.homepage-carousel-item-filter {
  background-color: rgba(21, 37, 44, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.homepage-carousel-desktop {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.homepage-carousel-item-image,
.homepage-carousel-desktop,
.homepage-carousel-desktop > div,
.homepage-carousel-mobile,
.homepage-carousel-mobile > div {
  height: 100%;
}

.homepage-carousel-item .homepage-carousel-item-image .contextual-region,
.homepage-carousel-item .homepage-carousel-item-image .field,
.homepage-carousel-item .homepage-carousel-item-image .field__item {
  height: 100%;
}

.homepage-carousel-item .homepage-carousel-item-image img {
  width: auto;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  margin-left: 50%;
  transform: translate(-50%, 0);
  object-fit: cover;
}

.homepage-carousel-item .homepage-carousel-item-info {
  position: absolute;
  bottom: 95px;
  left: 100px;
  right: 100px;
}

.homepage-carousel-item .homepage-carousel-item-info .homepage-carousel-item-title,
.homepage-carousel-item .homepage-carousel-item-info .homepage-carousel-item-title a h2,
.homepage-carousel-item .homepage-carousel-item-info .homepage-carousel-item-title a:hover,
.homepage-carousel-item .homepage-carousel-item-info .homepage-carousel-item-title a:hover h2{
  font-family: NunitoSansExtraBold;
  font-size: 48px;
  font-weight: 800;
  font-style: normal;
  line-height: 1.12;
  margin-bottom: 8px;
  width: 793px;
  text-decoration: none;
  color: white;
}

.homepage-carousel-item .homepage-carousel-item-subtitle .see-more{
  border-radius: 19.5px;
  background-color: #00a6d9;
  padding: 10px 31px;
  display: block;
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  line-height: normal;
  display: inline-block;
  margin: 20px 0 0 0;
}

.homepage-carousel-item .homepage-carousel-item-subtitle a.see-more:hover {
  background-color: #00CEFF;
  color: white !important;
  text-decoration: none;
}

/*.homepage-carousel-item .homepage-carousel-item-subtitle .theme, .homepage-carousel-item-subtitle .time{
  	opacity: 0.8;
  	font-size: 13px;
  	font-weight: 600;
  	font-style: normal;
  	line-height: normal;
  	text-transform: uppercase;
  	font-family: NunitoSansSemiBold;
}

.homepage-carousel-item .homepage-carousel-item-subtitle .time {
	margin-left: 30px;
}*/

.homepage .slick-dots li{
  width: 154px;
  height: 4px;
  border-radius: 2.7px;
  background-color: #d8d8d8;
  position: relative;
}

.homepage .slick-dots {
  left: 100px;
  text-align: left;
  bottom: 35px;
}

@keyframes move {
  0% {
    width: 0;
  }
  100% {
    width: 154px;
  }
}

.homepage .slick-dots li.slick-active:after {
  content: '';
  animation: move 4s linear;
  background-color: #00a6d9;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.homepage .homepage-carousel-content.stop .slick-dots li.slick-active:after {
  animation: none !important;
}

.homepage .slick-dots li button {
  height: 60px;
  cursor: pointer;
  width: 100%;
  position: absolute;
  z-index: 2;
}

.slick-dots li button:before {
  display: none;
}

.carousel-items-titles .title {
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  width: 154px;
  margin: 0 5px;
}

.carousel-items-titles .title a, .carousel-items-titles .title a:hover{
  pointer-events: none;
  color: white;
  text-decoration: none;
}

.carousel-items-titles {
  position: absolute;
  bottom: 46px;
  left: 100px;
  display: flex;
  height: 65px;
}

.homepage-filter{
  display: flex;
  font-family: NunitoSans;
  font-size: 13px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  position: fixed;
  left: 271px;
  margin-top: 27px;
  z-index: 3;
}

.homepage-region-filter, .homepage-profil-filter {
  height: 21px;
  margin-top: 2px;
}

.homepage-or{
  width: 65px;
  height: 19px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  padding-left: 25px;
  margin-top: 13px;
}

.homepage-close-icon {
  width: 10px;
  cursor: pointer;
  transform: translateX(-15px);
}

.homepage-filter-tooltip{
  margin-top: 15px;
  margin-left: 17px;
}

.homepage-filter-scroll-up{
  position: fixed;
  left: 0;
  top: 0;
  margin-left: 265px
}

.user-logged-in .homepage-filter-scroll-up{
  top: 37px;
}

.homepage-filter-scroll-down{
  display: none;
}

span img.homepage-close-icon.homepage-profil-filter-close {
  margin-right: 5px;
}

.homepage-filter-placeholder {
  text-transform: uppercase;
  fill: white !important;
}

.homepage-filter .dropdown.rte-style > button, .homepage-filter .dropdown.rte-style > button.dropdown-toggle{
  border-bottom: solid rgba(255, 255, 255, 0.5) 2px !important;
  text-transform: uppercase;
}

.node--type-home-page .rte-tooltip-container {
  margin-top: 14px;
}

.node--type-home-page .rte-tooltip {
  left: -135px !important;
}

.homepage-carousel .is-not-mobile{
  display:block;
}

.homepage-carousel .is-mobile{
  display: none;
}

@media only screen and (max-width: 950px) {
  .homepage-filter {
    left: 180px;
    right: 180px;
  }
}

@media only screen and (max-width: 880px) {
  .homepage-filter {
    left: 165px;
    right: 165px;
  }

  .homepage-filter .dropdown.rte-style.xl {
    width: 142px;
  }
}


.node--type-home-page .dropdown.rte-style > div {
  max-height: 256px !important;
}

/* Mobile */
@media only screen and (max-width: 768px) {
  @keyframes move {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }


  .homepage-carousel-item {
    height: 550px;
  }

  .homepage-carousel-item .homepage-carousel-item-info .homepage-carousel-item-title,
  .homepage-carousel-item .homepage-carousel-item-info .homepage-carousel-item-title a,
  .homepage-carousel-item .homepage-carousel-item-info .homepage-carousel-item-title a:hover {
    font-size: 32px;
    font-weight: 800;
    font-style: normal;
    line-height: 1.16;
    width: 100%;
  }

  .homepage-carousel-item .homepage-carousel-item-info .homepage-carousel-item-title h2 {
    font-size: 32px !important;
    width: 100% !important;
  }

  .homepage-carousel-item .homepage-carousel-item-info {
    position: absolute;
    bottom: 45px;
    left: 20px;
    right: 20px;
  }

  .homepage-carousel-item .homepage-carousel-item-subtitle .time {
    float: right;
  }

  .homepage-carousel-item .homepage-carousel-item-image img {
    height: 100%;
    width: auto;
    min-width: 100%;
  }

  .homepage .slick-dots {
    bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;
    left: 0;
  }

  .homepage .slick-dots li {
    width: 23%;
    margin: 0;
    margin-right: 2%;
  }

  .homepage .slick-dots li:last-child {
    padding-right: 0;
  }

  .carousel-items-titles {
    display: none;
  }

  .node--type-home-page .rte-header {
    margin-top: 50px !important;
  }

  .node--type-home-page header.show-background {
    height: 130px !important;
  }

  .homepage-filter {
    left: 0 !important;
    border-bottom: solid 1px rgba(255,255,255,0.5);
    padding-bottom: 21px;
    margin-left: -15px;
    padding-left: 13vw;
    width: 100vw;
  }

  .homepage-filter {
    margin-top: 0px !important;
    padding-right: 0;
    padding-left: 0;
    left: auto !important;
    right: auto !important;
    justify-content: flex-end;
  }

  .node--type-home-page .rte-tooltip-container {
    margin-right: 15px;
  }

  .homepage-filter .dropdown.rte-style > button, .homepage-filter .dropdown.rte-style > button.dropdown-toggle{
    border-bottom: none !important;
  }

  .node--type-home-page .rte-tooltip {
    right: initial;
    left: initial;
  }

  .homepage-region-filter .is-mobile  .dropdown.rte-style {
    width: 140px;
  }

  /* Header custom sur la version mobile */
  .node--type-home-page.user-logged-in header {
    top: 39px;
  }

  .node--type-home-page.user-logged-in header.show-background {
    height: 150px;
  }

  .homepage-region-filter, .homepage-profil-filter {
    margin-top: 2px;
  }

  .node--type-home-page .rte-header.homepage-up-search-bar{
    margin-top: 0 !important;
  }

  .node--type-home-page .rte-tooltip {
    left:  initial !important;
    right: -10px !important;
    top: 20px !important;
  }

  .node--type-home-page .rte-tooltip .arrow-up {
    left: initial;
    position: absolute;
    bottom: initial;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid white;
    display: initial;
    right: 4px;
    transform: none;
  }

  .node--type-home-page .rte-tooltip .rte-tooltip-text {
    margin-top: 10px;
    margin-right: 2px;
  }

  .homepage-carousel .is-not-mobile{
    display:none;
  }

  .homepage-carousel .is-mobile{
    display: block;
  }

  .homepage-carousel .is-mobile .box-read-more {
    margin-left:50px;
  }
  .homepage-carousel div.slick-list div.box-read-more{
    width: auto !important;
    max-width: 100vw !important;
    height: 450px !important;
    margin: 0px !important;
  }

  .homepage-carousel div.box-read-more,
  .homepage-carousel div.box-read-more div.read-more-wrap,
  .homepage-carousel div.box-read-more div.read-more-wrap .image-background img,
  .homepage-carousel div.box-read-more div.read-more-wrap div.read-more-info {
    border-radius: 0px !important;
  }

}

.homepage-channels .view-content {
  display: block;
}