/*bootstrap_mega_menu.css*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
body {
  font-family: 'Open Sans', 'sans-serif';
  background: #f0f0f0;
  background: #F9F4E5;
  /*background: url(https://pcbx.us/bfjb.jpg);*/
  /*background: url(/_images/website/menus/bfjb.jpg);*/
}

/*Added 2023-03-03 per SiteImprove*/
p {
	line-height: 1.5;
}

.mega-dropdown-menu h1,
.mega-dropdown-menu .h1 {
  font-size: 36px;
  text-align: center;
  font-size: 5em;
  color: #404041;
}
.navbar-nav>li {
  border-right: 1px solid #e8e7e7; /*Light - for light colored menu*/
  border-right: 1px solid #2b334c; /*Dark - for dark blue menu*/
}
.navbar-nav>li:first-child {
  border-left: 1px solid #e8e7e7; /*Light - for light colored menu*/
  border-left: 1px solid #2b334c; /*Dark - for dark blue menu*/
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-nav>li>.open a {
  background-color:gold;
}

.navbar-default .navbar-nav>li>a {
  width: 200px;
  font-weight: bold;
  color: #fff;		/*Added 11-12-2018*/
}

.mega-dropdown {
  position: static !important;
  width: 100%;
  background: #ddb307;
}
@media (min-width: 768px) {
.mega-dropdown {
  width: 20%; /*CSF Added - so I can add multiple menus*/
}
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  left: 285px;
  z-index: 10;
}

.mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  left: 283px;
  z-index: 8;
}

.mega-arrow-1:before {
  left: 3%;
}

.mega-arrow-1:after {
  left: 2.8%;
}

.mega-arrow-2:before {
  left: 23%;
}

.mega-arrow-2:after {
  left: 22.8%;
}
.mega-arrow-3:before {
  left: 43%;
}

.mega-arrow-3:after {
  left: 42.8%;
}
.mega-arrow-4:before {
  left: 63%;
}

.mega-arrow-4:after {
  left: 62.8%;
}
.mega-arrow-5:before {
  left: 83%;
}

.mega-arrow-5:after {
  left: 82.8%;
}
.mega-dropdown-menu > li > ul,.mega-dropdown-menu > ul > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li,.mega-dropdown-menu > ul > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  color: #555;
  white-space: normal;
  font-size: 1.2em;		/*Added 11-12-2018*/
  margin-left: -0.8em;	/*Added 11-12-2018*/
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #428bca;
  color: #335379;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}





/*CSF Overrides and Adjustments*/

.navbar-nav>li>.dropdown-menu  {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow:hidden;
  box-shadow: 0px 2px 15px 0px #888888;
  border-top: 3px solid #daaa00;
}

.mega-dropdown-menu:before,
.mega-dropdown-menu:after {	
  display:none;					/*Removes the pointy arrow graphic between the horizontal menu and drop-down menu*/
}

.dropdown-menu {
  /* background-color: rgb(226, 237, 249); */
}

.navbar-default .navbar-nav>li>a {
  width:100%;
}

@media (min-width: 768px) {
.navbar-nav {
  width:100%;
}
}

@media (max-width: 768px) {
.nav_fixed {
  position:relative;
}
}

@media (max-width: 1200px) {
.menu-overflow {
  display:none;
}
}

@media (max-width: 768px) {
.mega-dropdown-menu {
  background: #fff;
}
}
.mega-dropdown-menu .menu-watermark-housing,
.menu-watermark-dining,
.menu-watermark-amenities,
.menu-watermark-academics,
.menu-watermark-aboutus {
  position:absolute;
  width:100%;
  height:110%; /*Guarantee full coverage*/
  background-color:red;
  margin-top:-10px;
  opacity: .04;
  
  height:100%;
  top:0;
  margin-top:0;
}

	/*Watermark Graphics for each dropdown menu*/
a.dropdown-toggle {
    z-index: 10;
}
.navbar-nav {
    margin: 0px -16px;	/*This is an override to work with watermark, etc.*/
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background: linear-gradient(to bottom,#728099 0,#1a3e68 9%,#1a3e68 96%,#000 100%);
	color: #fff;
}
.mega-dropdown-menu .menu-watermark-housing {
  background: url(/_images/buildings/slide_shows/alder1.jpg);
  background-size: cover;
  background-position-y: 10%;
  opacity: .06;
}
.menu-watermark-dining {
  background: url(/_images/buildings/slide_shows/alder1.jpg);
}
.menu-watermark-amenities {
  background: url(/_images/buildings/slide_shows/alder1.jpg);
}
.menu-watermark-academics {
  background: url(/_images/buildings/slide_shows/alder1.jpg);
}
.menu-watermark-aboutus {
  background: url(/_images/buildings/slide_shows/alder1.jpg);
}
/* ---- */

	/*Adjust the mobile sandwich icon*/
.navbar-default .navbar-toggle {
  float:left;
  margin-left:15px;
  background-color:#ddb307;
  
}
.navbar-default .navbar-toggle .icon-bar {
  background-color:#1a3e68;
}

	/*Adding mobile buttons*/
.navbar-mobilebuttons-outer {
  float:right;
  margin-right: 1em;
  width: 70%;						/*Go back and do this right: use Bootstrap Grid System!*/
}
.navbar-mobilebuttons {
  float: left;
  border: 1px solid white;
  border-radius: 4px;
  background-color: transparent;
  margin-top: 8px;
}
.navbar-mobilebuttons a {
  float: left;
  padding-top: 3px;
  padding-bottom: 4px;
/*padding-left: 2em;
  padding-right: 2em; */
  font-size: 1.3em;
  font-weight: bold;
  color: #ddb307;
  border-bottom:0;
  text-decoration:none;
  width:100%;
  text-align:center;
}

/*New on 2019-03-19*/
.navbar-mobilebuttons-outer {
	float: inherit;
	width: auto;
	margin-right: reset;
}

/*New on 2019-03-19*/
.navbar-mobilebuttons {
	/*padding-left: 3%;*/
	/*padding-right: 3%;*/
	margin-left: 3%;
	border: 0px none;
}
/*New on 2019-03-19*/
.navbar-mobilebuttons a {
	border: 1px solid white;
    border-radius: 4px;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1.1em;
    padding-top: 6px;
    padding-bottom: 6px;}

	/*Replaced with above labeled "new" on 2019-03-19*/
	.xxnavbar-mobilebuttons:first-child {
	  width:37%;						/*Go back and do this right: use Bootstrap Grid System!*/
	  margin-right:3%;					/*Go back and do this right: use Bootstrap Grid System!*/
	}
	.xxnavbar-mobilebuttons:last-child {
	  width: 60%;						/*Go back and do this right: use Bootstrap Grid System!*/
	}

.navbar-mobilebuttons a:hover,
.navbar-mobilebuttons a:focus {
  color: #1a3e68;
  background-color:#ddd;
}


	/*Experimenting with new <div> to solve mobile gradient expand... so far this is worthless... 2/9/2017 */
.navbar-gradient {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	
	background: #1A3E68; /* Old browsers */

	/*Blue Gradient*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#728099+0,1a3e68+9,1a3e68+96,000000+100 */
	background: #728099; /* Old browsers */
	background: -moz-linear-gradient(top,  #728099 0%, #1a3e68 9%, #1a3e68 96%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #728099 0%,#1a3e68 9%,#1a3e68 96%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #728099 0%,#1a3e68 9%,#1a3e68 96%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#728099', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/* ---- */


	/*Adjusting left column header above and and button link below the photo scroller*/
/*
.mega-dropdown ul li:first-child ul li.dropdown-header,
.mega-dropdown-menu .dropdown-header:first-child {
*/
.mega-dropdown ul li:nth-child(2) ul li.dropdown-header {		/*Updated 11-12-2018*/
	padding-left:0em;
	font-size: 2em;
}
.mega-dropdown-menu a:last-child {
	padding-left:2em;
	/* border: 1px solid #d2cbcb; */							/*Updated 11-12-2018*/
	border-radius: 10px;
}
.mega-dropdown ul li:first-child ul li a:hover,
.mega-dropdown ul li:first-child ul li:last-child a:focus {
	background-color: #daaa00;
}


/*Override Bootstrap Min CSS - CSF*/

/*CSF Added 2019-03-13 ## adjusting right-left placement of menu for on-screen display*/
@media (min-width: 768px) {
	.navbar-collapse {
	  padding-left: 0em; /*CSF Added - adjusting right-left placement of menu for on-screen display*/
	  padding-right: 0em; /*CSF Added - adjusting right-left placement of menu for on-screen display*/
	}
	.navbar-nav {
		margin: 0em; /*CSF Added - adjusting right-left placement of menu for on-screen display*/
	}
	#header #logo_wrapper a img {
		margin-left: -0.5em;
	}
}

/*CSF Added 2019-03-13 ## adjusting look and spacing of mobile menu when expanded to improve readability*/
@media (max-width: 768px) {
	.dropdown-header {
	  margin-left: -0.25em;
	  border-top: 1px solid #e5e5e5;
	  padding-top: 1em !important;
	  margin-top: 1em;
	  white-space: inherit;
	}
	.divider {
		display: none;
	}
	.carousel {
		margin-bottom: 2em;
		border-bottom: 1px solid;
}