/** MAMP Carousel widget CSS */

/** GOOGLE FONTS IMPORT **/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');

.mamp-carousel {
  position: relative;
  width: 100%;
  margin:auto;
}
.owl-nav {
  position: absolute;
  top: -2px;
  right: 0;
  margin: 20px 0 0;
  text-align:center;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  margin: 0 48px 0 30px;
  height: 30px;
  width: 30px;
  border-radius: 4px;
}
.owl-carousel .owl-nav button.owl-prev img{
  height: 16px;
  width: 40px;
  cursor: pointer;
}
.owl-carousel .owl-nav button.owl-prev {
  transform: rotateY(180deg);
}
.owl-carousel .owl-nav button.owl-next img{
  height: 16px;
  width: 40px;
  cursor: pointer;
}
/** DISABLE TRANSITION EFFECT */
.mamp-carousel .animated {
  visibility:hidden;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
}
.owl-item.animated {
  visibility: visible;
}
/** CUSTOM CSS */
.mamp-carousel-content{
  width: 100%;
  height: 100%;
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 30px;
}
.mamp-carousel-content h2 {
  justify-content: flex-start !important;
  align-items: unset !important;
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 44px !important;
  color: #0d1d2d !important;
  text-decoration: rgb(13, 29, 45);
  text-align: left !important;
  font-weight: 600;
  text-transform: uppercase;
  margin: 16px 18px 16px 0;
  line-height: 38px;
}
.mamp-carousel-content p {
  font-family: "IBM Plex Serif", sans-serif;
  font-size: 16px;
  color: #0d1d2d !important;
  text-decoration: rgb(13, 29, 45);
  text-align: left;
  margin: 0 18px 0 0;
  line-height: 24px;
}
.mamp-carousel-links{
  width: 100%;
  padding: 0 18px 0 0;
  margin-top: 16px;
}
.mamp-carousel-links > div{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mamp-carousel-links a:first-child{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  text-decoration: rgb(13, 29, 45);
  text-transform: uppercase;
  transition: .2s;
}
.mamp-carousel-links a:last-child{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  text-decoration: rgb(13, 29, 45);
  text-transform: uppercase;
  text-align: center;
}
.mamp-carousel-links a {
  background-color: #E94E1B !important;
  color: #FFFFFF !important;
  border: none;
  padding: 12px 24px;
}
.mamp-carousel-links a:hover {
  background-color: #C84115 !important;
}
.mamp-carousel>.owlCounter{
  position: absolute;
  top: 20px;
  right: 78px;
  font-size: 10px;
  text-align:center;
  z-index: 1;
}
.owl-prev.disabled,
.owl-next.disabled{
  opacity : 30%;
}
.handle-owl-prev, .handle-owl-next {
  width: 48px;
  height: 48px;
  background-color: rgba(13, 29, 45, 0.75);
  position: relative;
  z-index: 1;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.handle-owl-prev {
  left: 1px;
}
.handle-owl-next {
  right: 48px;
}
#image-home-banner img {
  height: 650px;
}
.mamp-carousel-content .post_categories_list {
  margin-bottom: 21px;
}
.post_category {
  height: max-content;
  width: max-content;
  padding: 5px 4px;
  margin: 0 4px 4px 0;
  border: 1px solid #e94e1b;
  border-radius: 2px;
  background-size: cover;
  font-family: Barlow Condensed;
  font-size: 14px;
  font-weight: 500;
  color: #0d1d2d;
  text-decoration: #0d1d2d;
  line-height: 14px;
  letter-spacing: 1px;
}
.post_category:hover {
  color: #0d1d2d;
}
.owl-carousel .owl-item {
  height: 650px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .owl-carousel .owl-item {
    height: 454px;
    display: flex;
    align-items: start;
  }
  #image-home-banner img {
    height: 302px;
  }
  #carousel-home-container > div {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 280px;
  }
  .handle-owl-prev, .handle-owl-next {
    top: -170px;
  }
  .mamp-carousel-content h2 {
    margin: 0 0 24px ;
    font-size: 36px;
    display: -webkit-box; /* Nécessaire pour activer le clamping */
    -webkit-line-clamp: 3; /* Limite à 3 lignes */
    -webkit-box-orient: vertical; /* Nécessaire pour l'orientation verticale */
    overflow: hidden; /* Cache le texte excédentaire */
    text-overflow: ellipsis; /* Ajoute "..." si le texte dépasse */
  }
  #image-home-banner {
    height:0;
  }
  .mamp-carousel-content p {
    display: -webkit-box; /* Nécessaire pour activer le clamping */
    -webkit-line-clamp: 6; /* Limite à 6 lignes */
    -webkit-box-orient: vertical; /* Nécessaire pour l'orientation verticale */
    overflow: hidden; /* Cache le texte excédentaire */
    text-overflow: ellipsis; /* Ajoute "..." si le texte dépasse */
  }
  .mamp-carousel-links {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding-right: 48px;
  }
  .mamp-carousel-links a {
    width: 100%;
  }
  .mamp-carousel-content{
    padding:24px 0 24px 24px;
    height:100%;
  }
}
.mamp-carousel>.owlCounter>.owlCounterActiveItem{
  font-size: 20px !important;
  font-weight: 500;
}