progress {
  width: 100%;
}

@media only screen and (min-width: 40.063em) {
  .top-bar .name h1 a {
    padding: 0;
  }
}

@media only screen and (max-width: 64.063em) {
  .top-bar-section li:not(.has-form) a:not(.button) {
    padding-left: 9px;
  }
}

/* iOS Safari zooms on search box focus without this */
input[type="search"] {
  font-size: 1rem;
}

.top-bar .has-dropdown > a {
  text-transform: uppercase;
  font-weight: bold;
}

.search-bar {
  background-color: #f26d04;
  margin-bottom: 1em;
}

input.search-terms {
  border-radius: .3em 0 0 .3em;
}

input.button.postfix
{
  border-radius: 0 .3em .3em 0;
}

.button {
    background-color: #052049;
}

.button:hover {
  background-color: #007cbe;
}

div.extra-info {
  height: 2em;
  background-color: #052049;
  color: #fff;
  margin-bottom: 3px;
}

div.extra-info ul {
  line-height: 2em;
}

div.extra-info ul li a {
  color: #fff;
}

.extra-info .hours ul li:last-child a {
  position:relative;
  padding-left:1.5em;
}

.extra-info img {
  max-height: 1.5em;
  max-width: 1.5em;
  position: absolute;
  left: 0;
  top: 0.25em;
}

.footer {
  border-top: 1px #ccc solid;
}

.footer .inline-list {
  margin-top: 1rem;
}

/* adjust height and borders of menu dropdowns */
.dropdown li:not(.has-form) a:not(.button) {
  line-height: 40px;
}

.top-bar-section .dropdown {
  border: 1px solid #DDDCDC;
}

.top-bar-section .divider, .top-bar-section [role="separator"] {
  border-bottom: 1px solid #DDDCDC;
  border-top: 1px solid transparent;
}

.featured-classes h3 {
  display:none;
}

#featured-guide {
    padding-bottom: 15px;
}

.side-nav {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: inside;
  font-family: "Roboto Condensed", "Helvetica Neue", Roboto, Helvetica, Arial, sans-serif;
}

/*--make inline and apply class for arrow bullets on Popular Links--*/
.side-nav li a:not(.button) {
  display: inline;
  color: #2571a1;
  margin: 0;
  padding: 0.4375rem 0.875rem;
}

.arrowbullet:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #ad4200;
    font-size: 18px;
    padding-right: 0px;
}

.outline {
  border: solid 1px #ccc;
}

.outline .columns {
  padding: 0;
  margin-bottom: -6.6px;
}

/* slick-dots are not centered because it inherits a margin-left from Foundation ul selector. Reset it. */
.slick-dots {
  margin-left: 0;
}

.news-image {
  margin: auto;
}

.news-text {
  padding: 15px;
  font-size: 1.25rem;
}

@media only screen and (min-width: 40.063em) {
  .news-text {
    height: 12rem;
  }
}

@media only screen and (max-width: 64.063em) {
  .news-text {
    height: 7rem;
  }
  .news-more .button {
    margin-bottom: 0;
  }
}
/* hide details for items pulled from library calendar */
.s-lc-ea-date {
display: none;
}

.shadow {
  -webkit-box-shadow: 3px 3px 4px #999;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 4px #999;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 4px #999;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.with-pinned-button {
  padding-bottom: 3em;
}

.bottom {
  position: absolute;
  bottom: 1em;
}

.bottom.text-center {
  width: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.bottom .button {
  margin-left: 30%;
  margin-right: 30%;
}

.last-image {
  padding-bottom: 1.25em;
}

/* footer feedback */
#feedback-link {
   background-color: #007cbe ;
   color: #fff;
   padding: 0px 8px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   
}

#feedback-link:hover {
    cursor:pointer;
    background-color:#052429 ;
}

/* UCSF Banner begins */

body {
   background: #fff;
   padding: 0;
   margin: 0;
        }

#ucsf-banner-nav {
  height: 40px;
  overflow: hidden;
  font-family: "Helvetica Neue", "arial", sans-serif;
  background: #052049; }
  #ucsf-banner-nav.no-logo .top-header-container ul.menu li.first {
    background: none;
    text-indent: 0%;
    padding-left: 0;
  }

  /* line 4, /Users/richardbaker/git_repos/shoestring/src/assets/sass/ucsf/components/banner */
  #ucsf-banner-nav .top-header-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1230px; }
    /* line 9, /Users/richardbaker/git_repos/shoestring/src/assets/sass/ucsf/components/banner */
    #ucsf-banner-nav .top-header-container ul.menu {
      padding: 0;
      margin: 0; }
      /* line 12, /Users/richardbaker/git_repos/shoestring/src/assets/sass/ucsf/components/banner */
      #ucsf-banner-nav .top-header-container ul.menu li.first {
        display: inline-block;
        float: left;
        padding: 12px 0px 12px 58px;
        background: url("ucsf-logo-banner.png") no-repeat;
        background-position: 0 35%;
        background-position-x: 0;
        background-position-y: 35%; }
        @media (max-width: 600px) {
          #ucsf-banner-nav .top-header-container ul.menu li.first {
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden; } }
      /* line 26, /Users/richardbaker/git_repos/shoestring/src/assets/sass/ucsf/components/banner */
      #ucsf-banner-nav .top-header-container ul.menu li {
        display: inline-block;
        float: right;
        font-size: 14px;
        padding: 12px 10px 12px; }
        @media (max-width: 830px) {
          #ucsf-banner-nav .top-header-container ul.menu li {
            display: none; } }
        @media (max-width: 600px) {
          #ucsf-banner-nav .top-header-container ul.menu li {
            display: none; } }
        /* line 37, /Users/richardbaker/git_repos/shoestring/src/assets/sass/ucsf/components/banner */
        #ucsf-banner-nav .top-header-container ul.menu li a {
          text-decoration: none;
          color: #fff; }
        #ucsf-banner-nav .top-header-container ul.menu li a:hover {
          text-decoration: underline;}

/* Colors */

#ucsf-banner-nav.arial {
    font-family: arial,sans-serif;
}

/* Custom Color added by UCSF Library */

#ucsf-banner-nav.bluetint {
    background: #506380;
}

/* UCSF Banner ends */