:root {
  --noir-color: #C9A227;
  --sang-color: #0B0B0D;
  --gold2-color: #BA274A;
  --gold-color: #1F1F1F;
  --blanc-color: #F5F5F5;
  --bleu-color: #A4161A;
}
body {background-color: var(--gold-color);color: var(--blanc-color);}
h1 {color: var(--gold2-color);}
h2 {color: var(--gold2-color);}
.navbar-toggler {width: 20px; height: 20px; position: relative; transition: .5s ease-in-out;}
.navbar-toggler,
.navbar-toggler :focus,
.navbar-toggler :active,
.navbar-toggler-icon:focus {outline: none; box-shadow: none; border: 0;}
.navbar-toggler span{ margin:0; padding: 0;}
.toggler-icon {
	display: block; 
	position: absolute;
	height: 3px;width: 100%; 
	background: var(--gold2-color);
	border-radius: 1px;
	opacity: 1;left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}
.middle-bar{margin-top: 0;}
.navbar-toggler .top-bar{margin-top: 0; transform: rotate(135deg);}
.navbar-toggler .middle-bar{opacity: 0; filter: alpha(opacity=0);}
.navbar-toggler .bottom-bar{margin-top: 0; transform: rotate(-135deg);}
.navbar-toggler.collapsed .top-bar{margin-top: -20px; transform: rotate(0deg);}
.navbar-toggler.collapsed .middle-bar{opacity: 1; filter: alpha(opacity=100);}
.navbar-toggler.collapsed .bottom-bar{margin-top: 20px; transform: rotate(0deg);}
.nav-link {
	font-family: "Cormorant Garamond";
	color: var(--gold2-color) !important;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 20px !important;
}
.nav-link:hover {
	color: var(--blanc-color) !important;
}
.bg-dark {background-color: var(--gold-color)!important;}
.body_carla2{
	background-color: var(--sang-color);
	color: var(--blanc-color);
}
.header {background-color: var(--blanc-color);  width: 100%; position: fixed; top: 0; height: 80px;z-index: 999999999;}
.main_carla {margin-top: 80px;}
.menu-width-item {width: 13%; text-align: center; }
.menu-width-item-extended{width: 13%;text-align: center;overflow-x: visible;margin-top: 15px;}
.p_temoignage {color: var(--gold2-color);}
.carla_btn {max-width: 100%;}
.btn-gold {
	background: linear-gradient(to bottom, var(--blanc-color) 90%, var(--gold-color) 100%);
	padding: 10px 20px;
	border-radius: 5px;
	border:none;
	cursor: pointer;
	font-weight: bold;
	color: var(--gold2-color) !important;
	border-color: var(--gold2-color) !important;
	border:solid;
	border-width: 1px;
}
.btn-gold:hover {
	background: linear-gradient(to bottom, var(--gold-color) 0%, var(--blanc-color) 10%);
	color: var(--gold2-color) !important;
}
.btn-sang {
	background: linear-gradient(to bottom, var(--noir-color) 0%, var(--gold2-color) 10%);
	color: var(--blanc-color);
	border-color: var(--noir-color);
	padding: 10px 20px;
	border-radius: 5px;
	border:solid;
	border-width: 1px;
	cursor: pointer;
	font-weight: bold;
}
.btn-sang:hover {
	background: linear-gradient(to bottom, var(--gold2-color) 0%, var(--noir-color) 100%);
	color: var(--blanc-color);
}
.bg-candel{
		background-color: #ffffff;
		background-image: url(/sites/aline/img/tarot_bg_2.webp);
		background-repeat: repeat-y;
  		background-size: cover;
		background-position: center;		
		color: white;
		width: 100%;
		min-height: 110vh;		
		left: 0;
		position: absolute;	
}
.footer {margin-top: 50px; background-color: var(--noir-color); position: relative; }
.footer_link {color:#FFFFFF;}
.footer_link:hover {color:#FFFFFF;text-decoration: underline;}
.product-link{
	text-align: center;
	font-weight: bold;
	background: linear-gradient(to bottom, var(--noir-color) 0%, var(--bleu-color) 30%);
	color: var(--blanc-color);
	padding: 10px;
	border: solid;
	border-width: 1px;
	padding: 20px 50px;
	border-radius: 10px;
	text-transform: uppercase;
}
.product-link:hover{
	background: linear-gradient(to bottom, var(--bleu-color) 50%, var(--noir-color) 100%);
	color: var(--blanc-color);
}
.mobile_only {display: none;}
.msg_cotainer{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
	border-radius: 25px;
	background-color: var(--gold2-color);
	color: var(--noir-color);
	padding: 10px;
	position: relative;
}
.msg_cotainer_send{
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
	border-radius: 25px;
	background-color: var(--sang-color);
	padding: 10px;
	position: relative;
}
@media (max-width: 768px)  {
	.menu-width-item {width: 13%; text-align: left; margin-top: 15px;}
	.menu-width-item-extended{width: 30%;text-align: left;overflow-x: visible;margin-top: 15px;}
	.carla_btn {max-width: 200px;}
	.desktop_only {display: none;}
	.mobile_only {display: block;}
}