/* Top Nav Styles */

#wholehead {
	 position: sticky;
	 top:0;
	 width:100%;
	 z-index: 1200;
}

 #banner {
	 background-color : #FFF;
   color: #333333;
   border-bottom: 1px solid #fff;
   border-top: 6px solid #FFCF44;
   padding:.5rem 1rem;
 }

 @media (min-width: 991px){
 #banner {
	 position: sticky;
	 z-index: 1040;
	 top:0;
	 left:0;
   }
 }


#topnavbar {
  z-index: 1025;
  box-shadow: 0 3px 4px 0 rgb(0 0 0 / 15%);
  background-color: #fff;
}

@media (min-width: 991px) {
	#topnavbar {
	 top: 76px;
 }
}


	 #topnavbar a {
   color: #5B1300;
   font-weight: 600;
	}

	#topnavbar a:hover {
		text-decoration: none;
		background-color: none;
		/*color: #96989a;*/
	}


 #topnavbar .nav-item {
	 padding-left:.7em;
	 padding-right:.7em;
}


#nav-content .active {
    color: #5B1300;
}

.dropdown .dropdown-menu {
	border: 0;
    border-radius: 0;
    border-top: 5px solid transparent;
	margin: 0 0 .5rem 0;
	}
	
 @media (min-width: 991px) {
.dropdown .dropdown-menu {
		box-shadow: 0 3px 4px 0 rgb(0 0 0 / 15%);
		padding-top:1rem;
}
}


/*	 @media (min-width: 991px) {
.dropdown .dropdown-menu {
			margin: .3rem 0 0 0;
			opacity: 0;
			transition:.5s ease all;
			visibility: hidden;
			}
}*/

/*		NO HOVER
li.nav-item.dropdown:hover > .dropdown-menu {
			display: block;
			visibility: visible;
			opacity: 1;
			transition:.5s ease all;
			box-shadow: 0 3px 4px 0 rgb(0 0 0 / 15%);
		}
*/

	
.dropdown-item {
		padding: .8rem 1.5rem;
	}

.give-tag {
    position: absolute;
    top: 0px;
    right: 30px;
    z-index: 1020;
}

/* Defining section backgrounds * --------------------------------------- */

 .logo, .second-logo {
	 margin-right: 20px;
	 margin-top: 10px;
	 margin-left: 13px;
   height: 2.25rem;
}
 .school {
	 font-size: 1.7rem;
   font-weight: 100;
}
 .logo {
	 max-width: 250px;
}

	 @media (max-width: 389px) {
	      .logo {
			margin-left: 10px;
	      }
	}

   @media (min-width: 578px) {
        .logo {
      margin-left: 19px;
       max-width: 400px;
       height: 2.5rem;
        }
   }
   @media (min-width: 991px) {
        .logo {
       max-width: 230px;
       height: 2.2rem;
        }
  	}

.second-logo {
  max-width: 400px;
  margin-left: 22px;
}

.second-logo-mobile {
  margin-left: 16px;
  max-width: 270px;
  height: 2.5rem;
}
@media (max-width: 389px) {
.second-logo-mobile {
	margin-left: 10px;
	max-width: 250px;
}
}
@media (min-width: 576px) {
.second-logo-mobile {
	margin-left: 21px;
	max-width: 350px;
}
}

 @media (min-width: 991px) {
	 .logo {
     max-width: 230px;
     height: 2.2rem;
	}
  .second-logo {
    max-width: 600px;
    height: 2.2rem;
 }
	 .school {
		 font-size: 2rem;
	}
}

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}
}

/*Side Nav */
.side-logo{
    width: 100%;
    height: auto;
}

.side-logo img{
    width: 90%;
    height: auto;
}

@media (min-width:576px) and (max-width:990px) {
    .side-logo img {
        width:45%;
    }
}

@media (min-width:991px) {
    .side-logo {
        border-top: 6px solid #235475;
        padding-top: .5rem;

    }
    
    .side-logo img {
        width:100%;
    }
}