@import url("keeps.css");

/* header */
@import url("predefined-designs/opacheader/header-6/header.css");

/* footer */
@import url("predefined-designs/opaccredits/credits-simple-3-cols/credits.css");

/* news */
@import url("predefined-designs/opacnews/news-grid/news.css");

/* mainuserblock */
@import url("predefined-designs/opacmainuserblock/mainuserblock-simple/mainuserblock.css");

@import url("./configs.css");


@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap');



.navbar {
    display: none;
}

#opac-main{
  font-family: 'Lato', sans-serif;
}

#keeps-header-container {
  position: relative;
  background-image: url(/opac-tmpl/bootstrap/images/keeps/header/header-background-bgupt.png);
  background-size: cover;
  background-repeat: no-repeat;
}

#keeps-header {
  font-family: 'Lato', sans-serif;
  height: 375px;
  grid-template-rows: 40px 1fr 40px
}

#keeps-header #logos img {
  height: auto;
}

#keeps-header #main-menu{
  font-size: 17px;
  font-weight: 600;
  padding: 0 16px;
}

#keeps-header #main-menu ul {
  display: flex;
  justify-content: space-between;
}

#keeps-header #main-menu ul li {
  display: none;
}
#keeps-header #main-menu ul li a {
  padding: 7px 15px;
}

#keeps-header #main-menu ul li:nth-child(1),
#keeps-header #main-menu ul li:nth-child(2),
#keeps-header #main-menu ul li:nth-child(3) {
  display: inline-flex;
}

#keeps-header #top-menu{
  font-size: 19px;
}

#keeps-header #top-menu ul {
  font-size: 85%;
}

.top-menu__a--upt{
  margin-right: 12px;
}

#keeps-header ul#top-menu__ul--change-language {
  order: 2;
  display: flex;
  margin: 0;
  margin-right: 49px;

}

#keeps-header ul#top-menu__ul--change-language li{
  padding: 0;
  padding-right: 5px;

}


#keeps-header ul#top-menu__ul--change-language li a{
  border-bottom: 1px solid;

}

#keeps-header ul#top-menu__ul--change-language li a.active{
  border-bottom: unset;

}


#keeps-header #collapsed-menu #main-menu ul {
  margin: 30px 0 0 0;
}


#header_langmenu{
  display: none;
}


#cartDetails {
  left: -139px;
}

.cartlabel, .listslabel, .userlabel {
  display: none;
}
#cart-list-nav > li.nav-item.dropdown{
  display: none;
}

#OpacMainUserBlock {
  padding: 0;
}

#logo-text h1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
  line-height: 30px;
  margin-left: -2px;
  color: #6BCDF4;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0;
}


#opac-main-search {
  margin: 20px 0 0 0;
}

html:lang(en) #masthead_search{
  width: 158px;
}

/* search sub-menu */

#opac-main-search__div--sub-menu {
  font-family: 'Lato', sans-serif;
}

#opac-main-search__div--sub-menu ul {
  margin: 10px 0;
  padding: 0;
}

#opac-main-search__div--sub-menu li {
  float: left;
  margin-right: 10px;
  list-style: none;
  border-right: 1px solid;
  padding-right: 10px;
  line-height: 14px;
  font-size: 15px;
  margin-bottom: 10px;
}

#opac-main-search__div--sub-menu li:last-of-type {
  border-right: unset;
}

#opac-main-search__div--sub-menu a,
#opac-main-search__div--sub-menu a:visited {
  color: #5c656c;
}

#opac-main-search__div--sub-menu a:hover {
  text-decoration: none;
}

#masthead_search:hover,
#select_library:hover {
    filter: brightness(1);
}

.opac-main-resources {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.opac-main-resources a {
  margin-right: 40px;
  margin-bottom: 25px;
  min-width: 130px;
  flex-basis: 13%;
}

.opac-main-resources svg, .opac-main-resources img{
  max-width: 135px;
}

#keeps-footer .col * {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}


#keeps-footer .col h2 {
  font-size: 17px;
  text-transform: uppercase;
  background-color: #a1a1a1;
  margin: 0px -65px 0 -14px;
  display: block;
  padding: 17px 0 17px 15px;
  position: relative;
  top: -50px;
}

.keeps-footer__li--schedule {
  display: flex;
  justify-content: space-between;
  max-width: 80%;
}

.keeps-footer__li--schedule >ul{
  margin-top: 10px !important;
}

#keeps-footer ul li:last-of-type {
  margin-bottom: 30px;
}

#keeps-footer-container {
  background: #B4B4B4;
}

#keeps-footer__div--title-background {
  width: 100%;
  height: 55px;
  background-color: #a1a1a1;
  position: absolute;
  z-index: 0;
  left: 0;

}

footer#changelanguage {
  background-color: #333333;
}

#keep_black_pt-PT {
  background: url(../../images/keeps/logo/keeps_logo_white_pt.svg) no-repeat scroll;
}

/* advsearch */
#advsearch #logo-text-container{
  display: none;
}

div.opac-text.main.container-fluid {
  padding: 50px 0 0 0;
}

div.opac-text.main.container-fluid .container {
  padding-left: 0;
  margin-left: 0;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: rgb(52, 52, 52);
}

div.opac-text.main.container-fluid .container h2 {
  font-size: 1.2rem;
  color: rgb(52, 52, 52);
  margin: 10px 0;
}

div.opac-text.main.container-fluid .container p {
  margin: 0 0 10px;
}

.opac-text .accordion .accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.opac-text .accordion .accordion-group .accordion-heading {
  border-bottom: 0;
}

.opac-text .accordion .accordion-group .accordion-title {
  margin: 0;
  font-size: 110%;
  color: #6bcdf4;
  font-weight: 600;
  text-decoration: none;
}

.opac-text .accordion .accordion-group .accordion-toggle {
  cursor: pointer;
  display: block;
  padding: 8px 15px;
}

.opac-text .accordion .accordion-body {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

.opac-text .accordion .accordion-block-title {
  font-weight: 600;
  margin-top: 20px;
}

.opac-text .accordion .service__ul--list-decimal {
  list-style-type: decimal;
}

.opac-text .accordion .service__ul--list-alpha {
  list-style-type: lower-alpha;
}

@media (max-width: 699px) {
  #keeps-header #collapsed-menu.show {
    width: 95%;
  }

  #keeps-header #collapsed-menu #top-menu {
    flex-wrap: wrap;
  }

  #logo-text {
    padding-top: 50px;
  }

  #keeps-header #collapsed-menu #top-menu ul li a:hover {
    color: #fff;
  }
}

@media (max-width: 589px) {
  #keeps-footer .col {
    min-width: 100%;
  }

}

@media (max-width: 487px) {
  #keeps-header #sub-top-menu-contacts {
    flex-grow: 0;
    margin-left: 10px;
  }
}

@media (max-width: 435px) {
  #keeps-header {
    height: auto;
    margin: 0 0 0 15px;
  }

  #keeps-header #logos img {
    width: 100%;
  }

  #keeps-header #collapsed-menu {
    grid-template-columns: 1fr 40px;
  }

}

@media (max-width: 350px) {
  #logo-text h1 {
    font-size: 35px;
  }
}