/*
|===========================================================================================================
| app.css
|===========================================================================================================
| 
| ============
| TIPS & USAGE
| ============
| 
| 1. Next and indent your styles.
| 2. Keep styles organized (use headings, comments, and table of contents)
| 3. The name of your theme is placed as a class on the body tag.
| 4. Use that class to prefix and define all your styles within common containers so as not to override required styles in the header and footer.
| 5. The most common containers will be ".page" and ".feature" but you might have others in a unique template.
| 6. Do not use just ".webstats" because it will override the msu-header and msu-footer styles. You must target the inner page container.
| 7. For example, your css rules should be prefixed with ".webstats .page" or ".webstats .feature" and etc.
|
|
| =================
| TABLE OF CONTENTS
| =================
|
| #  Grid
| #  Type
| #  Adjustments to the Header
| #  Adjustments to the Menu
| #  Adjustments to the Footer
| #  Other Template Adjustments
| #  Buttons
|
*/




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Grid 
 */

.row, .row>*{
    --bs-gutter-x: 30px;
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
    --bs-gutter-x: 30px;
}
@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
	max-width: 1140px;
    }
}



/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Type 
 */

.webstats .page p {

}

.webstats .page h1 {

}

.webstats a {
   color: #96253c;
   text-decoration: none;
}




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Adjustments to the Header
 */

/* top menu */
header#msu-header .top-menu-row ul.menu.nav li.nav-item:first-child .nav-link,
header#msu-header .top-menu-row ul.menu.nav li.nav-item.space + li.nav-item .nav-link{
   border-top-left-radius: 25px;
   border-bottom-left-radius: 25px;
}
header#msu-header .top-menu-row ul.menu.nav li.nav-item:last-child .nav-link,
header#msu-header .top-menu-row ul.menu.nav li.nav-item.space .nav-link{
   border-top-right-radius: 25px;
   border-bottom-right-radius: 25px;
}

/* search bar */
header#msu-header .search .search-form .form-group button{
    background-color: #888;
    color: white;
    border-radius: 50%;
    width: calc(1.5em + .75rem + 2px);
    height: calc(1.5em + .75rem + 2px);
    padding: 0;
    margin-left: -17px;

    z-index: 1000;
}
header#msu-header .search .search-form .form-group input{
   padding-right: 17px;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
}



/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Adjustments to the Menu
 */

nav#main-menu.navbar ul.menu.nav.navbar-nav li.dropdown-item a{
   white-space: break-spaces;
}

nav#main-menu .menu a{
   text-decoration: none;
}




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Adjustments to the Footer
 */




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Other Template Adjustments
 */




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Forms
 */

.webstats .form-control{
   min-height: calc(1.5em + .75rem + 2px);
}




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Buttons
 */

.webstats .page .btn {

}

.webstats .page .btn-primary {

}
	.webstats .page .btn-primary:hover, 
	.webstats .page .btn-primary:focus, 
	.webstats .page .btn-primary:active, 
	.webstats .page .btn-primary.active, 
	.webstats .page .open > .dropdown-toggle.btn-primary {

	}


@media screen and (min-width:768px){
	.webstats .navbar{
		padding:0!important;
        }
	.navbar>.container, .navbar>.container-fluid {
		display:block;
        }
}

.webstats #mobile-nav .navbar{
	padding:0!important;
}
                
.webstats #mobile-nav .navbar-toggle{
	margin:.5em;
}
                
.webstats #collapsibleNavbar{
	color:white!important;
}
                
.webstats .mobile-menu{
	background-color:#000;
}
                
.webstats #mobile-menu .dropdown-menu{
	background-color:#222!important;
	padding:0;
	margin:0;
}
                
.webstats #mobile-menu .nav-link{
	color:#fff;
	padding-left:15px;
}
                
.webstats #mobile-menu .nav-link:hover{
	background-color:#555;
}
                
.webstats #mobile-menu .show .nav-link{
	background-color:#333;
}
                
.webstats #mobile-menu .dropdown-item{
	color:#eee;
}
                
.webstats #mobile-menu .dropdown-item:hover{
	background-color:#555!important;
}