/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.6.1776347848
Updated: 2026-04-16 09:57:28
*/

@media (max-width: 767px) {
  .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child:nth-child(2n+1) a {
    border-radius: 0px;
  }
}


 .et_pb_column .preferred-column-count-portfolio-grid {
	.et_pb_portfolio_filters {
		ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: start;
			row-gap: .25em;
			width: fit-content;
			margin-inline: auto;
			background-color: aliceblue;
		}
		
		li {
			float: none;
			
			&:is(:first-child, :last-child) {
				a {
					border-radius: 0px;
				}
			}

			a {
				border: none;
				
				&.active {
					box-shadow: 0 2px 0 0 currentColor;
					background-color: transparent;				
					font-weight: 600;
				}
			}
		}
	}
	
	.et_pb_portfolio_items_wrapper {
		.et_pb_portfolio_items {
		  --min-card-size: var(--card-size-min, 28ch);
		  --column-count: var(--number-of-columns, 3);
		  --column-gap: .25em;

		  display: grid;
		  grid-template-columns: repeat(
			var(--repeat-rule, auto-fill),
			minmax(
			  min(
				100%,
				max(100% / var(--column-count) - (var(--column-count) - 1) * var(--column-gap),
				  var(--min-card-size))
			  ),
			  1fr
			));
		  gap: var(--column-gap);

		  .et_pb_grid_item {
			/* défaire les styles Divi */
			float: none;
			clear: none;
			margin: 0;
			width: auto; 
			background-color: #f0f0f0;
		  }
			.et_portfolio_image {
				&::after {
					content: "";
					inset: 0;
					background-color: #fff;
					position: absolute;
					opacity: 0;
					transition: opacity .3s;	
				}
				
			}
			
			img {
				transition: filter .3s;
			}
			
			a:is(:focus-visible, :hover) {
				.et_portfolio_image::after {
					opacity: .3;
				}
				img {
					filter: brightness(1.1);
				}
			}
		
			h2 {
				padding: .75em .5em;
				margin-top: 0px;
				font-size: inherit;
			}
			
		}
  }
}