:root {
	--first-color: white;
	--second-color: #203e5f;
	--third-color: #f6f5f5;
	--fourth-color: #febc21;
	--white-color: #ececec;
	--black-color: #000;
	/* --bs-body-font-family: Brush Script MT; */
	/* --bs-body-font-family: Arial; */
	--bs-body-font-family: "Roboto", sans-serif !important;

	--navbar-height: 6rem;
}


.display-none {
	display: none;
}

.module-title {
	font-family: "Anton" , sans-serif !important;
	font-weight: 400;
	font-style: normal;
}


/* COLORS */
.first-color { 
	color: var(--first-color) !important;
}
	
.second-color { 
	color: var(--second-color) !important;
}

.third-color { 
	color: var(--third-color) !important;
}

.fourth-color { 
	color: var(--fourth-color) !important;
}

.white-color {
	color: var(--white-color) !important;
}

.black-color {
	color: var(--black-color) !important;
}



/* BACKGROUND COLORS */
.first-background-color { 
	background-color: var(--first-color) !important;
}
	
.second-background-color { 
	background-color: var(--second-color) !important;
}

.third-background-color { 
	background-color: var(--third-color) !important;
}

.fourth-background-color { 
	background-color: var(--fourth-color) !important;
}

.white-background-color { 
	background-color:  var(--white-color) !important;
}

.black-background-color { 
	background-color: var(--black-color) !important;
}



/* HR */
.hr-first-background-color {
	background-color: var(--first-color);
	opacity: 0.80;
	height: 2px !important;
}



/* FONT */
.ftz-12 {font-size: 12px;}
.ftz-15 {font-size: 15px;}
.ftz-18 {font-size: 18px;}
.ftz-20 {font-size: 20px;}
.ftz-24 {font-size: 24px;}
.ftz-30 {font-size: 30px;}
.ftz-50 {font-size: 45px;}
.ftz-75 {font-size: 75px;}

.ftz-2vh {font-size: 2vh;}
.ftz-25vh {font-size: 2.5vh;}
.ftz-3vh {font-size: 3vh;}
.ftz-4vh {font-size: 4vh;}
.ftz-5vh {font-size: 5vh;}


.ftw-100 {font-weight: 100;}
.ftw-300 {font-weight: 300;}
.ftw-500 {font-weight: 500;}
.ftw-700 {font-weight: 700;}
.ftw-900 {font-weight: 900;}

.ft-italic {
	font-style: italic;
}

.text-justify {
    text-align: justify;
}



/* MODALS */
.modal-header {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}


/* NAVBAR */
.nav .nav-link.active {
	background-color: var(--black-color);
}

.nav-pills .nav-link {
	border-radius: 0px;
}

.my-navbar {
	height: var(--navbar-height);
	/* border-bottom: 2px solid var(--black-color); */
}

.factis-navbar{
	height: var(--navbar-height);
}

.nav-item,
.dropdown-menu {
	background-color: var(--first-color);
}

.accordion-button:not(.collapsed) {
	color: var(--first-color);
	background-color: var(--white-color);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}



/* MARGIN */
.mt-6 {margin-top: 6rem !important;}
.mb-6 {margin-bottom: 6rem !important;}
.my-6{
	margin-top: 6rem !important;
	margin-bottom: 6rem !important;
}

.mt-7 {margin-top: 8rem !important;}
.mb-7 {margin-bottom: 8rem !important;}
.my-7 {
	margin-top: 8rem !important;
	margin-bottom: 8rem !important;
}


.mt-8 {margin-top: 10rem !important;}
.mb-8 {margin-bottom: 10rem !important;}
.my-8 {
	margin-top: 10rem !important;
	margin-bottom: 10rem !important;
}




.img-thumb {
	height: 15vh; 
	object-fit: cover;
}



.navbar-logo-img {
	width: 50px;
	height: auto;
	margin-left: 25%;
	opacity: 1;
}


@media (min-width: 0px) { 
	.ftz-p {
		font-size: 18px;
	}
}

@media (min-width: 991px) { 
	.ftz-p {
		font-size: 20px;
	}
}

@media (min-width: 1200px) { 
	.ftz-p {
		font-size: 22px;
	}
}

@media (min-width: 1400px) { 
	.ftz-p {
		font-size: 24px;
	}
}




@media (min-width: 0px) { 
	.works-grid-carre {
		height: 200px;
		object-fit: cover;
	}
}

@media (min-width: 991px) { 
	.works-grid-carre {
		height: 350px;
		object-fit: cover;
	}
}

@media (min-width: 1200px) { 
	.works-grid-carre {
		height: 400px;
		object-fit: cover;
	}
}

/* 
X-Small 			None 	<576px
Small 				sm 		≥576px
Medium 				md 		≥768px
Large 				lg 		≥992px
Extra large 		xl 		≥1200px
Extra extra large 	xxl 	≥1400px 
*/