/*
* Projet 		: APP INSCRIPTIONS
* Client		: LES AIGLONS D'ORIENT 
* Prestataire	: Studio Titan
* (c) 2021, juin
*/

.navbar-collapse {
	position: unset !important;
	flex-basis : auto !important;
}

/* collapse show */

.main-header .bg-light {
	background-color: #fff !important;
}

.navbar-light .navbar-toggler {
	border-color: transparent;
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 0.1em;
}

.collapsing, .collapse.show {
	background-color: #4a4a4a;
}

.collapsing .navbar-nav.mainmenu li a, .collapse.show .navbar-nav.mainmenu li a {
	color: #fff;
}

.collapsing .navbar-nav.mainmenu li:last-child, .collapse.show .navbar-nav.mainmenu li:last-child {
	background-color: #5c4690;
	padding: 0px 12px;
	border-radius: 0px;
}


/* collapse */



/* expanded */

.navbar-nav.menusocial li a img {
	width: 40px;
	max-width: none;
}

.anim {
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;	
	transition: all 500ms ease;
}

.navbar img#logo_img {
	width: 80px;	
}

.navbar-nav li a {
	color: #5c4690;
	font-size: 1rem;
	font-weight: 600;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;	
	transition: all 500ms ease;
}

.navbar-nav li:hover a {
	color: #d72128;
	text-decoration: none;
}

.mainmenu li {
	padding: 0px 12px;		
	line-height: 40px;
}

.mainmenu li:last-child {
	background-color: #5c4690;
	padding: 0px 12px;
	border-radius: 10px;
}

.mainmenu li:last-child a {
	color: #fff;
}

.mainmenu li:last-child:hover {
	background-color: #d72128;
}

.navbar ul {
    list-style: none;
    display: flex;
    margin-bottom: 0;
	text-transform: uppercase;
}

.navbar-nav.menusocial  {
	flex-direction: row;
}

@media only screen and (min-width: 576px) { /* x-small */
	.navbar-nav.menusocial  {
		/* flex-direction: row; */
		flex: 1;
		justify-content: flex-end;
	}
}

@media only screen and (max-width: 1605px) {
	
	.navbar-collapse {
		position: absolute;
		z-index: 100;
		top: 90px;
		left: 0;
		width: 100%;
	}
	
	.navbar-nav.menusocial li a img {
		width: 38px;
		max-width: none;
	}
}

@media only screen and (min-width: 1360px){
    
	.navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}