/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme FEL FAIXEDAS versionat per a CAL TET
 Author:       AMBDUES
 Author URI:   https://ambdues.com
 Template:     generatepress
 Version:      3.0.0
*/

/*
    Created on : 07/04/2025
*/

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   0 - Importing styles  */
/*   01 - Global Settings  */
/*    1.1 Tipografia */
/*    1.2 Seccions globals */
/*    1.3 Colors */
/*    1.4 Padding/margin/border */
/*    1.5 Icones */
/*    1.6 columnes / width / height */
/*    1.7 Breadcrumbs */
/*    1.8 Botons */
/*   02 - Header */
/*   03 - Footer */
/*   04 - Home /
/*   05 -  */
/*   06 -  */
/*   07 -  */
/*   08 -  */
/*   09 -  */
/*   10 -  */
/*   11 -  */
/*   12 - */
/*   13 - */
/*   14 - */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 10 version
*/

/***

====================================================================
  00 - Importing styles
====================================================================

***/

@import url("../generatepress/style.css");


/***

====================================================================
  01 - Global Settings
====================================================================

***/

/*    1.1 Tipografia */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: 'icones';
  src: url('/wp-content/themes/generatepress_child/inc/font/icon/icon.eot');
  src: url('/wp-content/themes/generatepress_child/inc/font/icon/icon.eot#iefix') format('embedded-opentype'),
       url('/wp-content/themes/generatepress_child/inc/font/icon/icon.woff2') format('woff2'),
       url('/wp-content/themes/generatepress_child/inc/font/icon/icon.woff') format('woff'),
       url('/wp-content/themes/generatepress_child/inc/font/icon/icon.ttf') format('truetype'),
       url('/wp-content/themes/generatepress_child/inc/font/icon/icon.svg#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*    1.2 Seccions globals */

html, body{
  font-family: "Noto Sans", sans-serif;
  font-weight: 300;
  line-height: 1.3;
  font-size:1rem;
}

h1, .h1{
  font-size: 3rem;
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.h1-no-visible{
  font-size: 0px;
  opacity: 0;
  margin: 0;
}

h2, .h2{
  font-size: 2.1rem;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: 1.3;
  text-transform: uppercase;
}

.h2-no-visible{
  font-size: 0px;
  opacity: 0;
  margin: 0;  
}

h3, .h3{
  font-size: 1.75rem;
  margin-bottom: 0px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}

h4, .h4{
  font-size: 1.45rem;
  margin-bottom: 0px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}

p{
line-height: 1.4;
  font-size:1.1rem;
  margin-bottom: 16px;
  font-weight: 300;
}

a.link-reves, .link-reves{
  color: rgb(34,34,34);
}

a.link-reves:hover, .link-reves:hover{
  color: var(--accent);
}

a.link-white, .link-white{
  color: white;
}

a.link-white:hover, .link-white:hover, .link-white a:hover{
  color: var(--accent);
}

span{
  line-height: 1.4;
  font-size:1.1rem;
}

table, .table{
  margin-bottom: 0;
}


.site-main > * {
    margin-bottom: 0px;
}

.full-width-content .container.container-content.grid-container {
    max-width: 1200px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
  padding-left: 0;
  padding-right: 0;
}

.container-banner .container{
  background-color: transparent;
}

.grid-container-padding{
    padding-left: 30px;
    padding-right: 30px;
  }

@media (max-width: 1199.98px) {

  .grid-container-padding{
    padding-left: 40px;
    padding-right: 40px;
  }

}


/*    1.3 Colors */

.b-gris{
  background-color: #E7E7E7;
}

.b-black{
  background-color: #000000;
}

.b-black-50{
  background-color: rgba(0, 0, 0, 0.8);
}

.b-foto{
  background-size: cover;
  background-position: center;
}

/*    1.4 Padding/margin/border */

/*    1.5 Icones */
.icon {
  font-family: "icones";
    font-style: normal;
    font-weight: normal;
    font-size: 1.75rem;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-youtube{
  font-size: 1.45rem;
}

.icon-mes-ic{
  font-size: 1.85rem;
}

/*    1.6 columnes / width / height */

.full-portal{
  height: 100vh;
}

.h-100{
  height: 100%;
}

@media (max-width: 767.98px) {

  .full-portal{
    height: auto;
  }

}

/*    1.7 Breadcrumbs */
/*    1.8 Botons */

.btn.boto-quadrat{
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.9rem;
}

.btn.btn-light{
  color: var(--accent);
}

.btn.btn-light:hover{
  color: white;
  background-color: var(--accent);
  border-color: var(--accent);
}

.btn.btn-outline-danger{
  border-width: 2px;
  border-color: var(--accent);
  color: var(--accent);
}

.btn.btn-outline-danger:hover{
  border-width: 2px;
  border-color: var(--accent);
  color: white;
  background-color: var(--accent);
}

.btn.btn-outline-danger:focus{
  color: white;
  background-color: var(--accent);
}

.boto-marge{
  margin: 5px;
}

/*    1.9 Formularis */

.formulari-wrap .formulari-item .wpcf7-form-control-wrap input.form-input-t{
  display: block;
}

.formulari-wrap .formulari-item .wpcf7-form-control-wrap input.form-input-t{
  width: 100%;
  font-family: "Noto Sans", sans-serif;
}

.formulari-wrap .formulari-item .wpcf7-form-control-wrap input.form-input-t::-webkit-input-placeholder, .formulari-wrap .formulari-item .wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size:0.9rem;
  color: rgba(20,20,20,0.6);
  text-transform: uppercase;
}

.formulari-wrap .formulari-item .wpcf7-form-control-wrap input.form-input-t::-moz-placeholder, .formulari-wrap .formulari-item .wpcf7-form-control-wrap textarea::-moz-placeholder {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size:0.9rem;
  color: rgba(20,20,20,0.6);
  text-transform: uppercase;
}

.formulari-wrap .formulari-item .wpcf7-form-control-wrap input.form-input-t:-ms-input-placeholder, .formulari-wrap .formulari-item .wpcf7-form-control-wrap textarea:-ms-input-placeholder {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size:0.9rem;
  color: rgba(20,20,20,0.6);
  text-transform: uppercase;
}

.formulari-wrap .formulari-item .wpcf7-form-control-wrap input.form-input-t::-ms-input-placeholder, .formulari-wrap .formulari-item .wpcf7-form-control-wrap textarea::-ms-input-placeholder {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size:0.9rem;
  color: rgba(20,20,20,0.6);
  text-transform: uppercase;
}

.formulari-wrap .formulari-item .wpcf7-form-control-wrap input.form-input-t::placeholder, .formulari-wrap .formulari-item .wpcf7-form-control-wrap textarea::placeholder {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size:0.9rem;
  color: rgba(20,20,20,0.6);
  text-transform: uppercase;
}

.formulari-wrap .formulari-item .wpcf7-form-control-wrap textarea{
  height: 200px;
  font-family: "Noto Sans", sans-serif;
}

.formulari-wrap .formulari-item p{
  margin-bottom: 10px;
}

.formulari-wrap .formulari-item:not(.formulari-item-acceptacio) label{
  font-size: 0px;
  opacity: 0;
  margin: 0;
  line-height: 0;
  display: block;
}

.formulari-wrap .formulari-item-acceptacio p{
  margin-bottom: 0px;
}

.formulari-wrap .formulari-item-acceptacio .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
}

.formulari-wrap .formulari-boto{
  margin-top: 35px;
}

button, html input[type="button"], input[type="submit"]{
    border: 2px solid var(--accent);
    text-transform: uppercase;
    font-family: "Noto Sans", sans-serif;
  font-weight: 800;
  font-size:0.9rem;
  padding: 0.375rem 0.75rem;
}

.formulari-wrap .text-acceptacio{
    font-size: 0.9rem;
    line-height: 1.3;
    display: block;
}

/***

====================================================================
  02 - Header
====================================================================

***/

.header-sticky{
  position: fixed;
  top:0;
  left:0;
  right: 0;
  z-index: 100;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.inside-header {
    padding: 25px 30px 25px;
}

.header-transparent{
  background-color: transparent;
}

.header-transparent .main-navigation .main-nav ul li a{
  color:white;
}

.header-transparent .main-navigation .main-nav ul li[class*="current-menu-"] > a, .header-transparent .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .header-transparent .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .header-transparent .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .header-transparent .main-navigation .menu-bar-item:hover > a, .header-transparent .main-navigation .menu-bar-item.sfHover > a {
  color:#c8013e;
}

.main-navigation, .main-navigation ul ul {
    background-color: transparent;
}

.main-navigation .main-nav>ul {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.main-navigation .main-nav ul li a {
    padding-left: 13px;
    padding-right: 13px;
    line-height: 2.5;
    text-transform: initial;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.25px;
}

.nav-float-right #site-navigation {
    margin-left: 30px;
    width: 100%;

}

#site-navigation .main-nav{
  width: 100%;
}


/* Selector de WPML */

.wpml-ls-legacy-dropdown {
    width: 59px;
    max-width: 100%;
}

.main-navigation .main-nav ul li a .wpml-ls-display{
    font-size: 14px;
}

/* boto responsive */

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: rgba(0, 0, 0, 0);
}

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    color: white;
}

.header-transparent .main-navigation .main-nav ul li a, .header-transparent .main-navigation .menu-toggle, .header-transparent .main-navigation .menu-bar-items {
    color: white;
}

.icon-menu-bars{
  font-size: 23px;
}



@media (max-width: 897px) {

  .site-header .header-image {
    width: 100px;
  }

  .has-inline-mobile-toggle .mobile-menu-control-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

.has-inline-mobile-toggle .inside-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

  .main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {
    display: block;
}

.main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
    display: none;
}


  .inside-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 40px 20px;
}

.nav-float-right #site-navigation {
    margin-left: 0px;
    width: 100%;
}


.menu-item.wpml-ls-item{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 13px;
}
}

/***

====================================================================
  03 - Footer
====================================================================

***/

.site-footer{
  position: relative;
  z-index: 5;
}

.site-footer:not(.footer-bar-active) .copyright-bar {
    margin: 0 auto;
    width: 100%;
}


/*  Footer bottom */

.site-info .footer-bottom-legal p{
  margin-bottom: 0px;
}

.site-info a{
    color: white;
    text-decoration: none;
}

.site-info a:hover{
    color: var(--accent);
}

.footer-bottom-legal{
  padding-top:20px;
  padding-bottom:15px;
  text-align: left;
}

.footer-bottom-legal .footer-widget-1{
  padding-bottom: 14px;
}

.logo-footer-link{
  display: block;
}

.logo-footer-link .logo-footer{
  max-width: 150px;
}

.mail-footer{
  font-size: 1.2rem;
  margin-top: 10px;
  display: block;
}

.footer-bottom-legal .footer-widget-2{
  
}

.footer-bottom-legal .footer-widget-2 .titol-xarxes{
  font-size: 1.2rem;
  margin-bottom: 15px;
  display: block;
  font-weight: 700;
}

.footer-bottom-legal .footer-widget-2 .xarxes-menu-footer{
  margin:0;
}

.footer-bottom-legal .footer-widget-2 li{
  display:block;
  padding-right: 10px;
}

.footer-bottom-legal .footer-widget-3{

}

.footer-bottom-legal .footer-widget-3 .titol-xarxes{
  font-size: 1.2rem;
  margin-bottom: 15px;
  display: block;
  font-weight: 700;
}

.footer-bottom-legal .footer-widget-3 li{
  display:block;
  padding-right: 10px;
}

.footer-widget-4 .menu-legal-container{
  text-align: left;
}

.footer-widget-4 .menu-legal-container li{
  margin-bottom: 5px;
}

.footer-widget-4 .menu-legal-container a{
  text-decoration: none;
}

@media (max-width: 575.98px) {

  .footer-widget-4{
    padding-top: 20px;
  }
}

/***

====================================================================
  05 - BLOCS DE CONTINGUT
====================================================================

***/

/* SLIDER */
.top-slider{
  height: 100vh;
  min-height: 100%;
  width: 100%;
}

.top-slider-row{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.top-slider-wrapper-full, .top-slider-item-full{
  width: 100%;
  height: 100%;
}

.top-slider-item{
  position: relative;
}

.top-slider-item img.image-fons {
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}

.top-slider-item img.img-slider-mobile{
    display: none;
  }

.top-slider-text{
  position: absolute;
  top: 0px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  z-index: 9;
}

.top-slider-text .image-logo{
  max-width: 265px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (max-width: 575.98px) {

  .top-slider-item img.img-slider-pc {
    display: none;
}

  .top-slider-item img.img-slider-mobile{
    display: block;
  }
}

/*VIDEO MEDIATECA*/

.video-mediateca{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-mediateca-responsive{
  display: none;
}


.swiper-youtube iframe{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.top-slider-row .swiper-youtube iframe:last-of-type{
  display: none;
}

@media (max-width: 575.98px) {
.video-mediateca-pc{
  display: none;
}

  .video-mediateca-responsive{
    display: block;
  }

.top-slider-row .swiper-youtube iframe:first-of-type{
  display: none;
}

.top-slider-row .swiper-youtube iframe:last-of-type{
  display: block;
}
}

/* BOTONS SLIDER */

.top-slider-row [class^="swiper-button-"], .esp-slider-row [class^="swiper-button-"], .esp-slider-reels-row [class^="swiper-button-"]{
   color: white;

   width: 100px;
}

.top-slider-row [class^="swiper-button-"]::after, .esp-slider-row [class^="swiper-button-"]::after, .esp-slider-reels-row [class^="swiper-button-"]::after{
  font-size: 30px;
}

.top-slider-row .swiper-pagination-bullet, .top-slider-row .swiper-pagination-bullet-active, .esp-slider-row .swiper-pagination-bullet, .esp-slider-row .swiper-pagination-bullet-active, .esp-slider-reels-row .swiper-pagination-bullet, .esp-slider-reels-row .swiper-pagination-bullet-active{
  background-color: white;
}

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


/* PROJECTES ASOCIATS SLIDER */

.projectes-asosiats-slider-home{
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  z-index: 9;
}


@media (max-width: 991.98px) {

  .projectes-asosiats-slider-home{
bottom: unset;
        position: static;
        margin-top: 100vh;
}

.top-slider-container-home-responsive{
  height: auto;
}

.b-black-50{
  background-color: rgba(0, 0, 0, 1.0);
}
}

/* SLIDER IMATGE UNICA */

.top-imatge{
  width: 100%;
  height: 380px;
  overflow: hidden;
  position: relative;
}

.top-imatge img{
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 380px;
}

.top-title-row{
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.top-title-row .container-subtitle-top-imatge{
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 150px;
  color: white;
}

.subtitle-top-imatge{
  margin-top: 15px;
  padding-bottom: 30px;
}

.subtitle-top-imatge p{
  color: white;
}

.top-imatge + .content-light{
  margin-top: 50px;
}


/* TIMELINE */

.timeline-container{
  padding-top: 60px;
  padding-bottom: 60px;
}

.timeline-container.b-foto{
  color: white;
}

.title-timeline-wrap{
  text-align: right;
}

.col-timeline{
  padding-left: 30px;
  padding-right: 30px;
}

.table-timeline-wrap{
  border-left: 1px solid rgb(34, 34, 34);
}

.timeline-container.b-foto .table-timeline-wrap{
  border-left: 1px solid white;
}

.table-timeline{
  background-color: transparent;
  border: 0px;
}

.table-timeline tr{
  background-color: transparent;
  border: 0px;
}

.table-timeline td{
  background-color: transparent;
  border: 0px;
  padding: 3px;
  font-size: 1.1rem;
}

.table-timeline .any-table{
  width: 15%;
}

.table-timeline-2 .content-table{
  width: 85%;
  font-weight: 700;
}

.table-timeline-3 .content-table{
  width: 45%;
  font-weight: 700;
}

.table-timeline .content-table .w-400{
  font-size: 1.1rem;
  font-weight: 400;
}

.table-timeline-3 .table-timeline .extra-table{
  width: 35%;
}

.timeline-container.b-foto .table-timeline td{
  color:white;
}

@media (max-width: 991.98px) {
  .title-timeline-wrap{
    text-align: left;
    margin-bottom: 25px;
  }

.table-timeline-wrap{
  border-left: 0px solid rgb(34, 34, 34);
}

.timeline-container.b-foto .table-timeline-wrap{
  border-left: 0px solid white;
}
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
}

/* CONTACTE BLOC */

.row-contacte{
  padding-top: 40px;
  padding-bottom: 80px;
}

.row-contacte-bloc{
  padding-top: 80px;
  padding-bottom: 80px;
}

.row-contacte .info-contacte-wrap{
  margin-top: 15px;
  margin-bottom: 20px;
}

.row-contacte .contacte-wrap{
  margin-top: 25px;
}

.row-contacte .contractacio-wrap{
  margin-top: 25px;
}

.text-title-contact{
  font-weight: 700;
  display: block;
}

.link-contact{
  display: block;
  line-height: 1.3;
  font-size: 1.2rem;
  font-weight: 400;
  color:rgb(34, 34, 34);
  text-decoration: none;
}

.row-contacte .columna-formulari{
margin-top: 12px;
}

/* CONTACTE PÀGINA */

.formulari-pagina-container{
  margin-top: 40px;
}

.columna-contactes .columna-contactes-wrap{
   padding: 35px;
}

.columna-contactes .contacte-page-wrap{
  margin-bottom: 15px;
}

.logo-contacte-wrap{
  max-width: 150px;
  margin-bottom: 25px;
}

.logo-contacte-wrap a{
  display: block;
}

.columna-contactes .contractacio-page-wrap{
}

.logo-contractacio-wrap{
  max-width: 200px;
  margin-bottom: 15px;
}

.logo-contractacio-wrap a{
  display: block;
}

.container-xarxes{
  margin-top: 15px;
}

.xarxes-menu-contacte{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.xarxes-menu-contacte li{
  display: inline-block;
  text-decoration: none;
}

.xarxes-menu-contacte li a{
  text-decoration: none;
  display: block;
  padding: 4px;
}

@media (max-width: 767.98px) {
  .formulari-pagina-container{
    margin-bottom: 40px;
  }
}

/* ESPECTACLES */
/* ESPECTACLES PETITS */

.row-espectacles-petits{
  padding-top: 80px;
  padding-bottom: 80px;
}

.espectacle-petit-item{
  padding-top: 12px;
  padding-bottom: 12px;
}

.espectacle-petit-item-link{
  display: block;
  text-decoration: none;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position:relative;
}

.descatalogat-esp-petit{
  position: absolute;
    top: 30px;
    left: 0px;
    background-color: var(--accent);
    padding: 8px 14px;
    font-size: 1.5rem;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
}

.espectacle-petit-titol{
  padding: 15px 20px;
  position: relative;
}

.espectacle-petit-titol h3{
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1;
  padding-right: 50px;
}

.espectacle-petit-titol h3 .subtitol-espectacle{
  display: block;
  color: rgb(34,34,34);
  font-weight: 700;
  text-transform: initial;
}

.icona-espectacle-petit{
  position: absolute;
  top: 22px;
  right: 22px;
  color:rgb(34,34,34);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.espectacle-petit-item-link:hover img{
  opacity: 0.8;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.espectacle-petit-item-link:hover, .espectacle-petit-item-link:hover h3, .espectacle-petit-item-link:hover .icona-espectacle-petit{
  color: var(--accent);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.espectacle-petit-item-link:hover .icona-espectacle-petit{
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.boto-espectacles{
  text-align: center;
  margin-top: 30px;
}

/* ESPECTACLES GRANS */

.container-espectacles-grans{
  margin-top: 0px;
  margin-bottom: 45px;
}

.row-espectacles-grans{
  margin-right: -18px;
  margin-left: -18px;
  padding-top: 35px;
  padding-bottom: 35px;
}

.row-espectacles-grans:not(.row-espectacles-grans:last-of-type){
  border-bottom: 1px solid #d5d5d5;
  
}

.col-esp-gran{
  padding-right: 18px;
  padding-left: 18px;
}

.col-imatge-esp-gran{
  position:relative;
}

.descatalogat-esp-gran{
  position: absolute;
    bottom: 35px;
    left: 0px;
    background-color: var(--accent);
    padding: 10px 20px;
    font-size: 1.75rem;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
}

.info-esp-gran{
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: auto;
    margin-bottom: auto;
}

.info-esp-gran h2{
  color: var(--accent);
  font-weight: 800;
  line-height: 1;
}

.info-esp-gran h2 .subtitol-espectacle{
  display: block;
    font-weight: 700;
    font-size: 1.5rem;
    color: rgb(34, 34, 34);
    text-transform: initial;
    line-height: 1.1;

}

.info-esp-gran p{
  margin-top: 12px;
  max-width: 460px;
}

.boto-mes-info-espectacles{
  margin-top: 25px;
}


/* galeria */

.esp-slider-item {
    position: relative;
    aspect-ratio: 475 / 317;
    overflow: hidden;
}

.esp-slider-reels-row .esp-slider-item {
    position: relative;
    aspect-ratio: 9 / 16;
    overflow: hidden;
}


/* categoria */

.categoria-espectacle-wrap{
margin-bottom: 20px;
}

.categoria-espectacle{
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 0.8rem;
    border-radius: 12px;
    color: #333;
    padding: 3px 10px;
    font-weight: 400;
}

@media (max-width: 767.98px) {

  .row-espectacles-grans{
  padding-top: 55px;
}
}

/* AGENDA */

.row-agenda{
  padding-top: 80px;
  padding-bottom: 80px;
}

.filtre-agenda-wrap{
    margin-bottom: 50px;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.title-filtre{
  margin-right: 15px;
  padding-right: 25px;
  border-right: 1px solid #d5d5d5;
}

.title-filtre span{
  font-weight: 700;
  font-size: 1.05rem !important;
  text-transform: uppercase;
  padding-top: calc(50% - 27px);
  display: block;
}

.selection-filter, .grup-filter{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.selection-filter .label-filter{
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
    text-transform: uppercase;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 1.05rem !important;
}

.selection-filter select{
  margin-right: 8px;
  padding: 4px 7px;
  font-family: "Noto Sans", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  color: var(--accent);
  font-weight: 700;
}

.content-agenda-tables h2{
  /*border-bottom: 1px solid #000000;*/
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 12px;
}

.table-responsive-agenda{
  margin-bottom: 30px;
}

.table{
  --bs-table-striped-bg: rgba(0, 0, 0, 0.02);
}

.table-agenda{
  border: 0px;
  
}

.table-responsive-agenda{
  margin-top: 30px;
}

.table-agenda tr{
  border: 0px;
}

.table-agenda td{
  border: 0px;
  border-bottom: 1px solid #d5d5d5;
  font-weight: 700;
  font-size: 1.05rem;
  padding: 15px 12px;
}

.dia-esp{
display: block;
font-size: 0.95rem;
}

.tipus-esp{
display: block;
  text-transform: uppercase;
  color: var(--accent) !important;
}

.localitzacio-esp{
display: block;
font-size: 0.95rem;
font-weight: 400;
}

.entrades-esp{
  width: 22%;
  text-align: center;
}

.exhaurit-esp, .pendent-esp{
  text-transform: uppercase;
  color: #810000 !important;
  font-size: 0.95rem !important;
}

.btn.boto-entrades{
  font-size: 0.9rem;
    line-height: 1.1;
    padding: 6px 15px;
}

.spiner-boto-mes{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  margin-top: auto;
  margin-bottom: auto;
}

@media (max-width: 849.98px) {
  .filtre-agenda-wrap{
      padding: 12px;
      display: block;
      
  }

  .title-filtre{
    border-right: 0px;
    margin-right: 0px;
    padding-right: 0px;
  }

  .title-filtre span{
    padding-top: 10px;
    display: block;
    margin-bottom: 25px;
  }

  .selection-filter{
    margin-left: -10px;
  }
}

@media (max-width: 767.98px) {

  .grup-filter{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.selection-filter select {
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 10px 7px;
}

#FiltrarAgenda{
  margin-top: 26px;
  margin-left: 12px;
}
  
}

@media (max-width: 575.98px) {
  .selection-filter{
    display: block;
  }

  .grup-filter{
    margin-bottom: 10px;
  }
  #FiltrarAgenda{
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

/* PROJECTES ASSOCIATS */

.row-projectes{
  padding-top: 120px;
  padding-bottom: 120px;
  margin-left: -20px;
  margin-right: -20px;
}

.row-projectes-2{
  padding-top: 50px;
  padding-bottom: 50px;
  margin-left: -20px;
  margin-right: -20px;
}

.projecte-single-item{
  padding-left: 20px;
  padding-right: 20px;
  align-content: center;
}

.boto-projecte-associat{
  transition: all 0.3s ease-in-out;
}

.boto-projecte-associat:hover{
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}

.projecte-single-item img{
  max-width: 180px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.projecte-single-item:nth-of-type(3) img, .projecte-single-item:nth-of-type(4) img, .projecte-single-item:nth-of-type(5) img{
  max-width: 135px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (max-width: 991.98px) {

.projecte-single-item:not(:last-of-type) img{
 margin-bottom: 50px;
}
.projecte-single-item:nth-of-type(3) img, .projecte-single-item:nth-of-type(4) img, .projecte-single-item:nth-of-type(5) img{
  max-width: 180px;
}

.row-projectes-2{
  padding-top: 120px;
  padding-bottom: 120px;
  margin-left: -20px;
  margin-right: -20px;
}

}

/* MITJANS */

.row-mitjans{
  margin-top: 80px;
  margin-bottom: 40px;
}

.col-mitja-wrap{
  margin-bottom: 10px;
}

.row-mitja-wrap-item{
  padding: 20px;
}

.title-mitjasns{
  padding-bottom: 25px;
}

.col-imatge-mitja img{
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.title-mitja{
  padding-top: 20px;
  padding-bottom: 20px;
}

.title-mitja h3{
  color: var(--accent);
  font-weight: 800;
  font-size: 1.95rem;
  line-height: 1.1;
}

.title-mitja span{
  color: rgb(24, 24, 24);
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
}

.row-mitja-wrap-item p{
  font-size: 1.15rem;
}

.row-mitja-wrap-item .botons-mitja{
  padding-bottom: 10px;
}
/* ENTREVISTES */

.row-enllacos{
  margin-top: 80px;
  margin-bottom: 80px;
}

.title-enllac{
  padding-bottom: 25px;
}

.enllac-item{
  margin: 0;
  list-style: none;
}

.enllac-item li{
  display: block;
  margin-top: 8px;
}

.enllac-item .enllac-item-link{
  display: block;
  padding: 18px 75px 18px 25px;
  position: relative;
  text-decoration: none;
}

.enllac-item-link .titol-enllac{
  color: var(--accent);
  display: block;
  font-size: 1.85rem;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.1;
}

.enllac-item-link .subtitol-enllac{
  color: rgb(24, 24, 24);
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.1;
}

.enllac-item-link .icon-mes-ic{
  position: absolute;
  top: calc(50% - 10px);
  right: 25px;
  color:rgb(34,34,34);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.enllac-item-link:hover .icon-mes-ic{
  color: var(--accent);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

/***

====================================================================
  07 - PÀGINES SENSE SLIDER
====================================================================

***/

.container-no-slider{
  padding-top:200px;
}


/* TEXT LEGAL */

.content-text-mig{
  padding-top: 60px;
  padding-bottom: 80px;
}

.content-text-mig h2{
  font-size: 1.75rem;
  margin-top: 30px;
  margin-bottom: 20px;
}
.content-text-mig li{
line-height: 1.3;
    font-size: 1.1rem;
    }
/***

====================================================================
  08 - ESPECTACLES
====================================================================

***/

/*INFOR BÀSICA*/

.row-info-basica-espectacle{
  padding-top: 80px;
  padding-bottom: 80px;
  margin-left: -20px;
  margin-right: -20px;
}

.row-info-basica-espectacle .col-esp-single{
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.row-info-basica-espectacle img{
  width: 100%;
}

.row-info-basica-espectacle .title-esp-single{
  margin-top: 20px;
}

.row-info-basica-espectacle h1{
  line-height: 1;
  color: var(--accent);
  font-weight: 800;
}

.row-info-basica-espectacle h1 .subtitol-espectacle{
  display: block;
    font-weight: 700;
    font-size: 2rem;
    color: rgb(34, 34, 34);
    text-transform: initial;
    line-height: 1;
}

.row-info-basica-espectacle .content-esp-single{
  padding-top: 25px;
}

.row-info-basica-espectacle .descatalogat-esp-single{
  position: absolute;
  top: -50px;
  right: 0;
  background-color: var(--accent);
    padding: 10px 20px;
    font-size: 1.25rem;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
}

.row-info-basica-espectacle .content-esp-single p{
  font-size: 1.2rem;
  margin-bottom: 14px;
}

.row-info-basica-espectacle .botons-espectacles{
  margin-right: -5px;
  margin-left: -5px;
  padding-top: 15px;
}

/*FITXA TÈCNICA*/

.row-fitxa-tecnica-esp{
  padding-top: 80px;
  padding-bottom: 80px;
}

.row-fitxa-tecnica-esp .title-fitxa{
  margin-bottom: 30px;
}

.table.table-fitxa, .table.table-fitxa tr, .table.table-fitxa td{
  background-color: transparent;
  border: 0px;
}

.table.table-fitxa td{
  font-size: 1.1rem;
  line-height: 1;
  border-bottom: 1px solid rgb(24,24,24);
  padding: 14px 18px;
}

.table.table-fitxa tr:first-of-type td{
  border-top: 1px solid rgb(24,24,24);
}

.table.table-fitxa .carrec-table{
  font-weight: 700;
  text-transform: uppercase;
}

.table.table-fitxa .nom-table{
  font-weight: 500;
  text-align: right;
}

@media (max-width: 767.98px) {

  .col-fitxa-2 .table.table-fitxa tr:first-of-type td{
    border-top: 0px solid rgb(24,24,24);
  }

}
/*GALERIA*/

.row-galeria-esp{
  padding-top: 80px;
  /*padding-bottom: 80px;*/
}

.row-galeria-esp .title-galeria{
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 18px;
}

.lightboxgrid-row{
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 30px;
}

.col-imatge-galeria{
  padding-left: 5px;
  padding-right: 5px;
  aspect-ratio: 3/2;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
}

.col-imatge-galeria img{
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.videos-wrap{
  margin-top: 30px;
}

.embed-container{
  padding-bottom: 56.25%;
    position: relative;
}

.embed-container iframe{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.row-galeria-esp .botons-galeria{
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 25px;
}

/*MODUL MÉS*/

.row-extres-esp{
  padding-top: 80px;
  padding-bottom: 20px;
}

.col-extres-wrap-content{
  border-top: 1px solid #d5d5d5;
  padding-top: 30px;
  padding-bottom: 30px;
}

.col-extres-wrap:last-of-type .col-extres-wrap-content{
  border-bottom: 1px solid #d5d5d5;
}

.row-extres-wrap-content{
  margin-left: 0;
  margin-right: 0;
}

.col-extres-general{
  padding-left: 20px;
  padding-right: 20px;
}

.image-extres img{
  width: 100%;
}

.content-extres{
  padding-right: 110px;
}

.collapse-extres-wrap {
  margin-top: 20px;
  display: block;
}

.collapse-extres-wrap-link{
  text-decoration: none;
  color:rgb(34, 34, 34);
  position: relative;
}

.title-extres{
  margin-bottom: 20px;
}

.title-extres h2{
  font-size: 2.25rem;
  line-height: 1.1;
  margin-bottom: 5px;
}

.title-extres span{
  text-transform: uppercase;
  font-weight: 700;
  
}

.title-extres span .w-400{
  text-transform: initial;
  font-weight: 400;
}

.col-extres-general p {
    font-size: 1.2rem;
    margin-bottom: 14px;
}

.icona-excert-mes{
  position: absolute;
    right: -80px;
    font-size: 3rem;
    top: 20px;
  color:rgb(34,34,34);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.collapse-extres-wrap-link:hover .icona-excert-mes{
  color: var(--accent);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}


.mes-info-extres h3{
  font-size: 1.25rem;
    margin-bottom: 0px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--accent);
}

.botons-acordeo{
  margin-right: -5px;
  margin-left: -5px;
}

@media (max-width: 767.98px) {
  .col-extres-wrap-content {
    padding-top: 46px;
  }
}

/*ALTRES ESPECTACLES*/

.row-related-espectacles{
  padding-top: 80px;
  padding-bottom: 80px;
}

.title-altres-espectacles{
  padding-bottom: 15px;
}


/* RESPONSIVE */

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
}