#main-content:has(.swiper) {
    overflow: hidden;
}


.mp-section--header .mp-darkmode-invert {
  filter: none !important;
}
.cccb-header__logo svg,
.cccb-footer__logo svg {
  fill: var(--color-base-black);
}






/*** ESPAIS ****/
@media (max-width: 767px) {
    .mp-component.mp-component-subtopic-card {
        margin-bottom: 1.5em;
    }
}

.grid-auto .mp-component-featured-card,
.grid-auto .mp-component-featured-card--vertical {
    margin-bottom: 80px;
}

@media (max-width: 767px) {
    .mp-component-agenda-card .agenda-card-row .agenda-card-list .agenda-card-item:not(:last-child) {
        margin-bottom: 36px;
    }
}









/*** CARDS AGENDA ***/

@media (max-width: 767px) {
    .mp-component-agenda-card .agenda-card-row .agenda-card-list .agenda-card-item .agenda-card-item-container .agenda-card-description .agenda-card-body .agenda-card-date-time {
        position: inherit;
        right: inherit;
        bottom: inherit;
        margin-bottom: inherit;
        margin-top: var(--spacer-200);
    }
}




/*** NEWSLETTER ***/

@media (max-width: 85.365em) {
    .mp-component-container-cccb-footer__top .form-item-footer-subscribe {
        max-width: 100% !important;
    }
}
@media (max-width: 767px) {
  .form-item-footer-subscribe .mauticform-button {
    font-size: 0 !important;
    gap: 0 !important;
  }
}
@media (max-width: 85.365em) {
    .mp-component-container-cccb-footer__top .form-item-footer-subscribe {
        max-width: 90% !important;
    }
}



.mp-user-content-stertch {
  align-items: stretch;
}

/*** LISTAT PREUS ***/
.mp-listitem-info li, .mp-listitem-pricing li {
    padding-bottom: 0;
}

@media (min-width: 992px) {
  .mp-component-hero-common p.mp-sub {
    max-width: 66%;
  }
}


/*** ICON CARD ***/
.mp-component-icon-card {
  margin-bottom: 20px;
}

/*** ESPAIS ***/
.lfr-layout-structure-item-container.mp-section, .mp-section {
    padding-top: 36px;
}
.component-paragraph p:not([class]) a,
.mp-formated-content p:not([class]) a,
.mp-component-icon-card .icon-card-body .icon-card-text a {
  font-size: inherit;
  line-height: inherit;
}

/*** MENU ***/
@media (max-width: 1023px) {
    header .mp-section--header-nav,
    header .mp-component-header-search {
        padding-top: 112px !important;
    }
}
.mp-section--header-nav .mp-component-cccb-header-nav {
  margin-bottom: 80px;
}

/*** HEADER ***/
@media (max-width: 63.99em) {
  .mp-component-cccb-header .cccb-header {
    border-bottom: none;
  }
}

/*** FOOTER ***/
.js-container-cccb-footer__middle-nav {
  margin-bottom: 48px;
}
@media (max-width: 85.365em) {
    .svg-icon.icon-lg {
      width: 28px;
      height: 28px;
    }
    .svg-icon.icon-lg:before {
      font-size: 28px;
    }
}


/*** BOTONS ***/
#wrapper .datatable-wrapper .datatable-bottom .datatable-pagination-list-item .datatable-pagination-list-item-link, #wrapper .dropdown.pagination-items-per-page .dropdown-toggle, #wrapper .mp-button, #wrapper .mp-button-link, #wrapper .mp-input-button, #wrapper .mp-input-reset, #wrapper .mp-input-submit, #wrapper input[type=button], #wrapper input[type=reset], #wrapper input[type=submit], .datatable-wrapper .datatable-bottom .datatable-pagination-list-item #wrapper .datatable-pagination-list-item-link {
  justify-content: space-between;
  gap: 20px;
}


/*** VIDEOS ***/
.ms-drop {
  right: 0;
}
.ms-drop ul>li label span {
  padding-right: 30px;
}


/*** SWIPPER ***/

li.swiper-slide {
  padding: 0  !important;
}
@media (min-width: 1024px) {
  li.swiper-slide {
    width: calc((100% - 60px) / 4) !important;
  }
}
.swiper {
  margin: 0;
  overflow: visible;
}

.swiper-button-prev, .swiper-button-next {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: if(
    style(--svg-invert: 1): rgba(0, 0, 0, 0.75);
    else: rgba(255, 255, 255, 0.90);
  )
}
.mp-darkmode .swiper-button-prev,
.mp-darkmode .swiper-button-next {
  background: rgba(0, 0, 0, 0.75);
}

.swiper-button-disabled {
  display: none;
}
.swiper-button-next:before, .swiper-button-prev:before {
  opacity: 0;
  transition: opacity .3s ease;
}
.swiper:hover .swiper-button-next:before, .swiper:hover .swiper-button-prev:before {
  opacity: 1;
}

.swiper-button-prev {
  left: -48px;
}
.swiper-button-next {
  right: -48px;
}

@media (max-width: 1023px) {
  .swiper-button-prev, .swiper-button-next {
    display: none; 
  }
}


/*** HOME ***/
.mp-component-hero-home .grid.grid--h100 .hero-home-col-container-text {
  order: 2;
  flex: 0 0 auto
}
@media (max-width: 63.99em) {
    .mp-component-hero-home .grid.grid--h100 .hero-home-col-container-img {
        height: 70%;
    }
}
@media (max-width: 63.99em) {
    .mp-component-hero-home .grid.grid--h100 .hero-home-col-container-text {
        height: 30%;
    }
}




/*** TÍTOLS ***/
.mp-formated-content h2:not(:first-child),
.mp-formated-content h3:not(:first-child),
.mp-formated-content h4:not(:first-child) {
    margin-top: 48px;
}
.mp-formated-content h2 {
    margin-bottom: 24px;
}
.mp-formated-content h3,
.mp-formated-content h4 {
    margin-bottom: 12px;
}


.agenda-card-title,
.featured-card-title,
.content-card-title,
.subtopic-card-title,
h1 {
  text-wrap: balance;
}


/*** LLISTAT ACTIVITATS ***/
@media(max-width: 63.99em) {
  .mp-component-agenda-card .agenda-card-row .agenda-card-list .agenda-card-item:not(:last-child) {
    margin-bottom: 0;
  }
  .mp-component-agenda-card .agenda-card-row .agenda-card-list .agenda-card-item:not(:first-child) {
    margin-top: 0;
  }
}


/*** MULTIMEDIA DAKR ***/
.mp-section-standalone .mp-section {
    padding-top: var(--spacer-1000);
}



/**** LAB *****/



#cccb-lab .subhero-card-text a {
  text-decoration-thickness: 2px !important;
}

#cccb-lab .subhero-card-img-caption a, 
#cccb-lab .img-toggle__btn a, 
#cccb-lab .generic-img-caption a {
  text-decoration-thickness: 2px !important;
}

#cccb-lab .mp-formated-content .component-html a {
  text-decoration-thickness: 2px !important;
}

body #cccb-lab .lfr-layout-structure-item-descriptors-link a {
  border-left: 2px solid #0000FF !important;
}
body #cccb-lab .lfr-layout-structure-item-descriptors-link .component-button.text-break.mr-1:last-child {
  border-right: 2px solid #0000FF !important;
}


#cccb-lab .mp-component-content-card .content-card-extrainfo,
#cccb-lab .mp-component-featured-card .featured-card-subtitle {
  font-family: "Fragment Mono", "Libre Baskerville", sans-serif;
  text-transform: uppercase;
}
#cccb-lab .mp-component-featured-card .featured-card-subtitle {
  margin-top: 8px;
  font-size: 22px !important;
  line-height: 25px !important;
}
#cccb-lab .mp-component-featured-card .featured-card-text {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-top: 48px;
}




@media(max-width: 1023px) {
  #cccb-lab .lab-head {
      flex-direction: column !important;
      align-items: normal !important;
  }
  #cccb-lab .lab-head .lab-claim {
      align-self: flex-start;
      margin-top: 28px;
  }
  #cccb-lab .lab-head h2 {
    padding-left: 96px;
    margin-left: -16px;
  }
}
#cccb-lab .lab-head h2 {
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    font-family: "Fragment Mono", "Libre Baskerville", sans-serif;
    text-transform: uppercase;
    background: #FFFFFF;
    padding: 8px;
    
}
@media(min-width: 1024px) {
  #cccb-lab .lab-head h2 {
    padding-right: 48px;
    margin-right: -48px;
  }
}
@media(min-width: 1440px) {
  #cccb-lab .lab-head h2 {
    padding-right: 380px;
  }
}

/*** SWIPPER ***/
#cccb-lab .swiper-button-prev, 
#cccb-lab .swiper-button-next {
  background: rgba(240, 240, 240, 0.80);
}



#cccb-lab .hero-common-text {
    margin-top: 100px;
    margin-bottom: 100px;
}
#cccb-lab .hero-common-text h1 {
        letter-spacing: -2px;
}
#cccb-lab .hero-common-text .mp-sub {
    margin-top: 40px;
    font-size: 30px;
    padding-left: 200px;
    line-height: 36px;
    letter-spacing: -.5px;
}
@media (max-width: 991.98px) {
  #cccb-lab .hero-common-text .mp-sub {
        padding-left: 0 !important;
  }
}

/*** EXTERNAL LINK ***/

#cccb-lab .link-external {
  font-family: "Fragment Mono", "Libre Baskerville", sans-serif;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: #0000FF;
  text-decoration-thickness: 2px !important;
}
#cccb-lab a.link-external:after,
#cccb-lab a.link-external:before {
  display: none !important;
}


/*** PAGINATION ***/
#cccb-lab .pagination * {
  font-family: "Fragment Mono", "Libre Baskerville", sans-serif;
  text-transform: uppercase;
}
#cccb-lab .pagination-bar nav ul.pagination li.page-item a.page-link {
  width: 42px;
  height: 20px;
  font-weight: 400;
  border-top: none;
  border-bottom: none;
}
#cccb-lab .pagination-bar nav ul.pagination li.page-item.active a.page-link {
  border: inherit;
  border-color: #0000FF;
  background-color: #0000FF;
}
#cccb-lab .pagination-bar nav ul.pagination .dropdown .dropdown-toggle {
  height: 20px;
  font-weight: 400;
}
#cccb-lab .pagination-bar nav ul.pagination li.page-item:first-child .page-link:before, 
#cccb-lab .pagination-bar nav ul.pagination li.page-item:last-child .page-link:before {
  font-size: 18px;
}

#cccb-lab .mp-custom-text-h3 p {
    letter-spacing: -1px !important;
}
#cccb-lab .mp-formated-content.article-content-66.mp-user-content .lfr-layout-structure-item-basic-component-html .component-html .small * {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    font-family: "Fragment Mono", "Libre Baskerville", sans-serif !important;
}
#cccb-lab .mp-formated-content.article-content-66.mp-user-content .lfr-layout-structure-item-basic-component-html .component-html h2 {
font-size: 3rem;
    letter-spacing: -1px;
    margin-top: 3rem !important;
    line-height: 3.25rem;
    margin-bottom: 1.5rem !important;
}

#cccb-lab picture {
  margin-top: inherit !important;
}

#cccb-lab .content-lab picture,
#cccb-lab .content-lab figcaption,
#cccb-lab .content-lab .generic-img-caption {
    width: calc(100% * 1.35);
    max-width: none;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#cccb-lab .content-lab picture {
  margin-top: 80px !important;
}
#cccb-lab .generic-img-caption,
#cccb-lab figcaption {
    margin-top: 10px;
    margin-bottom: 80px;
}

#cccb-lab .content-lab picture img {
width: 100%;
}
#cccb-lab .subhero-card-img-caption,
#cccb-lab .img-toggle__btn, 
#cccb-lab .generic-img-caption,
#cccb-lab figcaption,
#cccb-lab .subhero-card-img-caption *,
#cccb-lab .img-toggle__btn *, 
#cccb-lab .generic-img-caption *,
#cccb-lab figcaption * {
    font-family: "Fragment Mono", "Libre Baskerville", sans-serif;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

#cccb-lab hr {
  margin-top: 80px;
}
#cccb-lab .footnotes,
#cccb-lab .footnotes * {
font-family: "Fragment Mono", "Libre Baskerville", sans-serif;
}
#cccb-lab .footnotes cite {
    font-style: inherit;
}
#cccb-lab .mp-authors-photo h3,
#cccb-lab .mp-authors-photo h3 * {
font-family: "Fragment Mono", "Libre Baskerville", sans-serif;
text-transform: uppercase;
}



#cccb-lab .content-lab sup[data-footnote-id] {
  top: inherit;
  font-size: inherit;
}

#cccb-lab .content-lab sup > a[rel="footnote"] {
  font-family: "Fragment Mono", "Libre Baskerville", sans-serif;
  background-color: #FF94C9;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  text-decoration: none !important;
  padding: 0 5px;
  margin: 0 5px;
}

#cccb-lab .footnotes::before {
    display: none;
}
#cccb-lab .footnotes ol {
    list-style: decimal-leading-zero inside;
    padding-left: 0;
  line-height: 18px;
}
#cccb-lab .footnotes ol li::marker {
    font-size: 17px;
}
#cccb-lab .footnotes ol li {
    padding: 10px 0 10px 30px;
    border-top: 1px solid;
    border-left: 1px solid;
}
#cccb-lab .footnotes ol li sup {
    display: none;
}


#cccb-lab .lab-llicencia * {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    font-family: "Fragment Mono", "Libre Baskerville", sans-serif;
}

#cccb-lab .img-toggle__btn {
    cursor: pointer;
    min-width: 150px;
    text-align: right;
}