/*header*/
.ras-gp-header {
color: #fff;
background-color: var(--ras-green);
}
.branding-content {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.header-logo {
display: flex;
align-items: center;
padding: 10px;
gap: 20px;
}
@media (max-width: 768px){
.header-logo {
flex-wrap: wrap;
}
}
.header-logo img {
width: 200px;
}
.header-logo a {
color: white;
}
.header-logo h1 {
margin: 0;
}
.header-search {
color: #000;
}
#libguides-search {
    display: flex;
    padding: 0.625rem 0;

}
#libguides-search .btn {
color: #000;
background-color: var(--yel-green);
border-radius: 0 4px 4px 0;
}
#s-lg-guide-search {
width: 300px;
border-radius: 4px 0 0 4px;
}
@media (max-width: 400px){
#s-lg-guide-search {
width: auto;
}
}
.s-lg-form-control {
border: 1px solid #ccc;
}
/* navigation bar background and border */
.ras-lib-header .navbar {
border: 1px solid #fff;
border-radius: 0;
background-color: #fff;
border-bottom-color: var(--primary-gray);
margin-bottom: 0;
}

/* top nav items - default text color */
.ras-lib-header .navbar-default .navbar-nav>li>a {
    color: var(--ras-green);
}
.ras-lib-header .navbar-default .navbar-nav>li>a:hover,
.ras-lib-header .navbar-default .navbar-nav>li>a:focus,
.ras-lib-header .navbar-default .navbar-nav>li>a:active {
background-color: var(--tertiary-gray);
color: #000;
}
.ras-lib-header .navbar-default .navbar-nav>li>a {
font-size: 20px;
}
.ras-lib-header .dropdown-menu {
padding: 10px;
}
.ras-lib-header .dropdown-menu>li>a {
font-size: 18px;
padding: 10px;
}
@media screen and (min-width: 768px) {
.header-nav .navbar-default .navbar-nav>.open>a:after, 
.header-nav .navbar-default .navbar-nav>.open>a:focus:after, 
.header-nav .navbar-default .navbar-nav>.open>a:hover:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: var(--secondary-gray) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    margin: 0 auto;
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
    z-index: 1001;
}
}
.header-nav .navbar-default .navbar-nav>.open>a,
 .header-nav .navbar-default .navbar-nav>.open>a:focus, 
.header-nav .navbar-default .navbar-nav>.open>a:hover {
background-color: var(--secondary-gray);
color: #000;
}
.header-nav .dropdown-menu>li>a:focus, 
.header-nav .dropdown-menu>li>a:hover {
background-color: var(--tertiary-gray);
}