/*--------------------------------------------------------------
>>> TABLE DES MATIERES :
----------------------------------------------------------------
# Typo
# Variables CSS
# Main
# Couleurs - Ombres - Bordures
# Slick carousel
# Fil d'ariane
# Pagination
# Images - articles - colonnes
# Sticky en avant
# Header
# Navigation
# Produits
# Présentation
# Blog
# Formulaire de contact / bon de commande
# Page archives catégories
# Footer
# Page 404
# Tarte au citron
# Skip Links
# Gutenberg
# Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# TYPO
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,700|Quicksand:300,400,700&display=swap");

@font-face {
    font-family: 'Cera Pro Light';
    src: url('../fonts/CeraPro-Light.eot');
    src: url('../fonts/CeraPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraPro-Light.woff2') format('woff2'),
        url('../fonts/CeraPro-Light.woff') format('woff'),
        url('../fonts/CeraPro-Light.ttf') format('truetype'),
        url('../fonts/CeraPro-Light.svg#CeraPro-Light') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cera Pro Medium';
    src: url('../fonts/CeraPro-Medium.eot');
    src: url('../fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraPro-Medium.woff2') format('woff2'),
        url('../fonts/CeraPro-Medium.woff') format('woff'),
        url('../fonts/CeraPro-Medium.ttf') format('truetype'),
        url('../fonts/CeraPro-Medium.svg#CeraPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*--------------------------------------------------------------
# VARIABLES CSS
--------------------------------------------------------------*/
:root {
	--white: #ffffff;
	--grey: #dedede;
	--black: #000000;
	--color-1: #E63032;
	--color-2: #FB0073;
	--color-3: #8A005E;
	--color-4: #612652;
	--color-5: #D51568;
	--transparent: transparent;
	--main-text-color: var(--black);
	--link: var(--color-1);
	--link-hover: var(--color-3);
	--btn-bg-color: var(--black);
	--btn-bg-color-hover: var(--white);
	--btn-color: var(--white);
	--btn-color-hover: var(--black);
	--font-family-1: "Cera Pro Light", sans-serif;
	--font-family-2: "Cera Pro Medium", sans-serif;
	/* Menu ----------------------------------------------*/
	--menu-bg-color: var(--transparent);
	--menu-bg-color-hover: var(--transparent);
	--menu-color: var(--black);
	--menu-color-hover: var(--color-1);

	--menu-bg-color-dropdown: var(--white);
	--menu-bg-color-dropdown-hover: var(--white);
	--menu-color-dropdown: var(--black);
	--menu-color-hover-dropdown: var(--color-1);

	--fontsizemenu: 1.1em;

	/* Menu burger-----------------------------------------*/
	--menu-bg-burger-active: var(--white);
	--menu-color-burger-active: var(--white);

}

/*--------------------------------------------------------------
# MAIN
--------------------------------------------------------------*/
body {
	overflow-x: hidden;
	font-family: var(--font-family-1);
	color: var(--main-text-color);
	font-weight: 400;
	background-color: var(--white);
	font-size: 1.1em;
}

.image-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.image-wrapper img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.subtitle,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content .title,
.content .subtitle {
	font-family: var(--font-family-2);
	font-weight: 700;
	color: var(--main-text-color);
	margin: 30px auto;
}

.line {
	position: relative;
	margin: auto;
	max-width: 600px;
	margin: auto;
}

.line:before {
	content: "";
	display: block;
	width: 130px;
	height: 5px;
	background: var(--color-3);
	top: 50%;
	right: 0;
	position: absolute;
}

.line:after {
	content: "";
	display: block;
	width: 130px;
	height: 5px;
	left: 0;
	background: var(--color-3);
	top: 50%;
	position: absolute;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.title a,
.subtitle a,
.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a,
.content .title a,
.content .subtitle a {
	color: inherit;
}

.box,
.card {
	color: var(--main-text-color);
	height: 100%;
}

strong {
	color: inherit;
}

::selection {
	color: var(--white);
	background: var(--color-1);
}

.textwidget {
	word-wrap: break-word;
}

.columns {
	margin-left: 0;
	margin-right: 0;
}

.is-size-8 {
	font-size: .9rem;
}


.flex-center, .flex-center-col {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-center-col {
	flex-direction: column;
}

.bg-line {
	background: var(--color-1);
	position: absolute;
	z-index: 1;
}
.top-right, .top-left {
	width: 30px;
	height: 40%;
	top: -15px;
}
.top-right {
	right: -15px;	
}
.top-left {
	left: -15px;	
}
.bot-left, .bot-right {
	width: 30%;
	height: 30px;
	bottom: -15px;
}
.bot-left {
	left: -15px;
}
.bot-right {
	right: -15px;
}
.relative {
	position: relative;
	z-index: 2;
}
.relative span.title-bg-line-bot-right {
	display: block;
	width: 120px;
	height: 20px;
	position: absolute;
	right: -30px;
	bottom: -5px;
	z-index: -1;
    background-color: var(--color-1);
}
svg{
	fill: currentColor;
}

/*--------------------------------------------------------------
# COULEURS - OMBRES - BORDURES
--------------------------------------------------------------*/
/* Couleurs de background */
.background-color-white {
	background-color: var(--white);
}

.background-color-grey {
	background-color: var(--grey);
}

.background-color-black {
	background-color: var(--black);
}

.background-color-1 {
	background-color: var(--color-1);
}

.background-color-2 {
	background-color: var(--color-2);
}

.background-color-3 {
	background-color: var(--color-3);
}

.background-color-4 {
	background-color: var(--color-4);
}

.background-color-5 {
	background-color: var(--color-5);
}

.background-color-6 {
	background-color: var(--color-6);
}

/* Couleurs de texte */
.color-white {
	color: var(--white);
}

.color-grey {
	color: var(--grey);
}

.color-black {
	color: var(--black);
}

.color-1 {
	color: var(--color-1);
}

.color-2 {
	color: var(--color-2);
}

.color-3 {
	color: var(--color-3);
}

.color-4 {
	color: var(--color-4);
}

.color-5 {
	color: var(--color-5);
}

.color-6 {
	color: var(--color-6);
}


/*--------------------------------------------------------------
# Paralaxe
--------------------------------------------------------------*/

.header2 {
	height: 350px;
	/* clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%); */
}

.background-image {
	background-size: cover;
	background-position: center;
	opacity: 0.8;
	filter: brightness(150%) blur(2px);
	/* 	---- filter: blur(8px) grayscale(50%);-----
	filter: brightness(0.4);
	filter: contrast(200%);
	filter: grayscale(50%);
	filter: hue-rotate(90deg);
	filter: invert(75%);
	filter: opacity(25%);
	filter: saturate(30%);
	filter: sepia(60%); */
}

.parallax-container {
	overflow: hidden;
	position: relative;
	/* margin-top: -33px;*/
	overflow: hidden;
}

.bg-text {
	color: black;
	font-weight: bold;
	position: absolute;
	bottom: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 100%;
	padding: 20px;
	text-align: center;
	filter: none;
	-webkit-filter: none;
	/* filter: drop-shadow(2px 2px 2px #fff); */
}

.bread {
	color: black;
	font-weight: bold;
	position: absolute;
	bottom: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	padding: 20px;
	text-align: center;
	filter: none;
	width: 100%;
}

/*--------------------------------------------------------------
# SLIDER
--------------------------------------------------------------*/
.header-page-accueil .slide {
	position: relative;
}

.slider-home .slick-list {
	height: 68vh;
	overflow: hidden
}

.slider-home .slick-track {
	height: 100%;
}

.slide {
	height: 100%
}

.slider-home .slick-slide img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.1);
}

.header-page-accueil .slick-active img {
	animation: zoom 5s ease-in-out forwards;
}

@keyframes zoom {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.1);
	}
}

.header-page-accueil .texte-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/** background-color:rgba(0, 0, 0, 0.5);**/
	padding: 0 1rem 0 1rem;
}

.header-page-accueil h2.title,
.header-page-accueil h3.subtitle {
	color: var(--white);
}

.header-page-accueil .button {
	font-size: 1.5rem;
}

.header-page-accueil .button.telephone {
	background-color: var(--color-1);
	border-color: var(--color-1);
}

.header-page-accueil .button.telephone:hover {
	background-color: var(--white);
	border-color: var(--white);
	color: var(--color-1);
}

.header-page-accueil .slick-active h2 {
	animation-name: fadeInLeft;
	animation-duration: 2s;
	animation-fill-mode: both;
	opacity: 0;
}

.header-page-accueil .slick-active h3 {
	animation-name: fadeInRight;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-fill-mode: both;
	opacity: 0;
}

.header-page-accueil .slick-active .button,
.header-page-accueil .slick-active .logob {
	animation-name: fadeInUp;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: both;
	opacity: 0;
}

.logob {
	width: 30vh;
	margin: auto;
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@media screen and (max-width: 425px) {
	.header-page-accueil.hero.is-fullheight {
		padding-top: 220px;
		background-color: var(--color-4);
		height: 500px;
		min-height: auto;
	}

	.slider-home {
		height: 100%;
	}

	.slider-home .slick-list,
	.slider-home .slick-track {
		height: 100%;
	}

	.header-page-accueil h2.title {
		font-size: 2rem;
	}

	.header-page-accueil h3.subtitle {
		font-size: 1rem;
	}

	.header-page-accueil .button {
		font-size: 1rem;
		width: 200px;
	}
}

@media screen and (max-width: 1023px) {
	.flex-container {
		display: inline-flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.top {
		order: 2;
		width: 100%;
	}

	.navi {
		order: 1;
		width: 100%;
	}

}



/*--------------------------------------------------------------
# SLICK CAROUSEL
--------------------------------------------------------------*/
.slick-initialized .slick-slide,
.slick-track,
.slick-list,
.slick-slider {
	height: 100%;
}

.slick-slide>div {
	width: 100%;
	height: 100%;
}

.slick-loading .slick-list {
	background-image: url(img/ajax-loader.gif);
}

.slick-next,
.slick-prev {
	background-color: var(--color-4);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	transition: all 0.5s ease-in-out;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	color: var(--white);
	background-color: var(--color-4);
}

.slick-next:before,
.slick-prev:before {
	color: var(--white);
	font-family: var(--font-family-1);
	font-weight: 700;
	font-size: 20px;
	transition: all 0.5s ease-in-out;
}

.slick-prev {
    left: -35px;
}
.slick-prev:before {
	content: "\2190";
}

.slick-next {
    right: -35px;
}
.slick-next:before {
	content: "\2192";
}

.slick-dots li button:before {
	font-family: var(--font-family-1);
	font-size: 30px;
}

.slick-slide {
	padding: 5px;
}
.slick-slide img {
	height: 100%;
	display: block !important;
	object-fit: cover;
	object-position: center;
	background: white;
	padding: 15px;
	border-radius: 20px;
}
.section.partenaires {
    padding: 40px 5%;
}
.section.partenaires .relative span.title-bg-line-bot-right {
	background-color: var(--color-4);
}

/*--------------------------------------------------------------
# FIL D'ARIANE
--------------------------------------------------------------*/
.breadcrumb {
	padding: 1rem 0;
	color: var(--main-text-color);
	font-weight: bold;
	white-space: unset;
}
.breadcrumb a{
	color: var(--link);
}
.breadcrumb a:hover{
	color: var(--link-hover);
}
.breadcrumb span{
	padding: 0 0.75em;
}
.breadcrumb li+li:before{
	color: var(--main-text-color);
	content: '|';
}

/*--------------------------------------------------------------
# PAGINATION
--------------------------------------------------------------*/
.pagination-link,
.pagination-next,
.pagination-previous {
	border-color: var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
}

.pagination-link.is-current,
.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
	background-color: var(--btn-bg-color-hover);
	border-color: var(--btn-color-hover);
	color: var(--btn-color-hover);
}

/* Bouton principal */
.button,
a.button,
.content .button,
.content a.button,
input[type="submit"].button {
	border-color: var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
	transition: all 0.5s ease-in-out;
}

.content a.wp-block-button__link {
	border-radius: 6px;
	border: 1px solid var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
	font-weight: inherit;
	padding-bottom: calc(0.375em - 1px);
	padding-left: 0.75em;
	padding-right: 0.75em;
	padding-top: calc(0.375em - 1px);
	transition: all 0.5s ease-in-out;
}

.button:hover,
a.button:hover,
.content .button:hover,
.content a.button:hover,
input[type="submit"].button:hover,
.content a.wp-block-button__link:hover {
	background-color: var(--btn-bg-color-hover);
	border-color: var(--btn-color-hover);
	color: var(--btn-color-hover);
}

/* Boutons d'autres couleurs */
.button.background-color-1:hover {
	background-color: var(--white);
	color: var(--color-1);
	border-color: var(--color-1);
}

.button.background-color-2:hover {
	background-color: var(--white);
	color: var(--color-2);
	border-color: var(--color-2);
}

.button.background-color-3:hover {
	background-color: var(--white);
	color: var(--color-3);
	border-color: var(--color-3);
}

.button.background-color-4:hover {
	background-color: var(--white);
	color: var(--color-4);
	border-color: var(--color-4);
}

.button.background-color-5:hover {
	background-color: var(--white);
	color: var(--color-5);
	border-color: var(--color-5);
}

/* Liens */
a,
.content a {
	color: var(--link);
	transition: all 0.5s ease-in-out;
}

a:hover,
.content a:hover {
	color: var(--link-hover);
}

/* Ombres et bordures */
.shadow {
	box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
	transition: all 0.5s ease-in-out;
}

.shadow:hover {
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

.radius {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*--------------------------------------------------------------
# IMAGES - ARTICLES - COLONNES
--------------------------------------------------------------*/
.content img, .content figure img {
	display: block;
}

.columns:last-child {
	margin-bottom: 0rem;
}

/*--------------------------------------------------------------
# STICKY EN AVANT
--------------------------------------------------------------*/
/* Fix styles bulma */
.modal {
	z-index: 300;
}

.modal-card {
	max-height: unset;
	overflow: auto;
}

.modal-card-title {
	flex-shrink: 1;
}

/* .bulma-card-body à décommenter si pas de footer dans le modal */
.modal-card-body {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
/* HEADER PAGE ACCUEIL */
.header-page-accueil {
	
}




/* HEADER PAGES SECONDAIRES */
.header {
	/* height: 600px; */
	background: var(--grey);
}

/*--------------------------------------------------------------
# NAVIGATION
--------------------------------------------------------------*/
/* MENU NAVIGATION */
.menu-logo {
	height: 90px;
    overflow: hidden;
}
.menu-logo img.logo-m {
	width: 120px; height: 120px;
}

.navbar {
	background: var(--menu-bg-color);
}

.navbar-menu {
	font-size: 1em;
}

.navbar-dropdown {
	background: var(--menu-bg-color-dropdown);
	font-size: calc(var(--fontsizemenu) - 0.3em);
}

.navbar-dropdown a.navbar-item {
	margin: 0 5px;
	font-size: 1em;
}

.navbar-item,
.navbar-link {
	color: var(--menu-color);
	font-size: var(--fontsizemenu);
}

.top .navbar-item,
.top .navbar-link {
	color: var(--white);
}

.navbar-link:not(.is-arrowless) {
	font-size: inherit;
	padding-right: 1.4em;
}

.navbar-link:not(.is-arrowless)::after {
	border-color: var(--menu-color);
	width: 10px;
	height: 10px;
	border-radius: 2px;
	top: 50%;
	right: 0.4em;
}

.navbar-link:not(.is-arrowless):hover::after,
.navbar-link.is-active:not(.is-arrowless)::after,
.navbar-item.has-dropdown.is-active .navbar-link:not(.is-arrowless)::after,
.navbar-item.has-dropdown:focus .navbar-link:not(.is-arrowless)::after,
.navbar-item.has-dropdown:hover .navbar-link:not(.is-arrowless)::after {
	border-color: var(--menu-color-hover);
}

a.navbar-item:hover,
a.navbar-item.is-active,
a.navbar-item.is-active:not(:focus):not(:hover),
.navbar-link:hover,
.navbar-link.is-active,
.navbar-link.is-active:not(:focus):not(:hover),
.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
	color: var(--menu-color-hover);
	background: var(--menu-bg-color-hover);
	text-decoration: underline;
	background-color: var(--menu-bg-color-hover)
}

a.menu-item i {
	font-size: calc(var(--fontsizemenu) + .3em);
}

.navbar-item.has-dropdown.is-active .navbar-link,
.navbar-item.has-dropdown:focus .navbar-link {
	color: var(--menu-color-dropdown);
	background: var(--menu-bg-color-dropdown);
}

.navbar-item.has-dropdown:hover .navbar-link {
	color: var(--menu-color);
	background: var(--menu-bg-color);
}

.navbar-dropdown a.navbar-item:focus,
.navbar-dropdown a.navbar-item:hover {
	background-color: var(--menu-bg-color-dropdown-hover);
	color: var(--menu-color-hover-dropdown);
	margin: 0 5px;
}

.navbar-brand {
	justify-content: space-between;
	align-items: center;
}

.navbar-brand img {
	max-height: unset;
	margin-right: 1rem;
}

.navbar-brand a.navbar-item:hover {
	background-color: var(--menu-bg-color);
	color: var(--menu-color);
}

input[type="search"] {
	color: var(--menu-color);
	font-family: inherit;
	box-shadow: none;
	border-color: var(--menu-color);
	background-color: transparent;
}

input[type="search"]:hover {
	border-color: var(--menu-color);
}

form.search-form svg {
	color: var(--menu-color);
}

@media screen and (max-width: 1023px) {
	.navbar-menu {
		padding: 0 25px;
		background-color: var(--menu-bg-burger-active);
		text-align: center;
		font-size: 1.3em;
	}

	.navbar-menu.is-inactive {
		animation-name: slide-up;
		animation-duration: .8s;
		animation-timing-function: ease;
		animation-fill-mode: forwards;
		animation-delay: 0s;
	}

	@keyframes slide-up {
		from {
			transform: translate(0, -1000px);
		}

		to {
			transform: translate(0, 0);
		}
	}
}

.navbar {
  justify-content: center;
}
.navbar-menu {
  justify-content: center;
  flex-grow: 0;
}
.navbar-start {
  justify-content: center;
  margin-right: 0;
}
.navbar-end {
  justify-content: center;
  margin-left: 0;
} 

/* BOUTON BURGER */
.navbar-burger {
	color: var(--menu-color);
	margin-right: 1rem;
	height: 6rem;
	width: 6rem;
	background-color: rgba(255, 255, 255, 0.2)
}

button.navbar-burger:hover {
	color: var(--menu-color-hover);
	background-color: var(--menu-bg-color-hover);
}

.navigationBurger input[type="search"] {
	color: var(--black);
	border-color: var(--grey);
	background-color: var(--white);
}

.navigationBurger {
	color: var(--black);
	border-color: var(--grey);
	background-color: var(--white);
}

.navigationBurger .field.is-grouped {
	margin: auto;
}

.navbar-burger span {
	left: calc(50% - 25px);
	width: 50px;
	height: 6px;
	transition: all 0.5s ease;
	border-radius: 15px;
}

.navbar-burger span:nth-child(1) {
	top: calc(50% - 15px);
}

.navbar-burger span:nth-child(2) {
	top: 50%;
}

.navbar-burger span:nth-child(3) {
	top: calc(50% + 15px);
}

.navbar-burger.is-active span:nth-child(1) {
	-webkit-transform: translateY(5px) rotate(45deg);
	transform: translateY(15px) rotate(45deg);
	opacity: 1;
}

.navbar-burger.is-active span:nth-child(3) {
	-webkit-transform: translateY(-5px) rotate(-45deg);
	transform: translateY(-15px) rotate(-45deg);
}

/*--------------------------------------------------------------
# Menu Burger plein écran
--------------------------------------------------------------*/

.menu2 {
	font-weight: 100;
	background: var(--grey);
	width: 150px;
	height: 105%;
	padding: 0 50px;
	position: fixed;
	z-index: 100;
	-webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.2);
	right: -100px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	color: var(--black);
}

.logomenu2 {
	margin: 20px 50%;
}

.menu2 .navbar-dropdown,
.menu2 .navbar-dropdown {
	position: static;
	opacity: 1;
}

.menu2:hover,
.menu2:focus {
	transform: translate3d(-100px, 0, 0);
	animation-timing-function: 1s ease-in;
	width: 400px;
}

.menu2 .title {
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transform: rotate(270deg);
	left: 10px;
	font-weight: 800;
	font-size: 1.5em;
	margin-left: -20px;
	color: rgb(96, 96, 96);
}

.menu2 .nav {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: bold;
	font-size: calc(var(--fontsizemenu) + 0.1em);
	width: 80%;
}

.menu2 .nav li {
	list-style-type: none;
	font-weight: bold;
	text-transform: uppercase;
	font-family: var(--font-family-2);
	width: 100%;

}

.menu2 .nav li a {
	text-decoration: none;
	color: inherit;
	color: var(--menu-color);
	background: var(--menu-bg-color);
	display: block;
	padding: 10px 5px;
}

.menu2 .nav li.menu-item-has-children a {
	padding: 15px 5px;
}

.menu2 .nav li a:hover {
	color: var(--menu-color-hover);
	background: var(--menu-bg-color-hover);
}

.menu2 .sub-menu .menu-item {
	padding-left: 20px;
	font-size: calc(var(--fontsizemenu) - 0.4em);
}

.menu-item::before {
	display: none
}

@media screen and (max-width: 1023px) {
	.menu2 {
		display: none;
	}
}

/*--------------------------------------------------------------
# PRESENTATION
--------------------------------------------------------------*/
.presentation {
	margin-top: 40px;
	padding: 40px 5%;
}
.pres-text {
	width: 50%;
	padding: 0 40px 0 0;
}
/* .pres-text img.logo-bs {
	width: 250px;
    margin: 0 auto 30px 30px;
} */
.pres-text a.button {
	align-self: self-end;
}
.pres-text h2.title {
	margin-top: 0;
}
.pres-img-container {
	width: 50%;
	height: 350px;
	position: relative;
}
img.pres-img {
	height: 350px;
	width: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}




/*--------------------------------------------------------------
# NOS OFFRES
--------------------------------------------------------------*/
.nos-offres {
	padding: 40px 5%;
}
.nos-offres-title {
	width: 60%;
}
.nos-offres-container {
	margin-top: 30px;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	gap: 40px 40px;
	grid-auto-flow: row;
	grid-template-areas:
	  "mobilier"
	  "photocopie"
	  "papeterie"
	  "ergonomie";
}
.no-mobilier, .no-photocopie, .no-papeterie, .no-ergonomie {
	position: relative;
	overflow: hidden;
}
.no-item{
	min-height: 500px;
}
.no-mobilier {
	grid-area: mobilier;
}
.no-photocopie {
	grid-area: photocopie;
}
.no-papeterie {
	grid-area: papeterie;
}
.no-ergonomie {
	grid-area: ergonomie; 
}
.no-item-bg, .no-item-text {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.no-item-text {
	padding: 30px;
	z-index: 2;
}
.no-item-text h3.title {
	color: var(--color-1);
}
.no-item-text h3.title span.title-bg-line-bot-right {
	background-color: var(--color-4);
}
.item-text {
	padding: 20px;
	background: rgba(255,255,255, 0.6);
}
.no-item-bg{
	transform: scale(1.1);
	filter: blur(2px) grayscale(50%);
}
.no-mobilier .no-item-bg {
	background: url(img/photos/04.jpg);
	background-size: cover;
	background-position: center;
}
.no-photocopie .no-item-bg {
	background: url(img/photocopieur.jpg);
	background-size: cover;
	background-position: center;
}
.no-papeterie .no-item-bg {
	background: url(img/photos/07.jpg);
	background-size: cover;
	background-position: center;
}
.no-ergonomie .no-item-bg {
	background: url(img/photos/14.jpg);
	background-size: cover;
	background-position: center;
}
@media screen and (min-width: 768px){
	.nos-offres-container{
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-areas:
			"mobilier photocopie photocopie"
			"mobilier papeterie papeterie"
			"mobilier ergonomie ergonomie";
	}
	.no-item-bg {
		transform: none;
		filter: none;
		z-index: 1;
		transition: all .5s ease;
	}
	.item-text {
		transition: all .5s ease;
		transform: translateX(-101%);
		opacity: 0;
	}
	.no-item-text h3.title {
		transition: all .5s ease;
		transform: scale(1.1) translateY(-20px);
		color: var(--white);
		text-shadow: 1px 1px 2px rgba(0,0,0, 0.75);
	}
	.no-item-text h3.title span.title-bg-line-bot-right {
		transition: all .5s ease;
		transition-delay: .1s;
		transform: translateX(101%);
		opacity: 0;
		background-color: var(--color-4);
	}
	.no-item:hover .no-item-bg {
		transform: scale(1.1);
		filter: blur(2px) grayscale(50%);
	}
	.no-item:hover .no-item-text h3.title {
		transform: none;
		color: var(--color-1);
		text-shadow: none;
	}
	.no-item:hover .no-item-text h3.title span.title-bg-line-bot-right {
		transform: none;
		opacity: 1;
	}
	.no-item:hover .item-text {
		transform: none;
		opacity: 1;
	}
}
@media screen and (min-width: 1024px){
	.no-item{
		min-height: 400px;
	}
}
@media screen and (min-width: 1440px){
	.nos-offres-container{
		padding: 0 5%;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		grid-template-areas:
			"mobilier photocopie photocopie"
			"mobilier papeterie ergonomie";
	}
}


/*--------------------------------------------------------------
# BANNIERE COLLAB
--------------------------------------------------------------*/
.banner-collab {
	padding: 30px 10%;
	margin: 60px 0 20px;
	background: var(--color-1);
	align-items: flex-start;
}
.banner-item {
	padding: 0 40px;
	min-height: 160px;
}
.border-right {
	border-right: 1px solid white;
}
.banner-icon, .banner-text {
	color: var(--white);
	font-size: 1.5rem;
}
.banner-icon {
	font-size: 2rem;
	margin-bottom: 10px;
}



/*--------------------------------------------------------------
# AMENAGEMENT SUR MESURE / SAV
--------------------------------------------------------------*/
.amenagement-sav {
	padding: 80px 5% 20px;
}
.amenagement, .sav {
	width: 100%;
	margin: 20px 0;
}
.am-img-container, .sav-img-container {
	width: 45%;
	height: 450px;
	position: relative;
	margin-right: 40px;
}
.sav-img-container {
	margin-right: 0;
	margin-left: 40px;
}
.am-img {
	width: 100%; height: 450px;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0; left: 0;
	z-index: 2;
}
.am-text, .sav-text {
	width: calc(55% - 40px);
}
.am-text img.logo-bs {
	width: 250px;
	margin: 0 auto 30px 5%;
}

.sav-img {
	width: 80%;
	height: 50%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	z-index: 2;
}

.sav-img:nth-child(1) {
	bottom: 0;
    right: 0;
}
.sav-img:nth-child(2) {
	width: 60%;
    top: 35%;
	right: -5%;
	z-index: 3;
	border: 4px solid white;
}
.sav-img:nth-child(3) {
	width: 50%;
    top: 25%;
    left: 0;
	z-index: 4;
	border: 4px solid white;
}



/*--------------------------------------------------------------
# BLOG
--------------------------------------------------------------*/
.blog article,
.blog .card {
	height: 100%;
}

main .section.blog img,
main.section.blog img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
}
.section.blog .column {
	padding: .5rem;
}
.blog .article-wrapper{
	height: 100%;
}
figure.image {
	height: 250px;
	position: relative;
}
figure.image-actu {
	height: 100%;
}

.section.blog .card-content {
	padding: .75rem;
	height: calc(100% - 250px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rea-btn, .actu-btn {
	align-self: self-end;
	margin-right: 5%;
}


/*--------------------------------------------------------------
# PAGES SECONDAIRES
--------------------------------------------------------------*/
.section.page-scd {
	padding: 3rem 0 1rem;
}


.page-amenagement .amenagement-sav {
	padding: 0;
}
.amenagement-img {
	position: relative;
	height: 500px;
}
.amenagement-text .logo-bs {
	width: 220px;
}
.pam-img {
	width: 70%;
	height: 70%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	z-index: 2;
	border: 4px solid white;
}
.pam-img:nth-child(1) {
	bottom: 0;
    left: 0;
}
.pam-img:nth-child(2) {
	width: 50%; height: 60%;
    top: 0;
	left: 5%;
	z-index: 4;
}
.pam-img:nth-child(3) {
	width: 50%; height: 60%;
    top: 20%;
    right: 5%;
	z-index: 3;
}

.ccf-title-img {
	padding: 20px;
	backdrop-filter: blur(1.5px);
	background: rgba(0,0,0, 0.4);
	width: 100%;
	min-height: 200px;
}
.ccf-num {
	display: block;
	padding: 0 10px 15px 12px;
	width: 40px; height: 40px;
	font-size: 1.5rem;
	font-family: var(--font-family-2);
	border: 2px solid white;
	border-radius: 50%;
	color: white;
	background: rgba(255,255,255, 0.4);
}
.ccf .column p {
	padding: 20px;
	background: white;
	width: 100%;
	height: 100%;
}
.ccf-1, .ccf-2, .ccf-3, .ccf-4 {
	height: 100%;
}
.ccf-1 {
	background: url(img/photos/01.jpg);
	background-size: cover;
	background-position: center;
}
.ccf-2 {
	background: url(img/photos/02.jpg);
	background-size: cover;
	background-position: center;
}.ccf-3 {
	background: url(img/photos/03.jpg);
	background-size: cover;
	background-position: center;
}.ccf-4 {
	background: url(img/photos/04.jpg);
	background-size: cover;
	background-position: center;
}

.psav-img-container {
	padding: 0!important;
	min-height: 300px;
}
.psav-img {
	width: 100%;
	height: 100%;
	padding-right: 20px;
	object-fit: cover;
	object-position: center;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
}

.banner-collab {
	width: 100%;
}


.mob-img {
	width: 100%;
	height: 100%;
	min-height: 300px;
	object-fit: cover;
	object-position: center;
}
.page-mobilier figure.image img {
	max-height: 250px!important;
	object-fit: cover;
	object-position: center;
}



figure.wp-block-media-text__media {
	margin-top: 0!important;
}


.wp-block-media-text .wp-block-media-text__content {
	padding: 20px!important;
}




/*--------------------------------------------------------------
# FORMULAIRE DE CONTACT / BON DE COMMANDE
--------------------------------------------------------------*/
.control.has-icons-left .icon,
.control.has-icons-right .icon {
	color: var(--main-text-color);
}
.control.has-icons-left .icon svg,
.control.has-icons-right .icon svg{
	height: 1rem;
}
.input,
.textarea,
.select select {
	background-color: var(--white);
	color: var(--main-text-color);
	border: 1px solid var(--grey);
	border-radius: 5px;
	box-shadow: none;
	font-family: inherit;
	font-weight: inherit;
	font-size: 1rem;
}
textarea.textarea::placeholder,
input.input::placeholder {
	color: var(--main-text-color);
	opacity: 1;
}
.select:not(.is-multiple):not(.is-loading):after{
	border-color: var(--color-1);
}
input.input::-ms-input-placeholder,
textarea.textarea::-ms-input-placeholder {
	color: var(--main-text-color);
}
input {
	font-family: inherit;
}
.textarea {
	padding-left: 2.5em;
	padding-bottom: calc(.5em - 1px);
	padding-right: calc(.75em - 1px);
	padding-top: calc(.5em - 1px);
}
.checkbox {
	margin-right: 0.75rem;
}
.textarea:hover,
.textarea.is-hovered,
.input:hover,
.input.is-hovered,
.select select:hover,
.select select.is-hovered {
	border-color: var(--grey);
}
.field-body {
	flex-basis: auto;
}

#contact canvas {
	margin: 0 auto;
}

@media screen and (max-width: 424px) {
	#contact canvas {
		max-width: 225px;
		margin: 0 auto;
	}
}

/* HoneyPot */

.attrapecouillons {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -10000;
}

/* Bon de commande */
#commandez input[type="number"] {
	max-width: 75px;
}

#commandez figure {
	margin: 0 auto;
}

#commandez figure img {
	object-fit: cover;
	object-position: center;
	height: 100%;
}

#commandez .modal-card-body {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#commandez .unite-qtite {
	padding-bottom: calc(0.5em - 1px);
	padding-top: calc(0.5em - 1px);
}

/*--------------------------------------------------------------
# PAGE ARCHIVES CATEGORIES
--------------------------------------------------------------*/
.archive_categorie {
	display: block;
	position: relative;
	transition: all 0.5s;
}

.archive_categorie.transition {
	transform: scale(0);
	opacity: 0;
}

.archive_categorie figure {
	border-radius: 5px;
	background-color: #333;
	overflow: hidden;
}

.archive_categorie img {
	opacity: 0.8;
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}

.archive_categorie:hover img {
	opacity: 0.5;
	transform: scale(1.1);
}

.archive_categorie .archive_desc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1rem;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.archive_categorie .categorie_list {
	position: absolute;
	top: 1rem;
	right: 1rem;
}

#liste_boutons_categorie {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

#liste_boutons_categorie div.active {
	background-color: white;
	color: black;
}

/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
/* Map page contact */
footer iframe {
	margin-bottom: -0.5rem;
	width: 100%;
}

footer hr {
	width: 70%;
	margin: 20px auto;
	height: 1px;
}

.iframe_map {
	position: relative;
}

a.map_fullscreen {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	color: #333;
	background-color: white;
	border-radius: 5px;
	border: 1px #999 solid;
	font-size: 16px;
}

a.map_fullscreen:hover {
	color: #555;
}

/* footer */
.footer {
	background: var(--black);
	color: white;
	padding: 0;
}
.footer a{
	color: var(--white);
}
.footer a:hover {
	color: var(--grey);
}
.footer a.navbar-item:hover, .footer a.navbar-item.is-active, .footer a.navbar-item.is-active:not(:focus):not(:hover), .footer .navbar-link:hover, .footer .navbar-link.is-active, .footer .navbar-link.is-active:not(:focus):not(:hover), .footer .navbar-brand a.navbar-item:focus, .footer .navbar-brand a.navbar-item:hover {
	color: var(--white);
}


.footer-container {
	padding: 3rem 2rem 2rem;
}
.footer-logo-m {
	padding: 4px;
	background: white;
}

.logo-adresse img {
	filter: grayscale(100%);
	filter: brightness(0);
	/* valeur 100 pour que le logo soit blanc*/
	max-width: 25px;
	display: inline-flex;
}

.credit {
	background: #111;
	padding: 1em;
}

.credit .media {
	padding: 0.5rem;
}

.credit p {
	text-align: center;
	color: #fff;
	margin: 0;
}

.credit .content p:not(:last-child) {
	margin: 0;
}

.credit img {
	display: block;
	margin: 0 auto;
	height: 30px;
}

/* SOCIAL MEDIAS */

.map {
	background-color: rgb(66, 173, 24);
}

.instagram {
	background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}

.facebook {
	background-color: #396fd9;
}

.twitter {
	background-color: #02b2fe;
}

.youtube {
	background-color: #f1391d;
}

.mail {
	background-color: #cd5eab;
}

.linkedin {
	background-color: #2897cf;
}

.whatsapp {
	background-color: #0bae00;
}

.pinterest {
	background-color: #e62b32;
}

.share {
	margin-top: 80px
}

.map,
.instagram,
.facebook,
.twitter,
.linkedin,
.pinterest,
.mail,
.youtube,
.whatsapp {
	border-radius: 50%;
	border-bottom-left-radius: 0%;
	padding: 10px;
	color: white;
	font-size: 1.3em;
	border: 2px solid white;
	display: flex;
}

.share .map,
.share .instagram,
.share .facebook,
.share .twitter,
.share .linkedin,
.share .pinterest,
.share .mail,
.share .youtube,
.share .whatsapp {
	border-radius: 50%;
	border-top-left-radius: 5%;
	padding: 16px;
	color: white;
	font-size: 1em;
	border: 2px solid white;
	/* background-color: black; */
}

.top .map,
.top .instagram,
.top .facebook,
.top .twitter,
.top .linkedin,
.top .pinterest,
.top .youtube,
.top .mail,
.top .whatsapp {
	/* border-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-left-radius: 0%;
	padding: 15px; */
	color: white;
	/* font-size: .8em; */
	border: none;
	background: transparent
}

.topadress {}

.topnum {}

.topsocial {}

.logotop {
	margin: 10px auto 0 auto
}

/* SCROLL TO TOP  */
#smoothup {
	position: fixed;
	bottom: 60px;
	right: 10px;
	display: flex;
	opacity: 0.5;
	background-color: var(--link);
	border: var(--white) solid 5px;
	outline: var(--link) solid 1px;
	border-radius: 50%;
	z-index: 101;
}
#smoothup svg{
	fill: var(--white);
}
#smoothup:hover {
	transform: rotate(360deg);
	background-color: var(--link-hover);
	outline: var(--link-hover) solid 1px;
}

/*--------------------------------------------------------------
# ANIMATIONS
--------------------------------------------------------------*/

.container .aos_container .aos_content {
	transition: 0.9s;
	transition-property: opacity, transform;
}

.container .aos_container .aos_content {
	opacity: 0;
}

.container .aos_container.active .aos_content {
	opacity: 1;
	transform: translate3d(0, 0, 0) rotate3d(0deg, 0deg, 0deg) scale(1) skew(0deg, 0deg);
}

/* Animations */
.container #left .aos_content {
	transform: translateX(-200px);
}

.container #left.active .aos_content {
	transform: translateX(0);
}

.container #right .aos_content {
	transform: translateX(200px);
}

.container #right.active .aos_content {
	transform: translateX(0);
}

.container #scaleup .aos_content {
	transform: scale(0);
}

.container #scaleup.active .aos_content {
	transform: scale(1);
}

.container #deroulmid .aos_content {
	transform: rotateX(90deg);
}

.container #deroulmid.active .aos_content {
	transform: rotateX(0deg);
}

.container #bouncezoomin .aos_content {
	transform: scale(7);
	animation-timing-function: ease-in;
}

.container #bouncezoomin.active .aos_content {
	transform: scale(1);
	animation-timing-function: ease-out;
}

.container #rotatescale .aos_content {
	transform: scale(.5) rotateY(180deg);
}

.container #rotatescale.active .aos_content {
	transform: scale(1) rotateY(0);
}

.container #deroultop .aos_content {
	transform: rotateX(-100deg);
	transform-origin: top;
}

.container #deroultop.active .aos_content {
	transform: rotateX(0deg);
}

.container #flip .aos_content {
	transform: rotateX(-180deg);
}

.container #flip.active .aos_content {
	transform: rotateX(0);
}

.container #focus .aos_content {
	filter: blur(12px);
}

.container #focus.active .aos_content {
	filter: blur(0);
}

.container #slideinbot .aos_content {
	transform: translateY(1000px);
}

.container #slideinbot.active .aos_content {
	transform: translateY(0);
}

.container #slideintop .aos_content {
	transform: translateY(-1000px);
}

.container #slideintop.active .aos_content {
	transform: translateY(0);
}

.container #rotate .aos_content {
	transform: rotate(0);
}

.container #rotate.active .aos_content {
	transform: rotate(360deg);
}

/*--------------------------------------------------------------
# PAGE 404 - ANIMATION
--------------------------------------------------------------*/

#ghost {
	display: block;
	position: relative;
	left: -2000px;
	opacity: 0;
	animation: appear-left 2s 0.1s ease-out forwards;
}

@keyframes appear-left {
	to {
		left: 0;
		opacity: 1;
	}
}

/*--------------------------------------------------------------
# TARTE AU CITRON
--------------------------------------------------------------*/
/* Font */
#tarteaucitronRoot * {
	font-family: var(--font-family-1) !important;
}

/* Couleurs background et texte des boutons accepter */
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
	background-color: var(--color-2);
	color: var(--white);
}

/* Couleurs background et texte des boutons refuser */
#tarteaucitronAlertBig #tarteaucitronAllDenied2,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
	background-color: var(--color-1);
	color: var(--white);
}

/* Autres ajustements */
div#tarteaucitronAlertBig:before {
	display: none;
}

button#tarteaucitronPrivacyUrl {
	display: block;
	margin: 0 auto;
	width: 200px;
	padding: 5px 10px;
	height: 40px;
}

button#tarteaucitronPersonalize2,
button#tarteaucitronAllDenied2,
button#tarteaucitronCloseAlert,
button#tarteaucitronPrivacyUrl {
	text-align: center;
}

@media screen and (max-width: 900px) {

	button#tarteaucitronCloseAlert,
	button#tarteaucitronPersonalize2,
	button#tarteaucitronAllDenied2,
	button#tarteaucitronPrivacyUrl {
		min-width: 150px;
		margin: 5px auto;
	}
}

#tarteaucitronIcon #tarteaucitronManager img {
	width: 30px;
	height: 30px;
}

/*--------------------------------------------------------------
# SKIP LINKS
--------------------------------------------------------------*/
/* Utile pour l'accessibilité : lien direct vers le contenu principal */
.skip-link {
	position: absolute;
	left: -9999px;
	padding: 0.5em 1em;
	background: #333;
	color: #fff;
	text-decoration: none;
}

.skip-link:focus {
	position: static;
}

/*--------------------------------------------------------------
# GUTENBERG
--------------------------------------------------------------*/
/* Grande largeur pour Gutenberg */
.content .alignwide {
	margin-left: calc(25% - 25vw);
	margin-right: calc(25% - 25vw);
}

/* Pleine largeur pour Gutenberg */
.content .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: auto;
}

.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
	width: 100vw;
}

.wp-block-cover.alignwide,
.wp-block-cover-image.alignwide {
	width: auto;
}

/* l'alignement grande largeur se comporte comme le pleine largeur en dessous de 768px */
@media screen and (max-width: 768px) {
	.content .alignwide {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}

/* ajustements block Gutenberg */
.content ul.blocks-gallery-grid,
.content ul.wp-block-gallery {
	margin-left: 0;
}

.content ul.wp-block-post-template,
.content ul.wp-block-query-loop {
	list-style: none;
}

.content figure.wp-block-gallery {
	margin-left: 0;
	margin-right: 0;
}

.wp-block-gallery.aligncenter {
	justify-content: center;
}

@media screen and (min-width: 601px) {
	.content .wp-block-media-text figure:not(:last-child) {
		margin-bottom: 0;
	}
}

/* Animation galerie Gutenberg */
.wp-block-gallery .wp-block-image a {
	transition: 0.5s all ease-in-out;
}
.wp-block-gallery .wp-block-image a::after {
	content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM184 296c0 13.3 10.7 24 24 24s24-10.7 24-24l0-64 64 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-64 0 0-64c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 64-64 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l64 0 0 64z'/></svg>");
	opacity: 0;
	transition: all 0.5s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 10000;
	position: absolute;
    top: calc(50% - 1rem);
    left: calc(50% - 1rem);
    height: 2rem;
    width: 2rem;
}
.wp-block-gallery .wp-block-image a:hover {
	transform: scale(1.05);
	filter: grayscale(1) contrast(1.2);
}
.wp-block-gallery .wp-block-image a:hover::after {
	opacity: 1;
}

/*--------------------------------------------------------------
# MEDIA QUERIES
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.topsocial {
		display: none;
	}
	.pres-text, .pres-img-container {
		width: 100%;
		padding: 0;
	}
	.pres-text {
		padding-bottom: 2rem;
	}
	.am-img-container, .am-text {
		margin: 0 0 30px;
	}
	.am-img-container, .am-text, .sav-text, .sav-img-container {
		width: 100%;
	}
}