/*
*********************************************************
NAVBAR - Minor
*********************************************************
*/

/* 
NEVER MOBILE
navbar-expand
There also may be use cases where you never want to use the vertical mobile menu and have the Navbar remain horizontal. For this case we simply add the navbar-expand class so that the Navbar doesn't collapse.

ALWAYS MOBILE
simply remove the navbar-expand-* class to prevent it from ever showing the horizontal desktop view. In this way our Navbar will always be collapsed into the vertical mobile layout.
*/

@media (min-width: 1200px) /* navbar-expand-xl */ {
}

@media (min-width: 992px) /* navbar-expand-lg */ {
}





.bg-Minor {
	transition: 1000ms ease;
	/*background-color: rgba(var(--color1raw), .6);*/
	background-color: var(--MinorNavBgColor, #474747);
  	height: 70px;
	color: var(--MinorNavFontColor, #eeeeee);
}
.bg-Minor.scrolled {
	color: var(--MinorNavFontColor, #eeeeee);
	/*background-color: rgba(var(--color1raw), .9);*/
	background-color: var(--MinorNavBgColor, #222222);
	height: auto;
}


.bg-Minor .social ul.list-inline.social-icons {
/* TRANSITION */
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
/* TRANSFORM */
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    -moz-transform: scale(1);
    transform: scale(1);   
}
.bg-Minor.scrolled .social ul.list-inline.social-icons {
/* TRANSITION TO*/
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
/* TRANSFORM TO*/
	-webkit-transform: scale(0.75);
	-ms-transform: scale(0.75);   
	-moz-transform: scale(0.75);
	transform: scale(0.75);	
	
}



@media (min-width: 768px) /* navbar-expand-md */ {

ul#minorMenuID {
font-size: 80%;
}

ul#minorMenuID.minor.navbar-nav {
margin: 0px;
}

ul#minorMenuID.minor.navbar-nav > li.nav-item {
margin: 0px;
padding: 0 0.4rem;
}


/* onDark */
.navbar-dark ul#minorMenuID.minor.navbar-nav > li.nav-item a {
padding: 0px;
color: var(--MinorNavFontColor, #eeeeee) !important;
}
.navbar-dark ul#minorMenuID.minor.navbar-nav > li.nav-item a:hover {
padding: 0px;
color: white !important;

}


/* onLight */
.navbar-light ul#minorMenuID.minor.navbar-nav > li.nav-item a {
padding: 0px;
color: var(--MinorNavFontColor, #666666) !important;
}
.navbar-light ul#minorMenuID.minor.navbar-nav > li.nav-item a:hover {
padding: 0px;
color: var(--color1xl, #787878) !important;
}



}








@media (min-width: 576px) /* navbar-expand-sm */ {

#header .social ul.list-inline.social-icons {
/*background-color: red !important;
color: red !important;*/
font-size: 1.75rem !important;
/* TRANSITION */
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
/* TRANSFORM 
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    -moz-transform: scale(1);
    transform: scale(1);   
*/
}

}








#header .social ul.list-inline.social-icons .list-inline-item {
	/*background-color: gray !important;
	color: blue !important;*/
	padding: 0 2px;
	margin: 0 0px;
/* TRANSITION TO*/
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
/* TRANSFORM TO
	-webkit-transform: scale(0.75);
	-ms-transform: scale(0.75);   
	-moz-transform: scale(0.75);
	transform: scale(0.75);	
*/
}