@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

html, body { height: 100%; }
body { font-family: 'Roboto', sans-serif; color: #28262b; }
.condensed {font-family: 'Roboto Condensed', sans-serif;}


    
/********** Arreglos genéricos, mejor no tocar ********/

p img{ max-width: 100%; } 
p img.pull-right { margin-left: 2rem; }
p img.pull-left { margin-right: 2rem; }
.click_a { cursor: pointer; }
.c-pointer { cursor: pointer; }
.custom-control-input.is-invalid ~ .custom-control-label a, .was-validated .custom-control-input:invalid ~ .custom-control-label a{ color: #dc3545; }
.custom-control-label a{ text-decoration: underline; }
.dropdown-toggle::after { display: none }
.grecaptcha-badge { visibility: hidden; }
#logout-session{ position: fixed; z-index: 9999; border-radius: 4px 4px 0 0 ; right: 1rem; bottom: 0; }


/* ----- Custom Project ------ */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { }
h1, .h1 { }
    .blank h1 { color: #666666; }
h2, .h2 { }
h3, .h3 { }
h4, .h4 { }
h5, .h5 { font-weight: 700 }
.items h2, .items .h2, items h3, items .h3 {color: #736f5a}
a { color: #427c2c; }
a:hover, a:focus { color: #6B5D4B; text-decoration: none; }


/* ----- Custom Project ------ */
:root,
[data-bs-theme=light] {
    --bs-primary-rgb: 66, 124, 44; /* variable de BS5 */
    --bs-primary: #427c2c; /* variable de BS5 */
    --bs-primary-hover: #60bd3e; /* variable de Ladeus pels hovers buttons*/
    --bs-primary-disabled: #65775e;

  /*elements de menu */
  --bs-dropdown-link-active-bg: var(--bs-secondary)!important; /* dropdown-link:active (Background) */
  --bs-nav-link-color: var(--bs-primary); /* nav-link */
  --bs-nav-link-hover-color: var(--bs-primary-hover); /* nav-link:hover */

  /* btns bootstrap */
  --bs-btn-close-focus-shadow: box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25); /* btn-close:focus */

  /* page link */ 
  --bs-pagination-color: var(--bs-dark); /* page-link */
  --bs-pagination-hover-color: var(--bs-primary); /* page-link:hover */
  --bs-pagination-focus-box-shadow: box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25); /* page-link:focus */

  --bs-pagination-active-color: var(--bs-primary); /* .active>.page-link, .page-link.active */
  --bs-pagination-active-bg: var(--bs-dark); /* .active>.page-link, .page-link.active (Background) */
  --bs-pagination-active-border-color: var(--bs-dark);/* .active>.page-link, .page-link.active (Border-color) */
    
  /* dark */
    --bs-dark-rgb: 29,29,27;

  }

[data-bs-theme=dark] {      
    --bs-primary-rgb: 96, 189, 62; /* variable de BS5 */
    --bs-primary: #60bd3e; /* variable de BS5 */
    --bs-primary-hover: #8be46b; /* variable de Ladeus pels hovers buttons*/
    --bs-primary-disabled: #65775e;
  }

  /* btns bootstrap NO CAL TOCAR */

      .btn-primary {
          --bs-btn-color: #fff;
          --bs-btn-bg: var(--bs-primary);
          --bs-btn-border-color: var(--bs-primary);
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: var(--bs-primary-hover);
          --bs-btn-hover-border-color: var(--bs-primary-hover);
          --bs-btn-focus-shadow-rgb: var( --bs-primary-rgb );
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: var(--bs-primary-hover);
          --bs-btn-active-border-color: var(--bs-primary-hover);
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #fff;
          --bs-btn-disabled-bg: var(--bs-primary-disabled);
          --bs-btn-disabled-border-color: var(--bs-primary-disabled);
      }

      .btn-outline-primary {
          --bs-btn-color: var(--bs-primary);
          --bs-btn-border-color: var(--bs-primary);
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: var(--bs-primary-hover);
          --bs-btn-hover-border-color: var(--bs-primary-hover);
          --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb );
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: var(--bs-primary-hover);
          --bs-btn-active-border-color: var(--bs-primary-hover);
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: var(--bs-primary-disabled);
          --bs-btn-disabled-bg: transparent;
          --bs-btn-disabled-border-color: var(--bs-primary-disabled);
          --bs-gradient: none;
      }

      .btn-link {
          --bs-btn-font-weight: 400;
          --bs-btn-color: var(--bs-primary);
          --bs-btn-bg: transparent;
          --bs-btn-border-color: transparent;
          --bs-btn-hover-color: var(--bs-primary-hover);
          --bs-btn-hover-border-color: transparent;
          --bs-btn-active-color: var(--bs-primary-hover);
          --bs-btn-active-border-color: transparent;
          --bs-btn-disabled-color: #6c757d;
          --bs-btn-disabled-border-color: transparent;
          --bs-btn-box-shadow: none;
          --bs-btn-focus-shadow-rgb: 51, 153, 255;
          text-decoration: underline;
      }

  /* links base */
      a { color: var(--bs-primary); text-decoration: none; }
      a:hover, a:focus {  color: var(--bs-primary-hover); text-decoration: none; }
  /* forms bootstrap */ 
      .form-control:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25); }
      .form-check-input:checked { background-color: var(--bs-primary-hover); border-color: var(--bs-primary); } 
      .form-check-input:focus { border-color: rgba(var(--bs-primary-rgb), 0.5); box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25);}
      .form-select:focus { border-color: rgba(var(--bs-primary-rgb), 0.5); box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25);}
  /* breadcrumb */
      .breadcrumb a {color: var(--bs-gray-500);}
      .breadcrumb a:hover {color: var(--bs-gray-700);}

    /*a.text-primary:focus, a.text-primary:hover{ color: #95ca82 !important; }*/

    .text-primary.text-blau { color: #6699cc !important;}
    .btn-link{ color: #427c2c; }
    .page-item.active .page-link {background-color: #2f2b31; border-color: #2f2b31;}
    .page-link:hover { color: #736f5a;}
    .page-link { color: #2f2b31;}
    .bg-dark {color: var(--bs-dark-rgb);}


    /*.bg-dark {background-color: #1d1d1b!important;}
    .bg-dark .text-primary { color: #60bd3e !important;}
    #footer .h6, .bg-dark a { color: #60bd3e !important;}
    #footer .h6:hover, .bg-dark a:hover { color: #5fd633 !important;}
    .text-primary { color: #427c2c !important;}
    .bg-dark .text-primary { color: #60bd3e !important;}
    .text-primary.text-groc { color: #e0bb53 !important;}
    .bg-secondary { background-color: #e0bb53 !important;}
    .bg-secondary a { color: #fff !important;}
    .bg-secondary a:hover { color: #2f2b31 !important;}
*/
    
.row.picture .wrap-img-cover-object { height: 360px; }
.breadcrumb {background: transparent; margin-bottom: 0;}

.btn-sm i {margin-right: 0; transition: all 0.1s; }
.btn-sm:hover i {margin-right: 5px; color: rgba(var(--bs-primary-rgb), 1);}


/********** CSS Ladeus  ********/
.relative {position: relative}
.text-lg { font-size: 1.5rem; }
.text-sm { font-size: 0.9rem!important }
.ls-1 { letter-spacing: 0.1rem }
.ls-2 { letter-spacing: 0.2rem }
.ls-3 { letter-spacing: 0.3rem }
.fw-100 { font-weight: 100; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-700 { font-weight: 700; }
.text-shadow { text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2)}

.overlay-black { background-color: rgba(0,0,0,0.35) }



    /* css dels Tinys */
    .linkupload { padding: 2px 5px 0px 3rem; color: #454545; }
    .link-pdf { background: url(../images/ico/ico-pdf-red.png) no-repeat left 2px; }
    .link-word { background: url(../images/ico/ico-word.png) no-repeat left 2px; }
    .link-excel { background: url(../images/ico/ico-excel.png) no-repeat left 2px; }
    .link-link { background: url(../images/ico/ico-link.png) no-repeat left 2px; }    
    .img-ico { max-width: 50px; }

    /* Cover img para el background-image */
    .wrap-img { background-position: center center; background-size: cover; background-repeat: no-repeat; }
    /* Cover img sin usar background */
    .wrap-img-cover-object.bbcode { display: block; height: 200px!important; margin: 15px 0; transition: 0.2s opacity }
    .wrap-img-cover-object.bbcode:hover { opacity: 0.8; }
    .wrap-img-cover-object { position: relative; width: 100%; height: 150px; }
    .wrap-img-cover-object img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover; object-position: 50% 50%;'; object-position: 50% 50%; transition: all 0.5s; }
    .wrap-img-cover-object.ratio {height: auto!important;display: inherit;}



/* Modal */
.modal-full { min-width: 100%; margin: 0; }
.modal-full .modal-header { border-bottom: 0; }
.modal-full .modal-content { min-height: 100vh; border-radius: 0; border: 0; padding-right: 0 !important; }
.modal-full.wrap-img .modal-content { background-color: rgba(255,255,255,0.8) }
.btn-close-icon { position: absolute; z-index: 1; right: 35px; top: 15px; width: 64px; height: 64px; opacity: 0.5; cursor: pointer }
.btn-close-icon:hover { opacity: 1; }
.btn-close-icon:before, .btn-close-icon:after { position: absolute; left: 30px; content: ' '; height: 65px; width: 2px; background-color: #333; }
.btn-close-icon:before { transform: rotate(45deg); }
.btn-close-icon:after { transform: rotate(-45deg); }
@media (max-width: 480px) {
    .btn-close-icon { width: 32px; height: 32px; }    
    .btn-close-icon:before, .btn-close-icon:after { left: 15px; height: 33px; }
 }
 .breadcrumb-item.active {color: #586168;}
 
/* Header */
#wrap-header { background: rgb(255,255,255); background: linear-gradient(45deg, rgba(255,255,255,1) 50%, rgba(29,29,27,1) 50%); }
#wrap-header .social_media a {color: #69bf4a}

/* Menú principal */
header{ box-shadow: 0 3px 3px rgba(0,0,0,0.05);}
header .navbar-brand span, .offcanvas-header span  { line-height: 1.3rem; font-size: 1rem; margin-top: 1.1rem; }
header .navbar-brand img, .offcanvas-header .logo { height: 93px; float: left; }
header .navbar-brand span { display: block;  }
header .fletxa-logo {background-size: 200px; background-position: right bottom; background-repeat: no-repeat;}

header .triangles::before {
    content: '';
    border-bottom: 0px solid transparent;
    border-top: 85px solid transparent;
    border-right: 85px solid #69bf4a;
    border-left-color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: 0;
}
header .triangles::after {
    content: '';
    border-bottom: 105px solid transparent;
    border-top: 0px solid transparent;
    border-right: 105px solid #1d1d1b;
    border-left-color: transparent;
    position: absolute;
    right: 0;
    top: 0;
}
header #menu-principal .dropdown-menu { background-color: #2f2b31!important; }

#wrap-menu-principal { background-color: #2f2b31!important }
#menu-principal .navbar-nav a.nav-link { font-size: 1.1rem; color: rgba(255,255,255,0.90)!important; padding: 1.2rem; transition: 0.05s all;}
#menu-principal .navbar-nav a.nav-link:hover { color: rgba(255,255,255,1)!important;}
#menu-principal .dropdown-item:focus, #menu-principal .dropdown-item:hover {
    color: #fff;
    background-color: #1d1d1b;
  }

.active .hvr-underline-reveal::before { transform: translateY(0);}
.hvr-underline-reveal::before { background-color: #69bf4a;  transition-duration: 0.075s;}
.div-search input{border-right: 0px!important; background-color: transparent;}
.div-search button{border-left: 0px!important;color: #bbbbbb; border: var(--bs-border-width) solid var(--bs-border-color);}


.page-subpages article .wrap-img-cover-object::after,
.spaces .wrap-img-cover-object::after,
#carousel-home .carousel-inner .wrap-img-cover-object::after
 {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    z-index: 0;
    opacity: 1;
    
    transition: all 0.15s ;    
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+16,0.6+84 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.6) 84%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.6) 84%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.6) 84%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}
.page-subpages article .wrap-img-cover-object {opacity: 1; transition: all 0.1s ; }
.page-subpages article:hover .wrap-img-cover-object {opacity: 0.7;}
/*
.page-subpages article:hover .wrap-img-cover-object::after {
    transition: all 0.15s ;        
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#259632+0,1e5615+100&0.3+16,0.7+73 
    background: linear-gradient(to bottom,  rgba(37,150,50,0.3) 0%,rgba(36,140,45,0.3) 16%,rgba(32,103,29,0.7) 73%,rgba(30,86,21,0.7) 100%);
}*/

/* Home */
#carousel-home .wrap-img-cover-object { height: 400px; }
#carousel-home .carousel-caption { text-align: left!important;}
#carousel-home .carousel-caption .box-caption {
    position: relative;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+60,0.6+100 */
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 60%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 60%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 60%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#99ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#carousel-home .carousel-caption .box-caption:before{
    border: 25px solid white;
    content: '';
    border-bottom:25px solid transparent;  /* izquierda flecha */
    border-top:25px solid transparent; /* derecha flecha */
    border-right:25px solid #FFFFFF; /* base flecha y color*/
    border-left-color: transparent;
    position: absolute;
    left: -48px;
    top: calc(50% - 25px)
}
.text-no-button { padding: .375rem .75rem; }

/* Destacats */
.wrap-icon { margin-right: 1em; text-align: center; min-width: 36px; transition: all 0.2s}
.title-icon {font-size: 1.5rem; font-weight: 700; }
.item-list-destacat { padding: 1rem  0.75rem 0.75rem 0.75rem; border-radius: 8px; transition: 0.1s all; height: 100%;}
.item-list-destacat:hover { padding:  1rem  0.75rem 0.75rem 0.75rem; border-radius: 8px; transition: 0.1s all; box-shadow: 0 0px 10px rgba(0,0,0,0.1);}
.item-list-destacat .description p { margin-bottom: 0;}
.item-list-destacat:hover .title-icon{ color: var(--bs-primary)!important;}

/* Categories promoció */
/*
article.macanet-mc .wrap-img-cover-object {height: 200px;}
article.macanet-mc .caption-categoria {position: absolute; z-index: 2; bottom: 0}
article.macanet-mc .logo-mc {position: absolute; z-index: 1; top: -10px; right: 10px;}
article.macanet-mc .logo-mc img {width: 100px; height: 100px;}
*/

/* List items */
.click_a .wrap-img-cover-object {opacity: 1; transition: 0.2s all}
.click_a:hover .wrap-img-cover-object {opacity: 0.8}
.accordion .title-accordion a { }
.accordion .title-accordion a:hover { color: #242424}
.accordion .title-accordion a::before {
    content: "\f106";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    position: absolute;
    right: 2rem;
    -webkit-transition: transform 0.2s linear;
    -moz-transition: transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;    
}
.accordion .title-accordion a.collapsed::before {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
/* list cols alternades */ 
.cols-alternades .wrap-img-cover-object { min-height: 400px;}
.cols-alternades .order-md-0 .wrap-img-cover-object::before {
    content: '';
    border-bottom: 40px solid transparent;
    border-top: 40px solid transparent;
    border-right: 40px solid #69bf4a;
    border-left-color: transparent;
    position: absolute;
    right: 0em;
    top:40%;
}
.cols-alternades .order-md-1 .wrap-img-cover-object::before {
    content: '';
    border-bottom: 40px solid transparent;
    border-top: 40px solid transparent;
    border-left: 40px solid #69bf4a;
    border-right-color: transparent;
    position: absolute;
    left: 0em;
    top:40%;
}
.cols-alternades .text-align-dinamic { width: 85%;}
.cols-alternades .order-md-0 .text-align-dinamic { text-align: right; float: right; }
.cols-alternades .order-md-1 .text-align-dinamic { text-align: left;  float: left; }
.cols-alternades .text-align-dinamic .img-items-content { max-width: 40%}


/* Agenda */
.list_events_agenda .dia-numero {font-size: 2rem;}
.list_events_agenda .year-mes {position: relative; top: -0.8rem;}
.list_events_agenda .dia {position: relative; top: 0.8rem;}
.list_events_agenda .btn-agenda {color:#3d8623 }



/* Notices ligt-slider */
.light-slider-2 { padding-left: 0px;  padding-right: 0px;}
.light-slider-2 .slick-prev::before, .light-slider-2 .slick-next::before { color: var(--bs-primary);}
.light-slider-2 .slick-prev, .light-slider-2 .slick-next {z-index: 1; top: 30%}
article.noticia .wrap-img-cover-object img { font-family: 'object-fit: cover; object-position: 50% 5%;'; object-position: 50% 5%;  }
article.noticia .wrap-img-cover-object {height: 390px;}

article.noticia .news-title {position: absolute; z-index: 1; bottom: 0}

/* INTERIORES */
#wrap-contenido { min-height: 100px; margin-bottom: 2rem }

/* Booking Calendar*/
#form-booking .hide { opacity: 0; height: 0; padding: 0; }

.calendar-day .text-date-number { margin-top: 0.5rem; margin-bottom: -0.5rem; font-size: 4rem; line-height: 4rem; font-weight: bold; }


/* Page */
#galeria .wrap-img-cover-object { height: 200px; }
.page-subpages .wrap-img-cover-object.wrap-img-top img {font-family: 'object-fit: cover; object-position: 50% 0%'; object-position: 50% 0%;}
/*.page-subpages .wrap-img-cover-object::before {
    content: '';
    border-bottom: 0px solid transparent;
    border-top: 40px solid transparent;
    border-right: 40px solid #B58B18;
    border-left-color: transparent;
    position: relative;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: 1;

}*/
.page-subpages .title {line-height: 1;}

.caption-categoria {position: absolute; z-index: 1; width: 100%; height: 100%;}

/* List */
.spaces .card-img-overlay {top: auto;}
.spaces .wrap-img-cover-object{height: 300px;}

.list-regidoria .wrap-img-cover-object{height: 400px!important;}
article.list-regidoria .logo-mc{position: inherit}
article.list-regidoria .caption-categoria {bottom: 25%;}



/* Item Single */
.info-box::before {
    content: '';
    border-bottom: 40px solid transparent;
    border-top: 0px solid transparent;
    border-right: 40px solid #69bf4a;
    border-left-color: transparent;
    position: absolute;
    right: 1em;
}
article.media img {width: 180px;}
article.media .media-title {font-size: 1.75rem;}

/* Galeria */
#galerias_imagenes .wrap-img-cover-object { height: 250px; }


/* Contact */
.error-msg { color: #dc3545; font-size: 80%; }

/* Share Socials plugins*/
#share_zone > div { float: left; margin-right: 0.5rem;}
#share_zone .fb-share-button > span { height: 30px!important; }

.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
    width: 100% !important;
}
/* Google Translate */

#google_translate_element {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
    background: #ffffff;
    padding: 5px 12px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    font-weight: bold;
}
#chatbotIframe .MuiTypography-root.MuiTypography-body1.css-10z1hp0 {display: none!important;}


/* Footer */
.prefooter .list-group-item  { background: transparent;}
.prefooter .list-group-item a{ text-decoration: none;}
.prefooter .list-group-item a:hover { color: white!important}
#logos-prefooter .img-logo {max-height: 100px; max-width: 130px;}
#logos-prefooter a { opacity: 1; transition: 0.15s all;}
#logos-prefooter a:hover { opacity: 0.5;}

#footer { font-size: 0.90rem; background-color: #2f2b31; color: #bbbbbb; line-height: 1.5rem;
    background-image:url(../images/general/logo-escut-blanc-big.png);
    background-position: 105% 60px; background-repeat: no-repeat;
}
#footer .navbar-brand img { height: 93px; opacity: 0.8; margin-right: 0.8rem}
#footer .navbar-brand span { font-size: 0.90rem; margin-top: 1.3rem; line-height: 1.1rem}
#footer a:not(.dropdown-item) { color: #bbbbbb; text-decoration: none;}
#footer a:not(.dropdown-item):hover { color: #eee;text-decoration: underline;}
#footer a.d-block:hover { color: #fff;text-decoration: none;}
#footer .menu-legal a { color: #666!important;}
#footer .menu-legal a { color: #ccc!important;}
#footer .btn-tickets { text-decoration: none!important;}
#footer .btn-tickets i { transform: rotate(310deg); transition: 0.2s all; color: #60bd3e!important; }
#footer .btn-tickets:hover i { color: #a7ee8e!important;  }
.firma { background-color: #111111; }
.firma a.ico-ladeus { opacity: 0.4; background: url("https://www.ladeus.com/imatges/ico-color-bn-ladeus.png") no-repeat; background-position: left top; font-style: normal; font-weight: normal; color: #666; display: inline-block; font-size: 11px; height: 18px; line-height: 3px; padding: 7px 0 5px 24px; transition: all 0.15s; }
.firma a.ico-ladeus:hover { opacity: 1; background-position: left bottom; color: #999; text-decoration: none; }

/* Cookies */
#cookiescript_reportdate {display: none;}


.dropdown-menu-login {
    min-width: 380px;
}

.hidden { display: none !important; visibility: hidden !important;}

.col-icon {max-width: 150px;}
    
/* Calendar */
#calendar {background-color: white;}
.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding: 7px; }
.fc-header-toolbar { background-color: #1d1d1b; margin-bottom: 0px!important; padding: 1rem 3rem 1rem 3rem; }
.fc-header-toolbar .fc-toolbar-title { color: #FFFFFF; text-transform: uppercase; }

.fc-h-event { border: 1px solid #cccccc; border-radius: 10px; box-shadow: rgba(0,0,0,0.25) 0 0px 5px; margin: 8px 0px 8px 0px; }
.fc-h-event:hover { background-color: white!important; }
.fc-h-event .fc-event-main { color: var(--bs-primary); }
.fc-h-event.fc-event-past { background-color: #ededed!important; border-color: #ededed!important }
.fc-h-event.fc-event-past .fc-event-main { color: #919191 }
.fc-h-event .fc-event-title { font-size: 0.9rem; word-wrap:break-word; white-space: initial;font-weight: bold;letter-spacing: -0.1px;line-height: 1.1rem;}
.fc-h-event .fc-event-title .small { font-size: 0.65rem; letter-spacing: 0px; }

.fc .fc-daygrid-day.fc-day-today { background-color: rgba(255,255,255,.15); }

.fc-daygrid-event {}
.fc .fc-daygrid-day-top{ flex-direction: row; font-size: 1.5rem; font-weight: bold; }
/*.fc-theme-bootstrap5 .fc-list, .fc-theme-bootstrap5 .fc-scrollgrid, .fc-theme-bootstrap5 td, .fc-theme-bootstrap5 th { border: 1px solid var(--bs-gray-400) }*/
.fc-scrollgrid-section-header {background: #bd9433; color: #fffffa; font-size: 0.9rem;}
.fc-prev-button, .fc-next-button  { color: #FFFFFF; background-color: transparent; border-color: transparent; }
.fc-prev-button:hover, .fc-prev-button:focus, .fc-next-button:hover, .fc-next-button:focus  { color: #000000; background-color: #dbdbdb; border-color: #dbdbdb; box-shadow: none }
.fc-day-today { background-color: var(--fc-today-bg-color,rgba(255, 255, 255, 0.15)); }
.fc th { text-align: left; }
.fc-col-header-cell-cushion { font-weight: normal; text-transform: capitalize; }
.fc-event-time { display: none; }

/* 1. Amaga els ginys de Translate */
.goog-te-banner-frame, 
.skiptranslate,
#goog-gt-tt,
#goog-gt-tt .vi-container {
    display: none !important;
}

/* 2. Elimina l'efecte de ressaltat */
font.VIpgJd-yAWMeb-VIpgJd-fmcmS-sn54Q,
font[style*="vertical-align"] {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
}

/* 3. Evita que el fons torni a aparèixer en fer hover */
font.VIpgJd-yAWMeb-VIpgJd-fmcmS-sn54Q:hover,
font[style*="vertical-align"]:hover {
    background-color: transparent !important;
    background: transparent !important;
}

/* 4. Evita el salt estrany o espai en blanc que Google fot al body */
body {
    top: 0 !important;
    position: static !important;
}

.VIpgJd-yAWNEb-m6y1ad, 
.skiptranslate font:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Minimes resolucions */
@media (min-width: 1200px) {
    .col-name {min-width: 500px;}
    
}    
@media (min-width: 992px) {
    .col-name {min-width: 380px;}

}

@media (min-width: 980px) and (max-width: 1199px) {

}

/* Large desktop */
@media (max-width: 1400px) {
    header #menu-principal .navbar-nav a.nav-link { font-size: 1rem; padding: 1rem}    

}
@media (max-width: 992px) {
    
    #wrap-menu-principal .navbar-brand { top: -40px; }
    #wrap-menu-principal .zone-reservas { position: absolute; right: 90px; }
    #carousel-home .carousel-title {font-size: 1.4rem}
    header #menu-principal .dropdown-menu { background-color: #212529!important; box-shadow: none!important; }
    header #menu-principal .dropdown-menu .dropdown-item { margin-left: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }

}

@media (min-width: 768px) and (max-width: 979px) {
    
}
 

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
    /* #wrap-menu-principal .navbar-brand img { max-height: 60px; } */
    .daterangepicker .drp-calendar { max-width: none; }
    .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar { margin: 0 auto; float: none; }
    #carousel-home .carousel-caption .box-caption:before{
        border: 20px solid white;
        content: '';
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        position: absolute;
        left: calc(50% - 20px);
        bottom: -40px;
        top: auto;
    }    
}


/* Extra small devices (portrait phones, less than 576px) A partir de aquí SM */
@media (max-width: 575.98px) {
    
    h1, .h1 { font-size: 2.5rem; line-height: 3rem; }
    #wrap-menu-principal .navbar-brand { position: inherit; top: auto; }
    #wrap-menu-principal .navbar-brand img { max-height: 45px; margin-bottom: 0; }
    #searchhead-home {max-width: 215px;}
    article.media img {width: 100px;}
    article.media .media-title {font-size: 1.25rem;}
    .fc-header-toolbar { padding: 1rem 1rem 1rem 1rem; }
    #google_translate_element {
        top: 5px;
        right: 5px;
        padding: 3px 5px;
    }
 }

@media (max-width: 420px) {
    h1, .h1 { font-size: 2rem; line-height: 2.3rem; }
    article.noticia .wrap-img-cover-object {height: 250px;}
    #searchhead-home {max-width: 215px;}
    
 }
 @media (max-width: 380px) {
    #searchhead-home {max-width: 190px;}
    
 }

@media all and (transform-3d), (-webkit-transform-3d) {
    
}