/*
|===========================================================================================================
| 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 ".yourthemename" 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 ".yourthemename .page" or ".yourthemename .feature" and etc.
|
|
| =================
| TABLE OF CONTENTS
| =================
|
| #  Grid
| #  Type
| #  Adjustments to the Header
| #  Adjustments to the Menu
| #  Adjustments to the Footer
| #  Other Template Adjustments
| #  Forms
| #  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 
 */

.basearc .page p {

}

.basearc .page h1 {

}




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	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
 */




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Extra Elements / General Adjustments
 */
.basearc .divider{
   width: 100%;
   padding-top: 0.15rem;
   background-color: #6c757d;
   margin: 1.5rem 0rem;
   border-radius: 99px;
}
.basearc .labeledDivider{
   width: 100%;
   display: flex;
   align-items: center;
   margin-top: 2rem;
   margin-bottom: 1rem;
}
.basearc .labeledDivider .divider{
   width: 100%;
   padding-top: 0.25rem;
   border-radius: 99px;
   margin: 0;
}
.basearc .labeledDivider h1,
.basearc .labeledDivider h2,
.basearc .labeledDivider h3,
.basearc .labeledDivider h4,
.basearc .labeledDivider h5{
   margin: 0 1rem;
   text-align: center;

   min-width: fit-content;
}




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	General Element Adjustments
 */
.basearc pre{
   background-color: rgba(var(--bs-secondary-bg-rgb), 1);
   padding: 0.75rem;

   width: fit-content;
   max-width: 100%;
}




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Tables
 */
.basearc table{
   vertical-align: middle;
}




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

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




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

.basearc .page .btn {

}

.basearc .page .btn-primary {

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

	}


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

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




/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Computing Resources
 */
@media (max-width: 767px) {
   .basearc .page.CompDoc{
      padding-top: 0;
   }

   .basearc .page.CompDoc #sidemenu,
   .basearc .page.CompDoc #main{
      max-width: 100%;!important;
      width: 100%;!important;
   }
}
@media (min-width: 768px) {
   .basearc .page.CompDoc .container-fluid{
      display: flex;
   }

   
}

.basearc .CompDoc #sidemenu{
   max-width: 350px;
}
.basearc .CompDoc #main{
   max-width: calc(100% - 350px);
   padding-right: calc(var(--bs-gutter-x) * .5);
   padding-left: calc(var(--bs-gutter-x) * .5);
}

.basearc .CompDoc .container-fluid{
   max-width: 1400px;
   padding: 0;
}
.basearc .CompDoc .alert{
   display: flex;
   align-items: center;
   justify-content: center;
}
.basearc .CompDoc .alert .fas{
   margin-right: 1rem;
}


/** ----------------------
 * 	Side Menu
 */
.basearc #CompDocMenu{
   background-color: rgba(var(--bs-tertiary-bg-rgb), 1);
   border: 1px solid #6c757d;

   max-height: 100vh;
   overflow: auto;
}
.basearc #CompDocMenu-sm #CompDocMenu{
   border: none;
}
.basearc #CompDocMenu .container-fluid{
   padding-top: calc(var(--bs-gutter-x) * .5);
   padding-bottom: calc(var(--bs-gutter-x) * .5);
}

.basearc #CompDocMenu .divbar{
   width: 100%;
   padding-top: 1px;
   background-color: #6c757d;
   margin: 1rem 0rem;
}

.basearc #CompDocMenu .docMenuHeader{
   width: 100%;
   text-align: center;
   font-weight: bold;
}

.basearc #CompDocMenu .nav .nav-item .nav-link{
   padding: 0.75rem 0 0 calc(var(--bs-nav-link-padding-x) * 0.5);
   color: black;
}
.basearc #CompDocMenu .nav .nav-item.submenu ul{
   list-style-type: none;
   padding-left: 1.5rem;
}
.basearc #CompDocMenu .nav .nav-item.submenu ul .nav-link{
   padding-top: 0.5rem;
   padding-left: calc(var(--bs-nav-link-padding-x) * 0.5);
   display: block;
   line-height: 1.2;
}
.basearc #CompDocMenu .nav .submenu .nav-link.submenu-arrow{
   display: inline-block!important;
   padding-right: 0;
}
.basearc #CompDocMenu .nav .submenu .nav-link.submenu-title{
   display: inline-block!important;
   padding-left: 0;
}
.basearc #CompDocMenu .nav .submenu .nav-link.submenu-arrow.collapsed .fa-caret-down{
   display:none;
}
.basearc #CompDocMenu .nav .submenu .nav-link.submenu-arrow.collapsed .fa-caret-right{
   display:inline-block;
}
.basearc #CompDocMenu .nav .submenu .nav-link.submenu-arrow .fa-caret-down{
   display:inline-block;
}
.basearc #CompDocMenu .nav .submenu .nav-link.submenu-arrow .fa-caret-right{
   display:none;
}