/*********************/
/***** VARIABLES *****/
/*********************/
:root{
	--main-bg-color:#004663;
	--main-bg-color-alt:#003C56;
	--main-bg-color-shade-1:#18687A;
	--main-bg-color-shade-2:#428F9C;
	--main-bg-color-shade-3:#63AEB6;
	--font-color: #C4E1E4;/*#D8D5F1;*/
	--font-color-hover:#FFF;
	--font-color-section: #464646;
	--red-color:#D43537;
	--section-bg-color-even:#F9F9F9;
	--section-bg-color-odd:#F5F5F5;
}

/****************/
/***** BODY *****/
/****************/
body{
	font-family: 'Poppins', sans-serif;
	font-size: 95%;
	margin: 0;
	cursor: default;	
	background-color:var(--main-bg-color-alt);
}

a, a:hover{
	text-decoration: none;
}

/******************/
/***** HEADER *****/
/******************/
header, section, footer{
	text-align: center;
}

header{
	padding:200px 0;
}
header, footer{
	display: block;
	background-color: var(--main-bg-color);
}

/* #myname{
	margin-bottom: 30px;
} */
header div{
	font-size: 180%;
	/*margin: 0 5px;*/
	/*padding: 0 5px;*/
}

header div p{
	margin-bottom: 0;
}

#myname, #nav-items a, footer{
	color: var(--font-color);
}


header a:hover{
	color: var(--font-color-hover);
}

#myname{
	text-transform: uppercase;
	letter-spacing: 25px;
	text-align: center;	
}


header:hover .strong-letter{
	color:var(--font-color-hover);
}

/*header:hover .chg-letter{
	color:#d8d5f1;
}*/
/***** NAV *****/
#nav-initial-mt{
	height: 30px;
}
/* .active{
	background-color: var(--main-bg-color);
} */

/*nav a{
	padding: 0 25px;
}*/
#nav-items{
  z-index: 1;
	width: 100%;
	padding: 35px ;
	background-color: var(--main-bg-color-alt);
/*	transition-property: padding;
	transition-duration: .2s;*/
}

#nav-items a:hover{
	color:var(--font-color-hover);
	transition: .5s;
}

.navbar-brand a img{
	color: white;
}
/*******************/
/***** SECTION *****/
/*******************/

section{
	position: relative;
	display: block;
	padding: 100px;
	color: var(--font-color-section);
}

section:nth-child(even){
	background-color: var(--section-bg-color-even);
}
section:nth-child(odd){
	background-color: var(--section-bg-color-odd);
}

section h1{
	position: relative;
	margin-bottom: 100px;
}
section h2{
	position: relative;	
	margin-top: 100px;
}

.formation-items{
	padding-bottom: 15px;
}

.progress-bar-90{
	background-color: var(--main-bg-color-shade-1);
}
.progress-bar-60{
	background-color: var(--main-bg-color-shade-2);
}
.progress-bar-30{
	background-color: var(--main-bg-color-shade-3);
}

/***** CONTACT *****/
.clear-margin-bottom{
	margin-bottom: 0;
}

section h1>i{
	margin-right: 20px;
}

.btn-primary{
	background-color: var(--main-bg-color-alt);
	border-color: var(--main-bg-color-alt);
	color: #FFF;
}
.btn-primary:hover{
	background-color: #FFF;
	border-color: var(--main-bg-color-alt);
	color: var(--main-bg-color-alt);
}

.btn-primary:focus{
	background-color: var(--main-bg-color-shade-3);
	border-color: var(--main-bg-color-shade-3);
	color: #FFF;
	transform: translateY(4px);
}

input[type=text]:focus{
	border-color: var(--main-bg-color-shade-3);
}

.btn-primary:disabled{
	background-color: var(--main-bg-color-alt);
	border-color: var(--main-bg-color-alt);
	color: #FFF;
	cursor: not-allowed;
}
/******************/
/***** FOOTER *****/
/******************/

/***** ANCRE *****/
#fixed-anchor a{
	color: var(--font-color);
	position: fixed;
	bottom:50px;
	right:50px;	
	padding:20px 15px;
	background-color: var(--main-bg-color-alt);
	border-radius: 5%;
}

#fixed-anchor a:hover{
	color: #FFF;
	background-color: var(--main-bg-color);
	text-decoration: none;
}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}
/***************/
/** Dark-mode **/
/***************/
/* #dark-mode{
	position:absolute; 
	z-index:2000;
	top:15.3%; 
	right:0;
} */