/* ==========================================================================
   POLICES : EXCON
   ========================================================================== */

/* Excon Bold (700) */
@font-face {
	font-family: 'Excon';
	src: url('../fonts/Excon-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Excon Black (900) */
@font-face {
	font-family: 'Excon';
	src: url('../fonts/Excon-Black.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}


/* ==========================================================================
   POLICES : RANADE
   ========================================================================== */

/* Ranade Regular (400) */
@font-face {
	font-family: 'Ranade';
	src: url('../fonts/Ranade-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Ranade Italic (400 Italic) */
@font-face {
	font-family: 'Ranade';
	src: url('../fonts/Ranade-Italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

/* Ranade Bold (700) */
@font-face {
	font-family: 'Ranade';
	src: url('../fonts/Ranade-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--easing: cubic-bezier(.52,.01,.28,.97);
	--vert-prairie: #6d8c2c;
	--vert-clair: #b7dd67;
	--orange-potiron: #be6516;
	--marron-terre: #643414;
	--rouge-tomate: #ac3f22;
	--bleu-ciel: #9BCBEC;
}

#top-scroll-arrow {
	animation: scroll-arrow 1.618s var(--easing) infinite;
}

@keyframes scroll-arrow {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(25px);
	}
	100% {
		transform: translateY(0px);
	}
}

.rounded, .el-image {
	border-radius: 10px !important;
}

#grid-produits img {
	border-radius: 0px !important;
}

.djpopup-popup .uk-modal-dialog {
	border-radius: 15px !important;
	overflow: hidden;
}

#poule-audio {
	opacity: 0;
}

@media screen and (max-width: 1100px) {
	.djpopup-popup .uk-modal-dialog {
		width: 75% !important;
		min-width: 75% !important;
	}
}

@media screen and (max-width: 600px) {
	.djpopup-popup .uk-modal-dialog {
		width: 95% !important;
		min-width: 95% !important;
	}
}

.uk-modal-body {
	padding: 40px 40px;
}

.product-tag {
	background: var(--marron-terre);
	padding: 5px 15px;
	border-radius: 10px;
	max-width: max-content;
	color: white;
}

.white-text, .white-text * {
	color: white;
}

.section-producteur > div.uk-container {
	position: relative;
}

.uk-container-xlarge {
	position: sticky;
	bottom: 20px;
	right: 5vw;
	z-index: 10;
	/* width: 100%; */
}

.producteur-contact > div {
	display: flex;
	justify-content: flex-end;
}

.producteur-contact .producteur-contact-text {
	width: max-content;
	padding: 15px 35px;
	background: var(--vert-prairie);
	border-radius: 20px;
	font-weight: bold;
}

.producteur-contact .producteur-contact-text p * {
	color: white !important;
}

#mot-producteur p {
	margin-left: 40px;
	position: relative;
	z-index: 2;
}

#open-guillemet {
	margin-bottom: -50px;
}

#close-guillemet {
	margin-top: -50px;
}

#open-guillemet,
#close-guillemet {
	z-index: 0;
}

.in-text-quotes {
	width: 25px;
}

@media screen and (max-width: 600px) {
	#mot-producteur p {
		margin-left: 15px;
	}

	#open-guillemet {
		margin-bottom: 0px;
	}

	#close-guillemet {
		margin-top: 0px;
	}
}

#tm-dialog-mobile .uk-modal-dialog {
	background-image: url('/images/decorations/logo-shapes-light.png');
	background-position: 50%;
	background-size: cover;
}

#tm-dialog-mobile .uk-modal-dialog ul.uk-nav li {
	width: 100%;
	display: flex;
	justify-content: center;
}

/* Logo on mobile header */
.hidden-logo {
	animation: hide-logo 0.618s ease-in-out forwards;
}

.shown-logo {
	animation: show-logo 0.618s ease-in-out forwards;
}

.tm-header-mobile .uk-navbar .uk-logo img {
	opacity: 0;
}

@keyframes hide-logo {
	from {}
	to { opacity: 0; }
}

@keyframes show-logo {
	from {}
	to { opacity: 1; }
}

/* Couleur titre popup produit */
.popup-produits h2 {
	color: var(--bleu-ciel) !important;
}

/* Border radius for tiles */
.uk-tile, .uk-tile-default {
	border-radius: 10px;
}

/* #producteurs-section > .uk-container {
	position: relative;
}

#search-bar {
	position: sticky;
	bottom: 15px;
} */