/* Fichier: style_base.css */

:root {
	--color-primary: #121d3f;      
	--color-primary-hover: #121d3f;  
	--color-success: #7EBB43;       
	--color-danger: #FF4D83;      
	--color-bg-light: #f8f9fa;      
	--color-bg-white: #ffffff;     
	--color-text-dark: #333333;     
	--color-text-light: #777777;    
	--color-text-yellow: #FFB714; 

	--bg-color:#121D3F; /*Nathan*/
 }

header {
	background-color: var(--bg-color);
}
.navbar-nav a {
	color: var(--color-bg-white);
}
.navbar-nav a:hover {
	color: var(--color-danger);
}
.nav-item a {
	margin-left: 2vw;
	margin-right: 2vw;
}

/*Card créée*/

.card-new {
	background: var(--color-bg-white);
	position: relative;
	top: 0;
	width: 300px !important;
	border-radius: 2px;
	transition: all 0.2s ease-in-out 0s;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.card-new:hover {
	box-shadow: 0 6px 40px rgba(0, 0, 0, 0.2);
	top: -4px;
}
.card-new .card-entete {
	position: relative;
	width: 100%;
}
.card-new .card-entete .event {
	height: 225px;
	border-radius: 2px 2px 0 0;
	background-size: cover;
	background-position: center;
	/*background-image: url('../images/events/');*/
	background-color: var(--color-primary);
}
.card-new .card-entete .event:after {
	content: "";
	background: linear-gradient(
		top,
		rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0.35) 100%
	);
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	bottom: 0;
}
.card-new .card-entete span {
	font-size: 12px;
	color: var(--color-bg-white);
	z-index: 0;
	position: absolute;
	width: 110px;
	text-align: center;
	bottom: 0;
	left: 0;
	padding: 4px 0px;
	z-index: 1;
	background: #2e2e2e;
}
.card-new .card-entete span.entertainment {
	background: var(--color-danger);
}
.card-new .card-n-body {
	padding: 14px;
}
.card-new .card-n-body .title {
	font-size: 24px;
	font-weight: 700;
	color: var(--color-bg-white);
	line-height: 1.1;
	height: 2.2em;
	overflow: hidden;

}
.card-n-body {
	background-color: var(--color-primary);
}
.card-new .card-n-body .title:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 76px;
	right: 0;
	width: 40%;
	height: 1em;
}
.card-new .card-n-body .details span {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}
.card-new .card-n-body .details span .location,
.card-new .card-n-body .details span .date {
	font-size: 12px;
	font-weight: 400;
	color: var(--color-bg-white);
	margin-left: 6px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.card-new .card-n-body .details span .fa {
	font-weight: 700;
	font-size: 1.125em;
	color: #2e2e2e;
	margin-left: 14px;
	z-index: 100;
	transition: all 0.15s ease-in-out 0s;
}
.card-new .card-n-body .details span .fa:hover {
	transform: scale(1.5, 1.5);
}
.card-new .card-n-body .details span .fa.favorite {
	color: #ff4b53;
}