

@media (max-width: 770px) {
#logo-banner #banner .banner-logo {
    width: auto;
    max-width: 95%;
    text-align: left;
    margin: 0 0 0 0;
    display: block;
}

#logo-banner #banner.has-logo .banner-logo {
    padding: 0 0 0 0;
    margin: 1em 0 0 2%;
    flex: 0 1 auto;
}
#banner.has-logo .banner {
	display: none;
}

}


a:link{color:#005C99;}
a:visited{color:#005C99;}
.overlay-positioning .slideText a.read-more {background:#005C99;border-radius: 0px;}
.overlay-positioning .slideText {border-radius: 0px;}
body .slideText h2 {line-height: 1.5em;font-size: 1.5em;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: -50px;}

.h-buttons ul {
 text-align: center;
}
.h-buttons ul li a {
width: 250px; 
color: #ffffff; 
background-color: #005C99; 
text-decoration: none; 
border-radius: 4px; 
padding: 11px 30px; 
display: block; 
font-weight: bold; 
-webkit-font-smoothing: antialiased;
margin: 15px auto;
color: #ffffff; 
font-size: 16px; 
text-decoration: none; 
text-transform: uppercase;
}

/* for text next to facebook icon on homepage */
.homepage .block.generic img {
    margin-bottom: -10px;
}

#main-nav-container a { color: #005C99;}
#main-nav-container > li:hover,
#main-nav-container > li:focus,
#main-nav-container > li:active { border-top: 1px solid #922435;}



/* Footer Update for Desktop & Responsive */

#footer .footer-content,
#footer #footer-functions {
    display: none;
}

#footer,
#footer section {
   background-color: #1F3343;
}
#footer .footer-content {clear: both; text-align: center;}

#footer .footer-content .official {
    color: #1F3343;
}

#footer section a {
    display: none;
}
#footer .general-info > p.center a {
    display: inline;
}
/* ------------------------------------------ */


@media (min-width: 771px) {
body {
    border-top: 15px solid #922435;
	padding-top: 10px;
}
	
#logo-banner #banner  .banner-logo {
  width: auto;
  max-width: 70%;
text-align: left;
    margin: 0 0 0 0;
    display: block;
}
.homepage #main-content {
    padding-top: 0px;
}

#banner .banner h1 {
    text-align: left;
    margin-left: 86px;
    margin-top: -60px;
}

.search-container {
   z-index: 1000;
}

#utility-desktop {
    background: #922435;
    min-height: 15px;
}
#utility-desktop > .container > .utility-desktop.desktop  {
   position: absolute;
   top:0;
   left: -9000px;
}

#utility-desktop .search-icon-desktop {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 999;
}
#utility-desktop .search-icon-desktop img {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(/siteassets/umass-5-campus/images/header/icon-search-red.png) no-repeat;
  width: 20px; /* Width of new image */
  height: 20px; /* Height of new image */
  padding-left: 20px; /* Equal to width of new image */
}
#utility-desktop .search-icon-desktop img.close {
  background: url(/globalassets/global-images-and-files/images/icons/close-icon-29.png) no-repeat;
}
.search-container {
    position: absolute;
    top: 60px;
    right: 30px;
    width: 260px;
}
div.search-desktop .search input[type="text"] {
    height: 25px;
    padding: 1px 3px;
    width: 73%;
    border: 1px solid gray;
    background: #fff;
}


#banner.banner .banner { margin: 0px 0px 10px 0px;}


/* main nav */
.main-nav-desktop {
    background: #fff;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}
.main-nav-desktop ul.main-nav {
    border-left: 0px solid #D6D6D6;
    text-align: center
}
.main-nav-desktop nav.main-nav.standard .main-nav > li {
    border-right: 0px solid #5069bc;
    text-transform: capitalize;
    text-align: left;
}
body header#site-header div#main-nav-div-container nav>ul>li>a:not(.r770), 
body header#site-header div#main-nav-div-container nav>ul>li>span {
    color: #00619C;
    font-size: 1em;
    text-align: left;
}

}
@media (min-width: 769px) {

	body header#site-header #logo-banner-container #site-logo,
	body header#site-header #logo-banner-container #site-banner {
      width: auto; 
    }
	header#site-header #site-banner a .banner-text #site-name {
       font-size: 1.5rem;
    }
}

@media (max-width: 770px) {

    .campus-block {
    border-top: 2px solid #999;
    padding-top: 10px;
    }
.campus-map { display:none;}
#campus-list-items {margin-left:0;padding-left:0;}
#campus-list-items li {
    list-style: none;
    border-top: 1px solid #666;
    margin: 0 0 0 0px;
    padding: 8px 0;
    color: #FFF;
    width: auto;
    height: auto;
    float: none;
}
#campus-list-items li:last-child {
    border-bottom: 1px solid #666;
}
#campus-list-items li a {
color: #fff;
font-size: .9em;
}
}

/* footer 5 campus logo responsive*/
@media (min-width: 401px) {
#footer .general-info > p.center {
  margin: 0 auto 10px auto;
}
}
@media (max-width: 400px) {.slideText .inner-container {background-color: 005C99;}}
@media (max-width: 400px) {
#footer .general-info > p.center {
	padding-top: 50px;
}
}
@media (max-width: 770px) {
#menu .navicon,
.mobile-nav-wrapper .container,
.utility-r { background-color: #922435;}

.util-nav-r { display: none; }

#main-nav-r,
#footer { background-color: #1F3343;}
.search-r .search-container input.search-query,
.search-container input[type="text"] {
    border: 1px solid white;
  background: #fff;
}
.search-util, .search-util a {color: #fff;}
}

</style>