/*
Theme Name: Label Agence
Theme URI: http://www.e-sysoft.fr;
Author: e-sysoft
Author URI: e-sysoft
Description : Label Agence;
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body.home { overflow-x: hidden; }
.wpb_single_image.fullwidth-image figure,
.wpb_single_image.fullwidth-image figure a,
.wpb_single_image.fullwidth-image figure img,
.wpb_single_image.fullwidth-image figure div{ display: block; width: 100%; max-width: 100% }

/* Bullets des slides */
.slides__content .swiper-pagination-bullets {
	position: relative;
}
.slides__content .swiper-pagination-bullets span {
	background: #4A4A4A;
    opacity: .9;
    margin: 0 2px;
}
.slides__content .swiper-pagination-bullet-active {
	background-color: #ffffff !important;
}

p a {
	position: relative;
	display: inline-block;
}
p a:after{
	content:'';
	display: block;
	width: 100%;
	height: 1px; 
	background-color: #ccc;
	transition : all .5s ease-in-out;
}
p a:hover {
	color: #000
}
p a:hover:after {
	width: 0px;
}

.page-cover:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
}

.carre-noir:visited{ color: white; }

/* Fix fil d'ariane */
.post-type-archive-creations .ariane {
	z-index: 10;
	width: 50%;
    left: 50%;
    transform: translateX(-50%);
}

/* Anim home title */
h1.ml11 {
  text-align: center;
  font-size: 3em !important;
}
.ml11 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}
.ml11 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 100%;
  width: 3px;
  background-color: #333;
  transform-origin: 0 50%;
}
.ml11 .line1 { 
  top: 0; 
  left: 0;
}
.ml11 .letter {
  display: inline-block;
  line-height: 1em;
}

/*.slider-expertise { display: none !important; }*/

/* Home : Le gros titre H1 */
.home h1 { display: block !important; }

/* Home : NOS ETUDES DE CAS */
.home .image-etude { position: relative; }
.home #content section:nth-child(2) .image-etude .block-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.home #content section:nth-child(2) .image-etude:hover .img-effect {
    width: 200%;
}
.home #content section:nth-child(2) .image-etude .img-effect {
    position: absolute;
    left: -30%;
    top: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    margin-left: -40%;
    transform: skew(-30deg);
    transition: width 1s ease;
}
.home #content section:nth-child(2) .image-etude .img-effect .img-hover {
    position: absolute;
    left: 30%;
    top: 0;
    transform: skew(30deg);
    width: 100%;
    height: 100%;
    margin-left: 5%;
    background-position: 0 0 !important;
    background-size: contain !important;
}
.home .swiper-slide-products .item:first-child img {
    position: relative;
    height: 80%;
    top: 10%;
}
.home #content .slider-expertise section .texte-container h2,
.home #content .slider-expertise section .texte-container p { left: 0; }
.home #content #slider_home .swiper-slide .texte-container { position: relative; top: 0; left: 0; }
.home #content .slider-expertise section .texte-container .bouton { background-color: black; opacity: 1 }
.home #content .slider-expertise section .carre-noir:hover:before { background-color: black;color: white }

/* Home : slide-slide  */
@media ( max-width: 680px ){
    .home .slide-slide { 
        margin: 50px 0 !important;
    }
    .home .swiper-slide-products .item:first-child:before { display: none; }
    .home .swiper-wrapper .swiper-slide { height: inherit !important; }
}
@media only screen and (min-width: 992px){
  .home .swiper-slide-products .item { width: 50%; height: 100%; position: relative; text-align: left;}

  /* Home : Products slides */
  .home .swiper-slide-products {
    display: flex;
  }
  .home #content .swiper-pagination {
      top: 0 ;
      text-align: center;
      width: 100%;
  }

  .home #content .swiper-pagination span {
    display: inline-block;
    margin: 0 5px;
  }
  .home .swiper-slide-products .item:first-child:before { 
    content:'';
    background-color: white; 
    display: block;
    width: 60%;
    height: 100%;
    position: absolute;
  }
  .home .swiper-slide-products .item:first-child img {
    margin-left: 8%;
  }
}

/*
* Slider principal
*/
.slider-principal {
  background-color: #fff;
  position:relative;
}
.slider-principal-item{
  height: 100vh;
}
.slider-principal-item {
  display: flex;
  width: 100%
}
.slider-principal-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
}
.main .slider-principal .slider-principal-meta-content {
   width: 60%;
}
.main .slider-principal .slider-principal-meta h3,
.main .slider-principal .slider-principal-meta p {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  text-align: left;
}

.main .slider-principal .slider-principal-meta h3 {
  font-weight: 500;
  font-size: 60px;
  text-transform: uppercase;
  line-height: 65px;
}
.main .slider-principal .slider-principal-meta p {
  font-weight: 400;
  font-size:14px;
  padding-top: 15px;
}
.slider-principal-image {
  width: 40%;
}
.slider-principal-item-btn { text-align: left; padding-top:60px; }
.home #content .slider-principal.swiper-container {
  width: 100%;
}
.home #content .slider-principal.swiper-container .swiper-slide {
  height: 100vh
}
.home #content .slider-principal .swiper-pagination-custom {
  position: absolute;
  width: 20px;
  left: inherit;
  right:20px;
  bottom: inherit;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99
}
.home #content .slider-principal .swiper-pagination-custom .swiper-pagination-bullet-active {
  background-color: rgba(0,0,0,1);
}
.slider-principal .clients-icones {
  position:absolute;
  width: 100%;
  bottom:40px;
  left:0;
  z-index: 99
}
.slider-principal .icones-container {
  display: flex;
  width: 60%;
  align-items: center;
  justify-content: center;
}
.slider-principal .clients-icones div {
  width: 60%;
  text-align:left;
  display: flex;
}
.slider-principal .clients-icones div span{
  display: inline-block;
  width: 20%;
}
.slider-principal .clients-icones div span img {
  width: 100%;
  max-width: 100%;
}
.slide-0.slide-slide,
.slide-2.slide-slide  { display: none; }
@media screen and ( min-width: 1000px ) {
  .slider-principal, .slider-principal-image, .slider-principal-meta  {
    height: 100vh;
  }
}
@media screen and ( max-width: 680px ) {
    .slider-principal-item,
    .slider-principal-meta,
    .slider-principal,
    .slider-principal-image {
      /* height: 80vh; */
    }
    .slider-principal-meta {
      margin-bottom: 40px;
      padding-top:80px;
    }
    .main .slider-principal .slider-principal-meta h3 {
      line-height: 1.5em
    }
    .home #content .slider-principal.swiper-container .swiper-slide { height: inherit !important; min-height:inherit !important; }
    .slider-principal-meta,
    .slider-principal-image { width: 100% }
    .slider-principal-item { flex-wrap: wrap }
    .main .slider-principal .slider-principal-meta h3 { font-size:2em }
    .slider-principal-meta-content { width: 80% !important }
    .slider-principal .clients-icones div { width: 80% !important  }
}

.single-creations h2 { line-height: 35px !important }

.cn-button.bootstrap {
	background-color:#000!important;
	box-shadow: none!important;
	background-image: none!important;
}
.cn-button.bootstrap:hover{
	background-color:#000!important;
}

/* Nouvelle taxonomy pour les posts : Group */
body.tax-actus #header .close-page,
body.post-type-archive-actualites #header .close-page{ display: block; }
body.post-type-archive-actualites #page-content{ padding: 0; }
#taxonomy-group-list{ overflow: hidden; max-width: 66.66%; margin: 0 auto 3em; }
	#taxonomy-group-list h1{ position: relative; top: inherit !important; transform: none; margin: 1em 0 1.5em; font-size: 1.5em; text-align: center; text-transform: uppercase; }
	#taxonomy-group-list .taxonomy-group-link{ display: block; color: #000; }

	#taxonomy-group-list .taxonomy-group-item{ position: relative; float: left; width: 50%; height: 350px; padding: 0; box-sizing: border-box; }

		#taxonomy-group-list h3.taxonomy-group-title{ position: absolute; top: 0; left: 1.5em; right: 1.5em; height: 100px; margin: 0; padding: 0; font-size: 1.1em; text-align: center; text-transform: uppercase; }
		#taxonomy-group-list .taxonomy-group-item.even h3.taxonomy-group-title{ top: 250px; }
			#taxonomy-group-list h3.taxonomy-group-title span{ position: absolute; top: 50%; transform: translateY(-50%); left: 1.5em; right: 1.5em; line-height: 1.5em; }

		#taxonomy-group-list .taxonomy-group-img{ position: absolute; top: 100px; left: 1.5em; right: 1.5em; height: 250px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: grey; }
		#taxonomy-group-list .taxonomy-group-item.even .taxonomy-group-img{ top: 0; }
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 991px) {
			#taxonomy-group-list h3.taxonomy-group-title,
			#taxonomy-group-list .taxonomy-group-item.even h3.taxonomy-group-title{ font-size: 1.3em; }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) {
	#taxonomy-group-list{ float: left; width: 100%; max-width: none; }

		#taxonomy-group-list .taxonomy-group-item{ width: 100%; }

			#taxonomy-group-list h3.taxonomy-group-title,
			#taxonomy-group-list .taxonomy-group-item.even h3.taxonomy-group-title{ top: 0; left: 0; right: 0; }

			#taxonomy-group-list .taxonomy-group-img,
			#taxonomy-group-list .taxonomy-group-item.even .taxonomy-group-img{ top: 100px; left: 0; right: 0; }
}