/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme CARDAGRACIA
 Author:       AMBDUES
 Author URI:   https://ambdues.com
 Template:     generatepress
 Version:      0.1
*/

/*
    Created on : 19/02/2026
*/

/* ------------------------------------------ */
/*             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 - */

/***

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

***/

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


/***

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

***/

/*    1.1 Tipografia */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&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: "Open Sans", sans-serif;
  font-weight: 300;
  line-height: 1.3;
  font-size:1rem;
}

h1, .h1{
  font-size: 3rem;
  line-height: 1.1;
  font-weight: 400;
  margin-bottom: 0px;
  letter-spacing: -0.9px;
  color: var(--accent);
}

.titol-newsletter .h1{
  font-size: 2.5rem;
}

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

h2, .h2{
  font-size: 1.6rem;
  font-weight: 800;
  margin-bottom: 0px;
  line-height: 1.15;
  letter-spacing: -0.3px;
  color: var(--accent);
}

h3, .h3{
  font-size: 1.25rem;
  margin-bottom: 0px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.3px;
}

h4, .h4{
  font-size: 1.15rem;
    margin-bottom: 0px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--accent);
}

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

span{
  line-height: 1.4;
  font-size:1rem;
  font-weight: 400;
}

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);
}

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

.white, .white p, .white h1, .white h2{
  color: white;
}


.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;
  }

  .one-container .site-content {
      padding: 0px 30px 0px 30px;
  }

@media (max-width: 1199.98px) {

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

  .one-container .site-content {
      padding: 0px 40px 0px 40px;
  }
}


/*    1.3 Colors */

.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;
}

/*    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: 600;
  font-size: 0.8rem;
}

.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);
}

.white .btn.btn-outline-danger{
  border-color: white;
  color: white;
}

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

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

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

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

/*    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: "Open 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: "Open Sans", sans-serif;
  font-weight: 700;
  font-size:0.9rem;
  color: rgba(20,20,20,0.6);
}

.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: "Open Sans", sans-serif;
  font-weight: 700;
  font-size:0.9rem;
  color: rgba(20,20,20,0.6);
}

.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: "Open Sans", sans-serif;
  font-weight: 700;
  font-size:0.9rem;
  color: rgba(20,20,20,0.6);
}

.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: "Open Sans", sans-serif;
  font-weight: 700;
  font-size:0.9rem;
  color: rgba(20,20,20,0.6);
}

.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: "Open Sans", sans-serif;
  font-weight: 700;
  font-size:0.9rem;
  color: rgba(20,20,20,0.6);
}

.formulari-wrap .formulari-item .wpcf7-form-control-wrap textarea{
  height: 200px;
  font-family: "Open 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: "Open Sans", sans-serif;
  font-weight: 800;
  font-size:0.9rem;
  padding: 0.375rem 0.75rem;
}

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

.formulari-wrap.white .formulari-item .wpcf7-form-control-wrap input.form-input-t{
  color: white;
}


.formulari-wrap.white .formulari-item .wpcf7-form-control-wrap input.form-input-t::-webkit-input-placeholder, .formulari-wrap.white .formulari-item .wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
  color: white;
}

.formulari-wrap.white .formulari-item .wpcf7-form-control-wrap input.form-input-t::-moz-placeholder, .formulari-wrap.white .formulari-item .wpcf7-form-control-wrap textarea::-moz-placeholder {
    color: white;
}

.formulari-wrap.white .formulari-item .wpcf7-form-control-wrap input.form-input-t:-ms-input-placeholder, .formulari-wrap.white .formulari-item .wpcf7-form-control-wrap textarea:-ms-input-placeholder {
  color: white;
}

.formulari-wrap.white .formulari-item .wpcf7-form-control-wrap input.form-input-t::-ms-input-placeholder, .formulari-wrap.white .formulari-item .wpcf7-form-control-wrap textarea::-ms-input-placeholder {
  color: white;
}

.formulari-wrap.white .formulari-item .wpcf7-form-control-wrap input.form-input-t::placeholder, .formulari-wrap.white .formulari-item .wpcf7-form-control-wrap textarea::placeholder {
  color: white;
}

.formulari-wrap.white .wpcf7-list-item-label{
    font-size: 0.9rem;
    line-height: 1.1;
}

/***

====================================================================
  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;
}

.header-bottom:not(.header-transparent){
  border-bottom: 1px solid var(--base);
}

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

.header-transparent{
 /* background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);*/
 background-color: rgba(255,255,255,0.75);
}

/*.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:var(--accent);
}*/

.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: 18px;
    padding-right: 18px;
    line-height: 2.5;
    text-transform: initial;
    font-size: 0.85rem;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    font-weight: 700;
}

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

}

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

/* 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);
}

/*.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: 150px;
  }

  .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%;
}

}

/***

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

***/

/* footer logos */

.text-footer p{
  font-size:0.85rem;
  font-weight:300;
  margin-bottom: 10px !important;
}

.text-footer-buit{
  margin-bottom: 30px !important;
      padding-bottom: 24px;
}

.logo-footer-gris{
  filter: grayscale(100%);
  transition:all 0.2s ease-in-out;
}

.logo-footer-gris-clar{
  filter: invert(.5) saturate(200%) brightness(70%);
  transition:all 0.2s ease-in-out;
}

.logo-footer-gris:hover{
  filter: grayscale(0%);
  transition:all 0.2s ease-in-out;
}


.logo-footer-gris-clar:hover{
  filter: unset;
  transition:all 0.2s ease-in-out;
}

.logo-footer-gris a{
  display:block;
}

@media (max-width: 575.98px) {
  .flex-footer-logos{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
}



/* 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;
  }
}

.menu-menu-legal-container li {
    display: inline-block;
}

.menu-menu-legal-container li a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: .85rem;
    font-weight: 300;
    text-decoration: none;
}

/***

====================================================================
  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;
  }
}




/* 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;
}

/* animació typewriter */

.cg-typewriter{
  position: absolute;
    z-index: 10;
    bottom: 50px;
    text-align: center;
    padding: 50px;
    left: 0px;
    right: 0px;
}

.cg-tw-target{
  font-size: 2.5rem;
  line-height: 1;
  color: white;
  font-weight: 400;
  display: inline-block;
  text-align: center;
}
.cg-tw-target strong{
  color: var(--accent);
  font-weight: 800;
}

/* PRESWENTACIÓ HOME */

.presentacio-home p{
  font-size: 1.2rem;
}

/* BLOC TÍTOL PÀGINA */

.bloc-titol-pagines p{
    margin-top: 12px;
    margin-left: 2px;
}

/* PAGINA EL FESTIVAL */

.imatge-cartell{
  border: 1px solid var(--base);
}

/* ESPECTACLE */

.cg-card__info{
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
}

.cg-card__media{
  position: relative;
    aspect-ratio: 8 / 5;
    overflow: hidden;
}

.cg-squre__time{
      position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--accent);
    color: white;
    display: flex;
    padding: 12px;
    font-weight: 800;
    width: 62px;
    height: 62px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cg-square__dia{
  display: block;
  font-weight: 800;
  font-size: 1.75rem;
  text-align: center;
  line-height: 1;
}

.cg-square__mes{
  display: block;
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
}

.cg-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cg-card__title__block:not(.cg-card__title__block-destacat){
  margin-top: 16px;
  position: relative;
}

.cg-card__subtitle{
  display: block;
}

.cg-card__title_padding, .cg-card__subtitle_padding{
  padding-right: 85px;
      word-break: keep-all;
    overflow-wrap: normal;
}

.cg-card__lloc{
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.4px;
  display: block;
  margin-left: 2px;
  line-height: 1.15;
  margin-top: 3px;
}

.cg-card__lloc-padding{
  margin-left: 1px;
  margin-top: 5px;
}

.cg-card__time{
  display: block;
  margin-left: 2px;
}

.cg-card__time-padding{
  margin-left: 1px;
}

.cg-card__data, .cg-card__hora{
  font-size: 0.8rem;
  font-weight:700;
  display: inline-block;
  line-height: 1;
}
.cg-card__preu{
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  padding-left: 15px;
  border-left: 1px solid var(--base);
}

.cg-card__descriptor{
  margin-top: 16px;
  margin-bottom: 16px;
}

.cg-olot .cg-card__info__espectacle .cg-card__title, .cg-olot .cg-card__info__espectacle .cg-card__preu, .cg-olot .cg-card__subtitle{
  color: var(--accent-olot);
}

.cg-olot .cg-squre__time{
  background-color: var(--accent-olot);
}

.cg-olot .cg-card__info__espectacle .btn.btn-outline-danger{
  border-color: var(--accent-olot);
  color: var(--accent-olot);
}

.cg-olot .cg-card__info__espectacle .btn.btn-outline-danger:hover{
  border-color: var(--accent-olot);
  background-color: var(--accent-olot);
  color: white;
}

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

/* ABONAMENTS */

.cg-format-abonament{
  margin-bottom: 30px !important;
}

.cg-format-abonament.cg-girona .cg-card__info__espectacle{
  background-color: #faf3f7;
}

.cg-format-abonament.cg-olot .cg-card__info__espectacle{
  background-color: #ebf6f6;
}

.cg-format-abonament .cg-card__info__espectacle {
    padding: 30px 40px 45px 40px;
    height: 100%;
}

/* DESTACAT */

.cg-format-destacat{
  margin-bottom: 20px !important;
}

.cg-format-destacat.cg-girona .destacat-item-container{
  background-color: #faf3f7;
}

.cg-format-destacat.cg-olot .destacat-item-container{
  background-color: #ebf6f6;
}

.cg-format-destacat .cg-card__media{
  height: 100%;
  width: 100%;
}

.cg-card__title__block-destacat{
  position: relative;
}

.cg-format-destacat .cg-card__info__espectacle{
  padding-top: 50px;
  padding-left: 30px;
    padding-right: 50px;
    padding-bottom: 50px;
}


/* 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;
  }
}

/***

====================================================================
  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;
    }


    /* edicions anteriors */

    .cg-image-thumb-edicio{
      position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border: 1px solid var(--base);
    }

    .cg-image-thumb-edicio img{
      object-fit: cover;
      object-position: center;
          width: 100%;
    height: 100%;
    }

    .cg-content-edicio-item .cg-title-edicio{
      padding-bottom: 15px;
    }


    /* swipper */

    .cg-edicions-slider-container{
  padding-bottom: 60px;
  position: relative;
}


.cg-edicions-container .swiper-horizontal>.swiper-scrollbar, .cg-edicions-container .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 0px);
    bottom: var(--swiper-scrollbar-bottom, 16px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 3px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 60px));
}


.cg-edicions-container .swiper-button-next, .cg-edicions-container .swiper-button-prev {
    position: absolute;
    top: unset;
    bottom: 0px;
    width: 40px;
    height: 40px;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: block;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--accent));
}


.cg-edicions-container .fletxa-cercle {
    margin: 0px;
}


.cg-edicions-container .swiper-button-disabled .fletxa-cercle, .cg-edicions-container .swiper-button-disabled .fletxa-cercle-interior {
        border-color: var(--accent);
}


.cg-edicions-container .swiper-button-prev, .cg-edicions-container .swiper-rtl .swiper-button-next {
    left: unset;
    right: 60px;
}

    
/***

====================================================================
  08 - EDICIONS
====================================================================

***/

.single-edicio{
  margin-top: 160px;
}

.row-edicio{
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 60px;
}

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

.title-edicio{
  margin-top: 20px;
}

.content-edicio-wrap{
  margin-top: 20px;
}

.content-edicio-wrap h3{
  margin-bottom: 10px;
}


.edicio-navigation {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 48px;
  padding-top: 20px;
  border-top: 1px solid var(--contrast-3);
}

.edicio-navigation__link {
  display: block;
  text-decoration: none;
}

.edicio-navigation__link--prev {
  margin-left: auto;
  text-align: right;
}

.edicio-navigation__link span {
  display: block;
  font-weight: 600;
}

.edicio-navigation .fletxa{
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--contrast);
  border-top: 2px solid var(--contrast);
}

.edicio-navigation .fletxa.fletxa-esquerra{
 transform: rotate(-135deg);
 margin-right: 5px;
}

.edicio-navigation .fletxa.fletxa-dreta{
 transform: rotate(45deg);
 margin-left: 5px;
}

.cg-galeria-slider-container .swiper-button-next, .cg-galeria-slider-container .swiper-button-prev {
    color: var(--swiper-navigation-color, white);
}

/* PAGINES LEGALS */

.legal-page h2{
  margin-bottom: 16px;
}

/* RESPONSIVE */

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

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

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

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