/* main colors

 #fbf583 - yellow
 #8eb620 - light green
 #27491a - dark green

*/

footer{
    background-color: #27491a;
}

.footer-gradient{
	background: linear-gradient(to bottom, #00000000 0, #000000 60%);;
}

.footer-grass{
    background-image: url('/medias/general/footer_grass.png')
}

body {
	/* background: linear-gradient(-45deg, #fbf583, #e5dd41, #ecd46b); */

	background-color:#e5dd41;
    background-attachment: fixed;
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
	font-family: 'Times New Roman', Times, serif;
	color: #27491a
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.custom-dark-gradient{
    background-image: linear-gradient(to bottom, #00000000 0%, #0000003c 15%, #00000000 85%);
}

.custom-dark-card{
    background-color: #0000003c;
}

.custom-dark-card-auth{
    background-color: #000000ad;
}


.custom-navbar-dark{
    background-color: #00000062;
}

.custom-table-head{
	background-color: #8eb620;
	color: #000000;
}




.custom-active-link{
    color: chartreuse;
}

/* Example for Bootstrap 5, targeting screens smaller than 992px (lg breakpoint) */
@media (max-width: 992px) {
  	.navbar {
    	background-color: #000000; /* Dark gray background for the collapsed menu */
	}

	.navbar-toggler{
		color: chartreuse
	}

	.navbar-toggler-icon{
		color: chartreuse
	}

}