/**
 * Galerie d'image in frontend
 */

/* gallery filter*/
.brsq-gallery-filter {display: flex; flex-direction: row; gap: 12px; flex-wrap: wrap; margin-bottom: 30px;}
.brsq-gallery-filter .filter {font-size: 15px; line-height: 1.1em; padding: 12px 24px; cursor: pointer; color: #4b545c;	background-color: #f4f6f7;	font-weight: 600;	transition: all 0.35s; border: 1px solid #e2e6e9; border-radius: 999px; font-family: Archivo, sans-serif;}
.brsq-gallery-filter .filter:hover, .filter.mixitup-control-active {background-color: #d62e33; border-color: #d62e33; color: #fff;}
.brsq-gallery .filter_item img {border-radius: 23px; object-fit: cover; width: 285px; height: 230px; object-fit: cover; transition: all 0.35s;}
.brsq-gallery .filter_item img:hover {filter: brightness(0.9);}

/* gallery */
.brsq-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.brsq-gallery .caption-slider {font-family: Archivo, sans-serif;  font-weight: 600;  font-size: 15px;  line-height: 1.35; color: rgb(42, 45, 49);    margin: 12px 0px 0px; line-height: 1.1em;}

/* lightbox */
.sl-image img {border-radius: 23px!important;}
.sl-wrapper .sl-image .sl-caption {bottom; unset!important; padding: 15px 25px!important; background-color: rgba(255,255,255,0.75)!important; border-radius: 0 0 23px 23px;}
.brsq-lightbox-caption {}
.brsq-lightbox-caption {font-family: Archivo, sans-serif;  font-weight: 700; font-size: 24px; color: rgb(31, 33, 36);}
.brsq-lightbox-caption span { font-family: "Source Sans 3", system-ui, sans-serif; font-size: 17px; font-weight: 400; line-height: 1.6em; color: rgb(75, 84, 92); display: block;}

.sl-navigation button, .sl-close {background-color: rgba(20, 22, 24, 0.6)!important; padding: 0!important; color: #fff!important; font-weight: 400!important; font-size: 1.8em!important; font-family: "Source Sans 3", system-ui, sans-serif!important;}
.sl-navigation button:hover, .sl-close:hover {background-color: #D62E33!important; }