/* titillium-web-latin-ext-200-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-200-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-200-normal.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-200-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url(/themes/CORA/fonts/titillium-web-latin-200-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-200-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* titillium-web-latin-ext-200-italic*/
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: swap;
  font-weight: 200;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-200-italic.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-200-italic.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-200-italic*/
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: swap;
  font-weight: 200;
  src: url(/themes/CORA/fonts/titillium-web-latin-200-italic.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-200-italic.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* titillium-web-latin-ext-300-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-300-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-300-normal.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-300-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/themes/CORA/fonts/titillium-web-latin-300-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-300-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* titillium-web-latin-ext-300-italic*/
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-300-italic.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-300-italic.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-300-italic*/
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(/themes/CORA/fonts/titillium-web-latin-300-italic.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-300-italic.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* titillium-web-latin-ext-400-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-400-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-400-normal.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-400-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/themes/CORA/fonts/titillium-web-latin-400-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* titillium-web-latin-ext-400-italic*/
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-400-italic.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-400-italic.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-400-italic*/
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/themes/CORA/fonts/titillium-web-latin-400-italic.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-400-italic.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* titillium-web-latin-ext-600-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-600-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-600-normal.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-600-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/themes/CORA/fonts/titillium-web-latin-600-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-600-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* titillium-web-latin-ext-600-italic*/
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-600-italic.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-600-italic.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-600-italic*/
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url(/themes/CORA/fonts/titillium-web-latin-600-italic.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-600-italic.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* titillium-web-latin-ext-700-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-700-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-700-normal.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-700-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/themes/CORA/fonts/titillium-web-latin-700-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-700-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* titillium-web-latin-ext-700-italic*/
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-700-italic.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-700-italic.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-700-italic*/
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(/themes/CORA/fonts/titillium-web-latin-700-italic.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-700-italic.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* titillium-web-latin-ext-900-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/themes/CORA/fonts/titillium-web-latin-ext-900-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-900-normal.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* titillium-web-latin-900-normal*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/themes/CORA/fonts/titillium-web-latin-900-normal.woff2) format('woff2'), url(/themes/CORA/fonts/titillium-web-all-900-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* #### 1. FONTS                                ***/
/* #### 2. Helpers                              ***/
/* #### 3. Icons                                ***/
/* #### 3.1 Icons                               ***/
/* #### 3.2 RSS Icon                            ***/
/* #### 4. grid 5 columns                       ***/
/* #### 5. Elements                             ***/
/* #### 5.1 Hr Line                             ***/
/* #### 5.2 Headings                            ***/
/* #### 5.3 Table                               ***/
/* #### 6. Components                           ***/
/* #### 6.1 Article                             ***/
/* #### 6.2 Navbar and Menu                     ***/
/* #### 6.3 Cora Button                         ***/
/* #### 6.4 Announce                            ***/
/* #### 6.5 Pills from home                     ***/
/* #### 6.6 recent                              ***/
/* #### 6.7 Paneles Collapsibles                ***/
/* #### 6.8 Home special pre footer             ***/
/* #### 6.9 Breadcrumb / Fil d'ariadna          ***/
/* #### 6.10 Banner                             ***/
/* #### 6.11 Inline search comunitat/coleccio   ***/
/* #### 6.12 Subcomunitat                       ***/
/* #### 6.13 rss icon inside text               ***/
/* #### 6.14 item buttons spacing               ***/
/* #### 6.15 Book                               ***/
/* #### 6.16 Documents                          ***/
/* #### 6.17 DC Table                           ***/
/* #### 6.18 Search Pages                       ***/
/* #### 6.19 Regular area for Pages             ***/
/* #### 7. Pages                                ***/
/* #### 7.1 Login Page                          ***/
/* #### 7.2 Register Page                       ***/
/* #### 7.3 Faqs Page                           ***/
/* #### 7.4 Directori Page                      ***/
/* #### 8. Layout                               ***/
/* #### 8.1 Special Layouts                     ***/
/* #### 8.2 Footer                              ***/
/* */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* */
/* #### 2. Helpers ***/
/* #### 2 Helper classes ***/
.vcenter {
  display: flex;
  align-items: center;
}

.form-control {
  color: #9B9B9B;
}

.flex {
  display: flex;
}

.bg-cora {
  background-color: #9FC2C8;
  padding: 1.5rem;
  border-radius: 0.6rem;
  color: #4d4b4a;
}

.question {
  font-size: 1rem;
  color: #fff;
  background-color: #6AA1AB;
  border-radius: 5rem;
  padding: 0rem 0.6rem;
  margin: 0.5rem;
}

@media (min-width: 768px) {
  .text-right-sm {
    text-align: right;
  }
}

.mt-4 {
  margin-top: 2rem;
}

/* #### End Helper classes ***/
/* ############################################################ */
/* #### 3. Icons ---------------------------------------------- */
/* #### 3.1 Icons ***/
.icon-university {
  -webkit-mask: url(/themes/CORA/assets/icon-university.svg) no-repeat center;
  mask: url(/themes/CORA/assets/icon-university.svg) no-repeat center;
}

.icon-theses {
  -webkit-mask: url(/themes/CORA/assets/icon-theses.svg) no-repeat center;
  mask: url(/themes/CORA/assets/icon-theses.svg) no-repeat center;
}

.icon-researches {
  -webkit-mask: url(/themes/CORA/assets/icon-researches.svg) no-repeat center;
  mask: url(/themes/CORA/assets/icon-researches.svg) no-repeat center;
}

.icon-calendar-empty {
  -webkit-mask: url(/themes/CORA/assets/icon-calendar-empty.svg) no-repeat center;
  mask: url(/themes/CORA/assets/icon-calendar-empty.svg) no-repeat center;
}

.icon-projects {
  -webkit-mask: url(/themes/CORA/assets/icon-projects.svg) no-repeat center;
  mask: url(/themes/CORA/assets/icon-projects.svg) no-repeat center;
}

.icon-books {
  -webkit-mask: url(/themes/CORA/assets/icon-publications.svg) no-repeat center;
  mask: url(/themes/CORA/assets/icon-publications.svg) no-repeat center;
}

.icon-server {
  -webkit-mask: url(/themes/CORA/assets/icon-server.svg) no-repeat center;
  mask: url(/themes/CORA/assets/icon-server.svg) no-repeat center;
}

.icon-search {
  -webkit-mask: url(/themes/CORA/assets/icon-search.svg) no-repeat center;
  mask: url(/themes/CORA/assets/icon-search.svg) no-repeat center;
}

.icon-directori {
  -webkit-mask: url(/themes/CORA/assets/icon-directori.svg) no-repeat center;
  mask: url(/themes/CORA/assets/icon-directori.svg) no-repeat center;
  -webkit-mask-size: 10.6rem;
  mask-size: 10.6rem;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}

/* #### 3.1 Icons ***/
/* #### 3.2 RSS Icon ***/
.rss {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 5rem;
  background-color: #2A7886;
  padding: 1.6rem 1.9rem;
}

.rss:hover {
  background-color: #9FC2C8;
}

/* #### 3.2 RSS Icon ***/
/* ------------------------------------------------------------ */
/* ############################################################ */
/* #### 4. grid 5 columns ------------------------------------- */
.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-5th {
  float: left;
}

.col-xs-5th {
  width: 20%;
}

@media (min-width: 768px) {
  .col-sm-5th {
    float: left;
  }
  .col-sm-5th {
    width: 20%;
  }
}

@media (min-width: 992px) {
  .col-md-5th {
    float: left;
  }
  .col-md-5th {
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .col-lg-5th {
    float: left;
  }
  .col-lg-5th {
    width: 20%;
  }
}

/* #### 4. grid 5 columns ***/
/* ------------------------------------------------------------ */
/* ############################################################ */
/* #### 5. Elements ------------------------------------------- */
/* #### 5.1 Hr Line ***/
hr {
  background-color: #9FC2C8;
}

hr.full {
  height: 0.8rem;
  background-color: #2A7886;
  border: 0;
  margin: 0;
}

/* #### 5.1 Hr Line ***/
/* #### 5.2 Headings ***/
h1 {
  color: #2A7886;
  margin-bottom: 2rem;
  font-size: 3rem;
  line-height: 3.6rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 4rem;
    line-height: 4.2rem;
  }
}

h2 {
  color: #2A7886;
  font-size: 3rem;
  line-height: 3.6rem;
}

h2 > i {
  background-color: #2A7886;
  color: #fff;
  padding: 1rem 2rem;
  margin-right: 1.5rem;
  border-radius: 5rem;
}

h3 {
  color: #2A7886;
  font-size: 2.4rem;
  line-height: 3rem;
}

h4 {
  color: #2A7886;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

/* #### 5.2 Headings ***/
/* #### 5.3 Table ***/
/* Actually not in use */
table {
  font-size: 1.6rem;
  line-height: 4rem;
}

table.cora-striped > tbody > tr:nth-of-type(even) {
  background-color: #E9F1F3;
}

table.table > tbody > tr > th,
table.table > tbody > tr > td {
  border: none;
}

table th {
  padding-left: 2rem !important;
}

/* #### 5.3 Table ***/
/* ------------------------------------------------------------ */
/* ############################################################ */
/* #### 6. Components ----------------------------------------- */
/* #### 6.1 Article ***/
.media {
  margin-top: 3rem;
}

.media:first {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .media {
    width: 85%;
  }
}

.media h4.media-heading {
  color: #2A7886;
  font-size: 1.6rem;
}

.media h4.media-heading a, .media h4.media-heading a:hover {
  color: #2A7886;
}

.media img.media-object {
  padding: 1.5rem;
}

.media img.media-object.img-thumbnail {
  border-color: #9FC2C8;
}

.media .title {
  background-color: #2A7886;
  border-radius: 50%;
}

.media p.author {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 20px;
  color: #004357;
}

/* #### 6.1 Article ***/
/* #### 6.2 Navbar and Menu ***/
nav.navbar {
  border: 0;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  nav.navbar {
    min-height: 8rem;
    margin-bottom: 2rem;
  }
}

nav.navbar .navbar-nav {
  font-size: 20px;
}

@media (min-width: 768px) {
  nav.navbar .navbar-nav {
    font-size: 16px;
  }
}

nav.navbar .navbar-toggle {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

nav.navbar .navbar-toggle .icon-bar {
  background-color: #2A7886;
  width: 3.2rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  position: relative;
  transition: all 500ms ease-in-out;
}

nav.navbar .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 1rem;
}

nav.navbar .navbar-toggle.active .icon-bar:nth-of-type(2) {
  transform: translateY(1.4rem) rotate(45deg);
}

nav.navbar .navbar-toggle.active .icon-bar:nth-of-type(3) {
  transform: translateX(10rem);
}

nav.navbar .navbar-toggle.active .icon-bar:nth-of-type(4) {
  transform: translateY(-1.4rem) rotate(-45deg);
}

@media (min-width: 768px) {
  nav.navbar .navbar-brand {
    height: 8rem;
  }
}

nav.navbar .navbar-brand img {
  height: 3.7rem;
}

@media (min-width: 768px) {
  nav.navbar .navbar-brand img {
    height: 6.6rem;
  }
}

nav.navbar .nav.navbar-nav {
  border-top: 1px solid #2A7886;
  border-bottom: 3px solid #2A7886;
}

@media (min-width: 768px) {
  nav.navbar .nav.navbar-nav {
    border: none;
  }
}

nav.navbar .navbar-nav > li > a {
  height: 60px;
  border-bottom: 1px solid #9FC2C8;
  padding: 15px;
  line-height: 1.42857;
}

nav.navbar .navbar-nav > li > a i {
  margin-left: 0.5rem;
}

@media (min-width: 768px) {
  nav.navbar .navbar-nav > li > a {
    padding-top: calc((8rem - 20px) / 2);
    padding-bottom: 0.8rem;
    line-height: 30px;
    border-bottom: none;
  }
  nav.navbar .navbar-nav > li > a:hover {
    border-bottom: 0.33rem solid #2A7886;
    background-color: #fff;
  }
  nav.navbar .navbar-nav > li > a:focus {
    background-color: #fff;
  }
}

/* #### 6.2 Navbar and Menu ***/
/* #### 6.3 Cora Button ***/
.btn-default {
  background-color: #2A7886 !important;
  color: #fff;
  padding: 7px 10px;
  font-size: 1.6rem;
  white-space: normal;
}

@media (min-width: 768px) {
  .btn-default {
    height: 4rem;
    padding: 7px 16px;
  }
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
  background-color: #9FC2C8;
  color: #fff;
}

.btn-default.btn-invert {
  background-color: #fff !important;
  color: #2A7886 !important;
  border-color: #2A7886;
}

.btn-default.btn-invert:hover, .btn-default.btn-invert:active, .btn-default.btn-invert:focus {
  background-color: #2A7886 !important;
  color: #fff !important;
}

/* #### 6.3 Cora Button ***/
/* #### 6.4 Announce ***/
.announce {
  background-color: #004357;
}

.announce .searchBox {
  margin-top: 3.2rem;
  margin-bottom: 0;
}

.announce .searchBox .input-group {
  width: 100%;
}

.announce .searchBox .input-group input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 4rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .announce .searchBox .input-group input {
    margin-bottom: 0;
  }
}

.announce .searchBox .input-group .input-group-btn {
  width: 0;
  clear: none;
  display: table-cell;
  height: 4rem;
}

.announce .searchBox .btn-search {
  height: 4rem;
  width: 4rem;
  padding: 0;
  margin-bottom: 1rem;
  background-color: #2A7886;
  color: #fff;
  border-color: #2A7886;
}

.announce .searchBox .btn-search div.icon {
  margin: 0 auto;
  fill: #fff;
  background-color: #fff;
  height: 4rem;
  width: 4rem;
}

.announce .searchBox .form-control::-moz-placeholder {
  color: #2A7886;
  font-size: 1.8rem;
  line-height: 30px;
}

.announce .searchBox .form-control:-ms-input-placeholder {
  color: #2A7886;
  font-size: 1.8rem;
  line-height: 30px;
}

.announce .searchBox .form-control::placeholder {
  color: #2A7886;
  font-size: 1.8rem;
  line-height: 30px;
}

.announce .searchBox .input-group-btn .btn.dropdown-toggle {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background-color: #9FC2C8;
  color: #004357;
  font-size: 1.8rem;
  text-align: left;
  width: calc(100% - 5rem);
}

@media (min-width: 768px) {
  .announce .searchBox .input-group-btn .btn.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}

.announce .searchBox .input-group-btn .btn.dropdown-toggle .caret {
  border-top: 8px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  margin-top: 0.9rem;
}

.announce .searchBox .open > .dropdown-menu {
  margin-right: 5rem;
  width: calc(100% - 5rem);
}

@media (min-width: 768px) {
  .announce .searchBox .open > .dropdown-menu {
    width: 35rem;
  }
}

.announce .infoIcons {
  margin-bottom: 3rem;
}

.announce .infoIcons .data-analysis {
  margin-top: 1rem;
}

.announce .infoIcons .btn-header {
  width: 100%;
  min-height: 15rem;
  background-color: transparent;
  text-transform: uppercase;
  color: #fff;
  white-space: normal;
}

.announce .infoIcons .btn-header .icon {
  margin: 0 auto;
  background-color: #fff;
  fill: #fff;
  width: 58px;
  height: 60px;
}

.announce .infoIcons .btn-header .number {
  font-size: 3rem;
  font-weight: 700;
  line-height: 4.8rem;
}

.announce .infoIcons .btn-header:hover, .announce .infoIcons .btn-header:focus {
  background-color: #fff;
  color: #004357;
  fill: #004357;
}

.announce .infoIcons .btn-header:hover .icon, .announce .infoIcons .btn-header:focus .icon {
  background-color: #004357;
}

.announce .infoIcons p {
  width: 100%;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-transform: uppercase;
  display: flex;
  text-align: left;
}

.announce .infoIcons p span.number {
  width: 35%;
  text-align: right;
  font-size: 1.6rem;
  font-weight: 600;
  margin-right: 1rem;
  flex: 0 1 25%;
}

/* #### 6.4 Announce ***/
/* #### 6.5 Pills from home ***/
.pills .pill {
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .pills .pill {
    margin-top: 3rem;
  }
}

.pills .pill a {
  position: relative;
}

.pills .pill a:hover {
  text-decoration: none;
}

.pills .pill a:hover .body {
  background-color: #008996;
  text-decoration: none;
}

.pills .pill .head {
  height: 14.2rem;
  position: relative;
  display: block;
}

.pills .pill .head img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 14rem;
  max-height: 7rem;
}
.pillbackimage {
  min-width: 100%;
  min-height: 100%;
  width: auto !important;
  height: auto !important;
  position: absolute !important;
  top: 0;
  left: 0;
  object-fit: cover;
}

.pills .pill .head .back {
  background-size:cover;
  position: absolute;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27><filter id=%27grayscale%27><feColorMatrix type=%27matrix%27 values=%270.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0%27/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  --webkit-filter: grayscale(100%);
  display: block;
  height: 14.4rem;
  width: 100%;
}

.pills .pill .head .layer {
  position: absolute;
  background-color: rgba(6, 94, 120, 0.76);
  height: 14.4rem;
  width: 100%;
}

.pills .pill .body {
  color: #fff;
  background-color: #004357;
  width: 100%;
  padding: 0.9rem 3.45rem;
  min-height: 10rem;
}

.pills .pill .body h3 {
  margin: 0;
  font-weight: 700;
  color: #fff;
  line-height: 2rem;
  font-size: 16px;
}

@media (max-width: 768px) {
  .pills .pill .body h3 {
    font-size: 24px;
  }
  .pills .pill .body {
    min-height: 12rem;
  }

}


/* #### 6.5 Pills from home ***/
/* #### 6.6 recent ***/
.recent {
  margin-bottom: 3rem;
}

.recent h2 {
  margin-top: 1rem;
}

.recent :first-child {
  margin-bottom: 1rem;
}

.recent p {
  color: #4d4b4a;
}

/* #### 6.6 recent ***/
/* #### 6.7 Paneles Collapsibles ***/
.plegables {
  margin-bottom: 5rem;
}

.plegables .media {
  margin-top: 5rem;
}

@media (min-width: 768px) {
  .plegables .media {
    width: 100%;
  }
}

.plegables .media h2 {
  margin-top: 1rem;
}

.plegables .media .title {
  background-color: #2A7886;
  border-radius: 50%;
}

.plegables .media .title img {
  padding: 1.5rem;
}

.plegables .panel-group img.media-object {
  transition: transform 0.5s ease-in-out;
}

.plegables .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
}

.plegables .panel {
  border: none;
  box-shadow: none;
}

.plegables .panel ~ .panel {
  margin-top: 3rem;
}

.plegables .panel .panel-heading {
  margin-top: 2rem;
  background-color: #6AA1AB;
  border-radius: 5rem;
  padding-left: 2.3rem;
}

.plegables .panel .panel-heading a {
  text-decoration: none;
}

.plegables .panel .panel-heading h4 {
  color: #fff;
  text-transform: uppercase;
}

.plegables .panel .panel-heading h4.panel-title {
  font-size: 1.4rem;
  font-weight: 700;
}

.plegables .panel .panel-heading img {
  float: right;
  fill: #fff;
  margin-top: -0.1rem;
}

.plegables .panel .panel-heading img.rotate-icon {
  transform: rotate(-180deg);
}

.plegables .panel .panel-body {
  width: 90%;
  border-top: none;
}

@media (min-width: 768px) {
  .plegables .panel .panel-body {
    width: 100%;
  }
}

.plegables .panel .panel-body p {
  background-color: #fff;
  color: #004357;
  font-size: 1.6rem;
  padding: 0.7rem 2rem;
}

.plegables .panel .panel-body p:nth-child(even) {
  background-color: #E9F1F3;
}

/* #### 6.7 Paneles Collapsibles  ***/
/* #### 6.8 Home special pre footer ***/
.home-footer {
  background-color: #E9F1F3;
  padding-top: 1.9rem;
  padding-bottom: 3rem;
}

.home-footer a {
  color: #4d4b4a;
}

.home-footer h2 {
  font-size: 1.8rem;
  margin-left: 1.3rem;
}

.home-footer p {
  margin-left: 1.3rem;
}

/* #### 6.8 Home special pre footer ***/
/* #### 6.9 Breadcrumb / Fil d'ariadna ***/
.filariadna {
  background-color: #004357;
  color: #6AA1AB;
  min-height: 5rem;
}

.filariadna .breadcrumb {
  margin-bottom: 0;
  padding: 1.5rem 1.2rem;
}

.filariadna .breadcrumb li {
  display: block;
}

@media (min-width: 768px) {
  .filariadna .breadcrumb li {
    display: inline-block;
  }
}

.filariadna .breadcrumb li > a {
  color: #6AA1AB;
}

.filariadna .breadcrumb li > a:hover, .filariadna .breadcrumb li > a:focus {
  color: #6AA1AB;
}

/* #### 6.9 Breadcrumb / Fil d'ariadna ***/
/* #### 6.10 Banner ***/
.banner {
  background-color: #2A7886;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #fff;
}

.banner:before {
  filter: grayscale(100%);
  content: " ";
  background-color: #2A7886;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

@media (min-width: 768px) {
  .banner {
    height: 25rem;
  }
  .banner .full-height {
    height: 25rem;
  }
}

.banner .banner-inner {
  position: absolute;
  width: 100%;
  background-color: rgba(6, 94, 120, 0.76);
}

.banner .full-height-sm {
  height: 100%;
}

.banner .h1 {
  display: block;
  line-height: 5rem;
  padding-left: 1.2rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .banner .h1 {
    font-size: 6.1rem;
    line-height: 7.5rem;
  }
}

.banner img.uni {
  width: auto;
  height: auto;
  max-width: 75%;
  max-height: 75%;
  margin-bottom: 3rem;
}

@media (min-width: 767px) {
  .banner img.uni {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 0;
  }
}

.banner .right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.banner .rss {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* #### 6.10 Banner ***/
/* #### 6.11 Inline search comunitat/coleccio ***/
.inline-search .row {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.inline-search p {
  font-size: 1.8rem;
  color: #2A7886;
  font-weight: 700;
  line-height: 30px;
}

.form-control {
  border-color: #9FC2C8;
}

.form-control::-moz-placeholder {
  font-size: 1.8rem;
  line-height: 30px;
}

.form-control:-ms-input-placeholder {
  font-size: 1.8rem;
  line-height: 30px;
}

.form-control::placeholder {
  font-size: 1.8rem;
  line-height: 30px;
}

.inline-search .input-group input, .inline-search .input-group button {
  height: 4rem;
}

.inline-search .input-group .input-group-btn > .btn.btn-default {
  padding: 0 !important;
}

.inline-search .icon {
  margin: 0 auto;
  fill: #fff;
  background-color: #fff;
  height: 4rem;
  width: 4rem;
  display: block;
}

/* #### 6.11 Inline search comunitat/coleccio ***/
/* #### 6.12 Subcomunitat ***/
.subcomunitat .single-comunitat {
  padding-bottom: 3.5rem;
}

.subcomunitat h2 {
  margin-bottom: 2rem;
}

.subcomunitat p {
  line-height: 1.8rem;
  font-weight: 700;
  margin-bottom: 0;
}

.subcomunitat p span.number {
  color: #008996;
}

.subcomunitat p a {
  color: #004357;
}

/* #### 6.12 Subcomunitat ***/
/* #### 6.13 rss icon inside text ***/
.texto{
  overflow: hidden;
}
.texto .rss {
  margin-left: auto;
  margin-top: 1.5rem;
}

/* #### 6.13 rss icon inside text ***/
/* #### 6.14 item buttons spacing ***/
.item-buttons button {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* #### 6.14 item buttons spacing ***/
/* #### 6.15 Book ***/
.book-data {
  width: 80%;
  margin-bottom: 6rem;
}

.book-data .element {
  margin-bottom: 3rem;
}

.book-data .element h4 {
  margin: 0;
}

.book-data .element p {
  font-size: 1.6rem;
  color: #004357;
  line-height: 2.2rem;
}

.book-data .element p.author {
  font-weight: 700;
}

.book-data .element p.resum {
  font-size: 1.4rem;
}

.book-data .book-footer h4 {
  margin-top: 2rem;
}

.book-data .book-footer .share {
  font-size: 1.5em;
  color: #004357;
}

.book-data .book-footer .share i {
  margin-right: 1rem;
}

.book-data .book-footer .share a {
  cursor: pointer;
}

.book-data .book-footer p {
  font-size: 1.6rem;
  font-weight: 400;
  font-style: italic;
  color: #004357;
}

.book-resum {
  width: 80%;
  margin-bottom: 6rem;
}

.book-resum .element {
  margin-bottom: 3rem;
}

.book-resum .element h4 {
  margin: 0;
}

.book-resum .element p {
  font-size: 1.4rem;
  color: #2A7886;
  line-height: 1.8rem;
}

.book-resum .element p.author {
  font-weight: 700;
}

.book-resum .element p.resum {
  font-size: 1.4rem;
  color: inherit;
}

/* #### 6.15 Book ***/
/* #### 6.16 Documents ***/
.document {
  margin-bottom: 4rem;
}

.document h2, .document h3 {
  margin-bottom: 3rem;
}

.document h3 {
  width: 85%;
}

.document .documents.horizontal {
  margin-bottom: 4rem;
}

@media (min-width: 768px) {
  .document .documents.horizontal {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
  }
}

.document .single-document {
  flex: 0 1 30%;
  display: flex;
  justify-content: space-between;
  margin-right: 12px;
}

.document .single-document .icon {
  flex: 0 0 6rem;
  margin-top: 0.5rem;
  padding-bottom: 3rem;
}

.document .single-document .doc-name {
  flex: 0 0 50%;
}

.document .single-document .doc-name .name {
  font-size: 1.6rem;
  font-weight: 700;
  color: #2A7886;
  line-break: anywhere;
}

.document .single-document .doc-name .size {
  color: #004357;
}

.document .single-document .download {
  flex: 1 1 30%;
  text-align: center;
  margin-top: 1rem;
  color: #2A7886;
}

.document .single-document .download .circle {
  display: inline;
  border: 1px solid #2A7886;
  border-radius: 5rem;
  padding: 0.4rem 0.8rem;
}

.document .title-area {
  position: relative;
}

.document .title-area .doc-nav {
  position: absolute;
  bottom: 0;
  right: 0;
}

.document .title-area .doc-nav .inav {
  display: inline-block;
  border: 1px solid #2A7886;
  border-radius: 5rem;
  padding: 0.36em 0.75em;
  color: #2A7886;
}

.document .no-document p {
  font-size: 1.6rem;
  font-weight: 700;
  color: #2A7886;
  margin: 3rem auto;
}

.document .img {
  margin-bottom: 5rem;
}

.document .img > img {
  width: 100%;
}

.document .element {
  margin-bottom: 3rem;
}

.document .element p {
  color: #2A7886;
}

.document .registre button.btn.btn-default {
  height: 4rem;
  padding: 8px 16px;
  margin-bottom: -5.5rem;
}

.document .registre hr {
  border-color: #9FC2C8;
}

/* #### 6.16 Documents ***/
/* #### 6.17 DC Table ***/
.dc .dc-table {
  width: 90%;
  font-size: 1.6rem;
  line-height: 2.5rem;
}

@media (min-width: 768px) {
  .dc .dc-table {
    line-height: 4rem;
  }
}

.dc .dc-table .row:nth-child(even) {
  background-color: #E9F1F3;
}

.dc .dc-table .row > div {
  padding-left: 2rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

/* #### 6.17 DC Table ***/
/* #### 6.18 Search Pages ***/
.cerca {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.cerca .btn-default {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  margin-right: 0.5rem;
}

.cerca .total-results {
  margin-top: 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #2A7886;
}

.cerca #dropdownMenuSort {
  width: 13.6rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.cerca .dropdown {
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .cerca .dropdown {
    float: right;
  }
}

.cerca .dropdown ul.dropdown-menu > li {
  position: relative;
}

.cerca .dropdown ul.dropdown-menu > li.active::before {
  content: url(/themes/CORA/assets/icon-check.svg);
  position: absolute;
  left: 1.7rem;
  top: 0.3rem;
}

.cerca .dropdown ul.dropdown-menu > li > a {
  padding-left: 4rem;
}

.cerca .autores-results p {
  background-color: #fff;
  color: #004357;
  font-size: 1.6rem;
  padding: 0.7rem 2rem;
}

.cerca .autores-results p:nth-child(even) {
  background-color: #E9F1F3;
}

.cerca .btn-filtros {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-right: 0 !important;
  line-height: 2rem;
  position: relative;
  min-width: 18rem;
}

.cerca .btn-filtros:before {
  content: "";
  position: absolute;
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url(/themes/CORA/assets/filter.svg);
  background-size: 1.7rem 1.7rem;
  background-position-x: 0px;
  background-repeat: no-repeat;
  left: 1.5rem;
  top: 1rem;
}

@media (min-width: 768px) {
  .cerca .btn-filtros:before {
    top: 1.2rem;
  }
}

@media (min-width: 768px) {
  .cerca .btn-filtros {
    width: 100%;
  }
}

.cerca .btn-filtros img {
  margin-right: 1.5rem;
}

.cerca .filters .btn-default {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-right: 0.5rem;
}

.cerca .filters .active-filters {
  line-height: 2rem;
  color: #2A7886;
  font-size: 1.6rem;
}

.cerca .filters .active-filters .active-filter {
  font-weight: 700;
}

.cerca .filters .active-filters .active-filter .close-filter {
  cursor: pointer;
}

.cerca .discover .media {
  margin-top: 0;
}

.cerca .filtros {
  margin-top: 1.5rem;
}

.cerca .filtros > div > div {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.cerca .filtros .form-control + button {
  margin-left: 1rem;
}

.cerca .filtros .btn.btn-default {
  min-width: 4rem;
}

/* #### 6.18 Search Pages ***/
/* #### 6.19 Regular area for Pages ***/
.regular {
  margin-bottom: 8rem;
}

.regular .text p {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

/* #### 6.19 Regular area for Pages ***/
/* ------------------------------------------------------------ */
/* ############################################################ */
/* #### 7. Pages ---------------------------------------------- */
/* #### 7.1 Login Page ***/
.login {
  margin-top: 4rem;
  margin-bottom: 12rem;
}

.login label {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #2A7886;
  margin-top: 0.7rem;
}

.login button {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.login .row {
  margin-bottom: 1.5rem;
  padding-top: 0.3rem;
}

.login .forgot, .login .signup {
  font-size: 1.6rem;
  padding-bottom: 3rem;
}

/* #### 7.1 Login Page ***/
/* #### 7.2 Register Page ***/
.register {
  margin-top: 4rem;
  margin-bottom: 12rem;
}

.register .panel {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.register .panel-cora {
  border-color: #6AA1AB;
}

.register .panel-cora > .panel-heading {
  color: #2A7886;
  background-color: #9FC2C8;
  border-color: #6AA1AB;
}

.register .panel-cora > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #6AA1AB;
}

.register .panel-cora > .panel-heading .badge {
  color: #9FC2C8;
  background-color: #2A7886;
}

.register .panel-cora > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #6AA1AB;
}

.register .panel-cora .panel-heading {
  font-size: 1.6rem;
  font-weight: 700;
}

.register .panel-cora .panel-body {
  font-size: 1.6rem;
}

.register .panel-cora .panel-body label {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #2A7886;
  margin-top: 0.7rem;
}

.register .panel-cora .panel-body button {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .register .panel-cora .panel-body button {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

.register .panel-cora .panel-body .row {
  margin-bottom: 1.5rem;
  padding-top: 0.3rem;
}

@media (min-width: 768px) {
  .register .form-control {
    width: 50%;
  }
}

.register input.terms {
  width: 4rem;
  height: 4rem;
}

@media (min-width: 768px) {
  .register input.terms {
    width: 2rem;
    height: 2rem;
  }
}

.register span.terms {
  padding-left: 1rem;
  margin-top: 0.4rem;
}

/* #### 7.2 Register Page ***/
/* #### 7.3 Faqs Page ***/
.staticpage {
  margin-bottom: 12rem;
}

.staticpage .staticpage-title {
  margin-bottom: 3rem;
}

.staticpage .staticpage-title i.fa {
  font-size: 2rem;
  font-weight: 900;
  line-height: 2.3rem;
  background-color: #2A7886;
  color: #fff;
  padding: 1.1rem 1.5rem;
  border-radius: 5rem;
  height: 4.5rem;
  align-self: center;
}

.staticpage .staticpage-title i.fa-info {
  height: 39px;
  padding: 0.8rem 1.5rem;
}

.staticpage .staticpage-title h2 {
  margin: 4rem 2rem;
}

.staticpage .staticpage-title p {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.staticpage .staticpage-body ul {
  list-style: none;
}

.staticpage .staticpage-body ul.jo {
  list-style: unset;
  margin-left: 20px;
}

.staticpage .staticpage-body ul {
  padding-left: 0;
  list-style-position: inside;
}

.staticpage .staticpage-body a:hover {
  text-decoration: underline;
}

.staticpage .staticpage-body ul > li::marker, .staticpage .staticpage-body ul > li > a {
  line-height: 2.8rem;
  color: #2A7886;
}

.staticpage .staticpage-body ul {
  padding-left: 0;
  list-style-position: inside;
}

.staticpage .staticpage-body ol {
  padding-left: 0;
  list-style-position: inside;
}

.staticpage .staticpage-body blockquote{
  font-size: 14px;
}

.staticpage .staticpage-body ol > li::marker, .staticpage .staticpage-body ol > li > a {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #2A7886;
}

.staticpage .staticpage-answers h3 {
  color: #008996;
}

.staticpage .staticpage-answers p {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

/* #### 7.3 Faqs Page ***/
/* #### 7.4 Directori Page ***/
.directori .directori-title {
  margin-top: 2rem;
}

.directori .directori-title .title-icon {
  width: 4.5rem;
  height: 4.5rem;
  background-color: #2A7886;
  border-radius: 5rem;
  align-self: center;
  margin-right: 2rem;
}

.directori .directori-title .title-icon .icon {
  background-color: #fff;
  height: 7rem;
  width: 7rem;
  transform: scale(0.45);
  margin-top: -1rem;
  margin-left: -1rem;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}

.directori .directori-title h2 {
  -webkit-margin-before: 0.83em;
  margin-block-start: 0.83em;
  -webkit-margin-after: 0.83em;
  margin-block-end: 0.83em;
}

.directori .directori-content {
  margin-top: 4rem;
  margin-bottom: 12rem;
}

.directori .directori-content .element {
  padding: 2rem;
  border-bottom: 1px solid #ccc;
}

.directori .directori-content .col-sm-6 {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .directori .directori-content .col-sm-6:nth-child(odd) {
    border-right: 1px solid #ccc;
  }
}

.directori .directori-content .last {
  border-bottom: none;
}

.directori .directori-content .head {
  margin-bottom: 2rem;
}

.directori .directori-content .head h3 {
  color: #4d4b4a;
}

.directori .directori-content .content p, .directori .directori-content .content a {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #4d4b4a;
}

.directori .directori-content .content p.main, .directori .directori-content .content a.main {
  font-weight: 700;
  color: #2A7886;
}

/* #### 7.4 Directori Page ***/
/* ------------------------------------------------------------ */
/* ############################################################ */
/* #### 8. Layout --------------------------------------------- */
/* #### 8.1 Special Layouts ***/
.content-middle {
  margin: 0 auto;
}

.content-middle .texto {
  margin-bottom: 1.5rem;
}

.content-bottom {
  margin-top: 5rem;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .content-bottom {
    margin-top: 4rem;
  }
}

.letter-filters,
.autores-results,
.titulos-results {
  margin-bottom: 4rem;
}

.filters {
  margin-bottom: 4rem;
}

/* #### 8.1 Special Layouts ***/
/* #### 8.2 Footer ***/
#footer {
  background-color: #004357;
  padding: 3rem 1.5rem;
}

@media (min-width: 1200px) {
  #footer {
    padding: 1rem 1.5rem;
  }
}

#footer a {
  color: #fff;
}

#footer p {
  color: #fff;
  font-size: 1.6rem;
}

#footer p img {
  margin-left: 2rem;
}

#footer .pad2 {
  padding-top: 2rem;
}

/* #### 8.2 Footer ***/

/*
CSUC
 */

.breadcrumb{
  background-color: transparent;
}

.containeritem{
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.linksfooter a{
  margin-right: 10px;
}