/*

    STYLE GUIDE
    Mise en forme de l'article texte en bloc de wordpress

*/


/* Gestion des blocs avec fond de couleurs */
@media (max-width:991px) {
    .bloc[class*="bg-"]{
        padding: 15px;
    }
}
@media (min-width:992px) {
    .bloc[class*="bg-"]{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}


/* Bloc introduction */
.headerPage .bloc-introduction {
  text-align: left;
}
.headerPage .text-center .bloc-introduction *,
.headerPage .text-center .bloc-introduction {
  text-align: center !important;
  margin-bottom: 50px;
}
@media (max-width:767px) {
    .headerPage .col-md-5,
    .headerPage .col-md-6 {
        padding: 0 35px;
    }
    .headerPage .text-center .bloc-introduction *,
    .headerPage .text-center .bloc-introduction {
    padding-left: 20px;
    padding-right: 20px;
}
}
.templatePageTextBloc .bloc-introduction {
    text-align: center;
}
	.bloc-introduction {
		font-size: 1.8rem;
		font-weight: normal;
	}

/* Bloc texte et image */



/* Galerie image */

.galerie-image-container {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
	.galerie-image .item {
	}
	.galerie-image .item a{
		position: relative;
		overflow: hidden;
		display: block;
		background-color: #000;
	}
	.galerie-image .item a::before{
		display: block;
		width: 100%;
		padding-top: 100%;
		content: "";
	}
		.galerie-image .item img {
			position: absolute;
			top: 0;
			left: 0;
			transition: transform .3s, opacity .3s;
		}
		.galerie-image .item:hover img {
			opacity: 0.5;
			transform: scale(1.05);
		}

/* Diaporama */

.slider-page .image-diapo {
    height: 500px;
}
.slick-dots {
    display: flex;
    justify-content: center;
    margin: 10px 0 0 0;
}
.slick-dots li::before{
    content: unset !important;
}
.slick-dots li {
  background-image: none;
  width: 20px;
  display: block;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  background-color: var(--color-primary);
  margin: 0 4px;
}
.slick-dots li.slick-active {
  background-color: var(--gray-600);
}
.slick-dots li button{
  display: none;
}



/* 14 - SLICK */
button.slick-arrow {
  background-color: transparent;
  border: none;
  position: absolute;
  text-indent: -5000px;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-image: url(/wp-content/themes/mediapilote/img/charte/arrow.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 1;
}
button.slick-arrow.slick-next {
  right: -40px;
}
button.slick-arrow.slick-prev {
    left: -40px;
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
}