/** style projets **/


.section-services > .wp-block-column {
	position: relative !important;
}

.section-services .bg-effect {
	position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border: 2px solid #000!important;
  z-index: 1;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.section-services .bg-effect.active {
  bottom: 0px;
	left: 0px;
}

.section-services .container-images {
	position: relative;
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 0px;
	background-color: #fff;
	border: 2px solid #000;
	z-index: 2;
}

.section-services.container-images img {
    height: 225px;
    margin: 0 auto;
}

.section-services a {
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.section-services a h3 {
	position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 3px 10px;
  margin-bottom: 8px;
	margin-left: 8px;
  background-color: #fff;
  /*border: 1.2px solid #ccc;*/
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

@media (max-width: 450px) {
	.section-services a h3 {
		font-size: 0.7rem!important;
	}
}

.section-services a:hover h3 {
		background: #69b2dc;
		color: #ffffff;
}



.section-services .wp-block-column {
  position: relative;
}

.section-services  .wp-block-column > a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

 .section-services .bg-effect.active {
    bottom: 0px;
    left: 0px;
}

/** style réalisations hover **/

.section-services  a:hover h3 {
  background-color: ##69b2dc;
  color : white;
}

/* Grid system */

.section-services {
  max-width: 110rem;
  margin-left:auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1rem;
}

div {
	grid-column: span 2!important;
}

@media (max-width: 1400px) {
/* 3 éléments sur la même ligne en-dessous de 1400px c'est trop petit pour être lisible */
	.section-services {
		grid-template-columns: repeat(4, 1fr);
	}

/* Pas de bon design trouvé sur 2 lignes avec 3 éléments --> On n'en garde que deux */
	div.section-services > .wp-block-column:nth-child(3n) {
		display: none;
	}

/* Pour que sur la page d'accueil restent affichées les 6 catégories */
	div.section-services-homepage > .wp-block-column:nth-child(3n) {
		display: block!important;
	}
}

@media (max-width: 900px) {
	.section-services {
		grid-template-columns: repeat(2, 1fr);
	}

	.wp-block-column:nth-child(3n) {
		display: block;
	}
}

.section-services .wp-block-column {
  margin-left:0px !important
}

.hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link, .hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus, .hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active, .hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover, .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link, .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link:focus, .editor-styles-wrapper {
	border: 1.5px solid currentColor!important;
}

.hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link, .hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus, .hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active, .hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover, .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link, .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link:focus, .editor-styles-wrapper {
	border: 1.5px solid currentColor!important;
	font-size: 1.15rem;
}


/*
@media (min-width: 600px){
    .section-services {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
    }

    .section-services  .wp-block-column {
    -webkit-flex-basis: -webkit-calc(100% - 0px)!important;
            flex-basis: -moz-calc(100% - 0px)!important;
            flex-basis: calc(100% - 0px)!important;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
            flex-grow: 0;
  }

  .section-services  .wp-block-column:not(:first-child) {
  margin-left: 0px !important;
  }

  .section-services .wp-block-column:nth-child(2n) {
  margin-left: 0px !important;

}
}
@media (min-width: 650px){
    .section-services {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
    }

    .section-services  .wp-block-column {
    -webkit-flex-basis: -webkit-calc(100% - 0px)!important;
            flex-basis: -moz-calc(100% - 0px)!important;
            flex-basis: calc(100% - 0px)!important;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
            flex-grow: 0;
  }

  .section-services  .wp-block-column:not(:first-child) {
  margin-left: 0px !important;
  }

  .section-services .wp-block-column:nth-child(2n) {
  margin-left: 0px !important;

}


}


@media (min-width: 890px){
    .section-services {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
    }

    .section-services  .wp-block-column {
    -webkit-flex-basis: -webkit-calc(50% - 8px)!important;
            flex-basis: -moz-calc(50% - 8px)!important;
            flex-basis: calc(50% - 8px)!important;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
            flex-grow: 0;
  }

  .section-services  .wp-block-column:not(:first-child) {
  margin-left: 0px !important;
  }

  .section-services .wp-block-column:nth-child(2n) {
  margin-left: 16px !important;

}


}




@media (min-width: 1350px){
  .section-services {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .section-services  .wp-block-column {
  -webkit-flex-basis: -webkit-calc(33.3333% - 11px)!important;
          flex-basis: -moz-calc(33.3333% - 11px)!important;
          flex-basis: calc(33.3333% - 11px)!important;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}

.section-services .wp-block-column:nth-child(2n) {
margin-left: 0px !important;

}

.section-services .wp-block-column:nth-child(3n+2) {
margin-left: 16px !important;

}

.section-services .wp-block-column:nth-child(3n) {
margin-left:16px !important;

}



.section-services  .wp-block-column:not(:first-child) {
margin-left: 0px ;
}
}
*/