/* @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Viaoda+Libre&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Elsie+Swash+Caps:wght@400;900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Lancelot&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

body {
	background-color: #05090d;
	color: #f6b59b;
	font-size: calc(16px + 0.390625vw);

	/* font-family: "Cinzel", serif; */
	font-weight: 400;
	font-style: normal;

	/* font-family: "Viaoda Libre", serif; */
	/* font-family: "Elsie Swash Caps", serif; */
	/* font-family: "Lancelot", serif; */

	/* font-family: "Cormorant Garamond", serif; */

	font-family: "Libre Baskerville", serif;
}

a {
	color: #f6b59b;
	text-decoration: none;
	transition: color 500ms ease;
}

a:hover {
	color: #ffdfd3; /*#f6b59b;*/
	transition: color 500ms ease;
}

button.dark {
	color: #000;
	text-decoration: none;
	transition: color 500ms ease;
}

button:hover.dark {
	color: #f6b59b;
	transition: color 500ms ease;
}

button.added {
	color: #fff;
	transition: all 1s ease;
}

#main-container {
	position: relative;
	min-height: 100vh;
}

#menu {
	background-color: rgba(17, 17, 17, 0.5);
	/* background-color: transparent; */
	position: fixed;
	top: 0;
	width: 100%;
	/* z-index: 1; */
	z-index: 1000;
	height: 4rem;
	text-shadow: 0 0 5px #0000007a;

	box-shadow: 0 0 20px #00000080;

	a {
		transition: text-shadow 500ms ease;
	}
	
	a:hover {
		/* text-shadow: 0 0 5px #a8a8a8; */
		/* color: #000; */
		text-shadow: 0 0 5px #0000008a;

		transition: text-shadow 500ms ease;
	}

	.login-icon {
		font-size: 60%;
		opacity: 50%;
	}

	.dropdown-menu {
		background-color: #18181810;
		/* color: #f6b59b; */
		color: #000;
	}
	
	.dropdown-item:hover {
		background-color: #18181810;
		/* color: #f6b59b; */
		color: #000;
	}

	transition: background-color 500ms ease;
}

#mainslide {
	-webkit-box-shadow: inset 0px 20px 25px 0px #000000; 
	box-shadow: inset 0px 20px 25px 0px #000000;
}

.slide-overlay {
	z-index: 1;
	padding-top: 10%;
}

#content {
	padding-bottom: 16rem;
}

.section a.btn-outline {
	padding: 0.75rem;
	font-size: 75%;
	border: 1px solid #f6b59b;
	border-radius: 0.375rem;
}

#footer {
	background-color: #111;
	color: #f6b59b9c;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 16rem;
	padding-top: 1rem;
	font-size: 65%;
	
	.copy {
		font-size: 65%;
	}

	a.lien {
		/* font-size: 65%; */
		color: #5f463d;
	}

	a.lien:hover {
		color: #f6b59b;
	}

	a.social {
		color: #f6b59b;
	}

	a.social:hover {
		color: #eee;
	}
}

p.small {
	font-size: 60%;
	font-weight: normal;
	font-style: italic;
}

.photo-border {
	color: #815f51;

	background: radial-gradient(#46321d, #05090d);
	border-color: #241c18;

	transition: all 1s ease;

	button {
		color: #815f51;
		text-decoration: none;
	}

	button:hover {
		color: #ebae95;
	}
}

.photo-border-selected {
	background: radial-gradient(#ff6021, #ffc437);
	/* background: radial-gradient(#ffc437, #ff6021); */
	/* background: radial-gradient(#f6b59b, #aa5938); */

	transition: all 1s ease;

	button {
		/* color: #000; */
		color: #482601;
		text-decoration: none;
	}

	button:hover {
		color: #733d02;
		/* color: #000; */
	}
}

.cart-card {
	color: #815f51;

	background: radial-gradient(#46321d, #05090d);
	border-color: #241c18;

	transition: all 1s ease;
	
	.list-group-item {
		background: #1e1813;
		color: #815f51;
		border-bottom-width: 0;

		a {
			color: #ea5959;
		}

		a:hover {
			color: #f00;
		}
	}

	.card-body {
		background: #1e1813;
	}
}

/* Reveal effect */
.reveal {
	opacity: 0;
	transform: translateY(3em);
}

.reveal.active {
	opacity: 1;
	transform: translateY(0em);
	transition: all 2s ease;
}

/* Image effect */
.image-container {
	/* width: auto; */
	/* height: auto; */
	overflow: hidden;
}

.image-container img {
	transition: transform 0.3s ease;
}

.image-container:hover img {
	transform: scale(1.1);
}

/* Menu modal */
.menu-modal {
	background-color: #181818;

	i {
		color: #f6b59b;
	}
}

#image {
    width: 75%;
}

/* Other */
.htitle {
    padding-top: 7rem;
    padding-bottom: 3rem;
}

.cart-notif {
    position: fixed;
    top: 18rem;
    right: 2rem;
    z-index: 1;

	a {
		color: #000;
	}
}

/* form-control */
.form-control {
	color: #f6b59b;
}

.form-control::placeholder {
	color: #666;
}

.form-control:focus {
	color: #f6b59b;
	box-shadow: 0 0 0 .25rem #f6b59b40;
}