/********* VERSION 0.2.3 *********/
/***** LAST UPDATED 06-21-21 *****/


/* 06-21-21 Updating from grey to #58595b */



/* NEW MENU SYSTEM */


/* .bg-mobile-menu {
	margin: 0 auto;
	width: 100%;   
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 1;
	  transform: scale3d(0.7, 1, 1);
	transition: transform 0.4s, opacity 0.4s;
	border: none;
transition: all 0.25s ease;
	padding: 0;
	line-height: 0;
transform: translate3d(0, 0, 0);
	opacity: 1;
} */
.header-college {
	background-color: #BF311A;
}

.close {
	margin-right: 20px;
}
.navbar-primary {
	background-color: #BF311A;
}


.page-menu li {
    font-family: main_light;
    text-decoration: none;
    list-style: none;
    text-align: center;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 0 1rem;
}
.page-menu a {
	color: #fff;
}

.our-toggler-main {
	position: absolute;
	right: 0;
}

.our-toggler-icon {
	color: #fff;
}
@media screen and (max-width: 991px) {
	.menu-site a.nav-link {
		width: 100%;
		color: #fff!important;
		background-color: #58595b!important;
		padding-left: 5px!important;
	}


	.sitewide-menu-bg {

		width: 100%;
		color: #fff!important;
		background-color: #58595b!important;
		padding-left: 5px!important;


	} 

.btn-outline-warning {
    color: #000;
    background-color: #ffc107;
    background-image: none;
    border-color: #000;
    margin-bottom: 10px;

}

.valsearchinput input[type=text], .valsearchinput input[type="search"]:focus {
    width: 100%!important;
    box-sizing: border-box!important;
    border: 0px solid #eee!important;
    border-radius: 1px!important;
    font-size: 14px!important;
    background-color: #fff!important;
    background-image: url(../img/icon-search-32.png)!important;
    background-repeat: no-repeat!important;
    background-position: 99% center!important;
    padding: .5em!important;
    margin-top: 2.25em
    padding: 2px 2px 2px 2px!important;

}

}




/* Navbar color changes as Bootstrap default is too light */
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1.0);
}

.navbar-dark .navbar-nav .nav-link:hover, 
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-inverse .navbar-nav .nav-link:focus,
.navbar-inverse .navbar-nav .nav-link:hover {
  color: rgba(253, 185 ,19, 1.0);
}


/* RESPONSIVE CHANGES */
@media screen and (min-width: 992px){
	
.menu-site,
.menu-collegewide {
	font-size: .75rem;
	text-transform: uppercase;
	font-family: "main_semibold";
}
div.header-college {
	height: 57px;
	background-color: #BF311A;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;	
}
	.menu-site{
		margin-top: 10px; 
		position: absolute; 
		z-index: 1;
	}
	.menu-site li a, 
	.menu-collegewide li a {
		color: #fff;
		text-decoration: none;
		background-color: transparent;
	}

	.menu-collegewide li ul li a,
	.menu-site li ul li a {
		font-family: "main_regular";
		font-size: .9rem;
		text-transform: none;
		color: #555;
		line-height: 1.8;
		text-decoration: none;
		background-color: transparent;
	}
	.dropdown-menu {  
	top: 40px;
	border-top: 3px solid #fdb913;
}

	.sitewide-menu-bg {
     background-color: rgba(0, 0, 0, 0.4) !important; /* Black background with opacity */


}

.valsearchinput input[type=text], .valsearchinput input[type="search"]:focus {
    width: 100%!important;
    height: 25px;
    box-sizing: border-box!important;
    border: 0px solid #eee!important;
    border-radius: 1px!important;
    background-color: #fff!important;
    background-image: url(../img/icon-search-32.png)!important;
    background-repeat: no-repeat!important;
    background-position: 95% center!important;
    padding: .6em!important;
    font-size: 12px;
    margin-bottom: 3px;
    

}


/* AFTER AND BEFORE TO CREATE UP ARROW */
.dropdown-menu:after, .dropdown-menu:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.dropdown-menu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: 0px;
}
.dropdown-menu:before {
	border-color: rgba(253, 185, 19, 0);
	border-bottom-color: #fdb913;
	border-width: 17px;
	margin-left: -5px;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #222;
	text-decoration: none;
	background-color: #fdb913;

}
}

/*  .navbar-nav > li:nth-child(1), .navbar-nav > li:nth-child(2) > a { ---your style goes here--- } */
/* Opacity mask for mobile menu */

.layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  z-index: 100;
  min-height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 9999;
}

.layer-is-visible {
  display: block;
  -webkit-animation: fade-in-layer .3s;
  -moz-animation: fade-in-layer .3s;
  -ms-animation: fade-in-layer .3s;
  -o-animation: fade-in-layer .3s;
  animation: fade-in-layer .3s;
  opacity: 0.5;
}

#close_in, #site_menu, #chrome_nav, .cmn-toggle-switch {
  display: none;
}

a.dropdown-toggle.icon-search {
  display: inline-block;
}
.gs-bidi-start-align {
					text-align: left !important;
					margin-left: 10px !important;
				}

				.gsc-result .gs-title {
					height: 1.8em !important;
				}

				span.gs-fileFormat {
					color: #666666 !important;
					font-size: 12px !important;
					margin-left: 10px !important;
				}

				/* All CSS below this mark needs to be site-wide */
				.valencia-logo {
					margin-top: -2px!important;
					margin-left: -1px!important;
					margin-bottom: 5px!important;;
				}

				#logo img {
					height: 30px!important;
					width: auto;
				}
				
				
				.autocomplete-suggestions {
					text-align: left;
					cursor: default;
					border: 1px solid #ccc;
					border-top: 0;
					background: #fff;
					box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);

					/* core styles should not be changed */
					position: absolute;
					display: none;
					z-index: 9999;
					max-height: 254px;
					overflow: hidden;
					overflow-y: auto;
					box-sizing: border-box;
				}

				.autocomplete-suggestion {
					position: relative;
					padding: 0 .6em;
					line-height: 23px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					font-size: 1.02em;
					color: #333;
				}

				.autocomplete-suggestion b {
					font-weight: normal;
					color: #BF311A;
				}

				.autocomplete-suggestion.selected {
					background: #f0f0f0;
				}