/*
Theme Name: Bridge
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: Creative Multipurpose WordPress Theme
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Author: Qode Interactive
Author URI: http://qodethemes.com/
Text Domain: bridge
Version: 28.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
p, body.qode-overridden-elementors-fonts .elementor-widget-heading p.elementor-heading-title {
	font-family: 'Helvetica', sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 20px !important;
}

header {
    top: 25px !important;
}

header.sticky {
    height: 110px !important;
    top: 0px !important;
    transition: none !important;
}


header.dark .q_logo img.dark, header.sticky:not(.header_style_on_scroll) .q_logo img.sticky {
	margin-top: 15px;
/*	height: 75% !important;*/
}

header.sticky .header_bottom {
    background-color: transparent !important;
    box-shadow: none !important;
}

.q_logo img {    
    max-width: 235px !important;
    height: auto !important;
    top: -43% !important;
}

header.sticky .q_logo img {
    top: -60% !important;
}

nav.main_menu {
  height: 48px;
  background-color: rgba(255,255,255,1);
  
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
  top: 13px;
}

header.sticky nav.main_menu {
}

nav.main_menu > ul {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
}

nav.main_menu > ul > li {
  display: flex !important;
  align-items: center;
  height: 100%;
}

nav.main_menu > ul > li > a {
  font-family: 'Helvetica Neue';
  font-weight: 400;
  font-size: 16px !important;
  display: flex !important;
  align-items: center;
  height: 34px;
  padding: 0 30px !important;
  color: #2a2a2a !important;
  white-space: nowrap;
  letter-spacing: normal;
}

nav.main_menu > ul > li > a:hover {
  color: #000 !important;
}



header.sticky nav.main_menu > ul > li > a, header.light.sticky nav.main_menu > ul > li > a, header.dark.sticky nav.main_menu > ul > li > a {
    font-family: 'Helvetica Neue';
}

nav.main_menu > ul > li.active > a,
nav.main_menu > ul > li.current-menu-item > a,
nav.main_menu > ul > li.current-menu-ancestor > a {
    /*font-family: 'Helvetica Neue Heavy' !important;*/
    background-color: #DBDBDBCC;
    border-radius: 20px;
    padding: 0 30px !important;
    color: #1a1a1a !important;
    height: 34px;
    display: flex !important;
    align-items: center;
    font-size: 16px !important;
}

nav.main_menu > ul > li.active > a::after,
nav.main_menu > ul > li.current-menu-item > a::after,
nav.main_menu > ul > li.current-menu-ancestor > a::after {
    content: ' >';
    margin-left: 4px;
}

header.sticky nav.main_menu > ul > li > a .current  {
	font-family: 'Helvetica Neue' !important;    
}

header.sticky nav.main_menu > ul > li > a, header.light.sticky nav.main_menu > ul > li > a, header.dark.sticky nav.main_menu > ul > li > a {
    font-family: 'Helvetica Neue' !important;
    font-weight: 400 !important;
}

header.sticky nav.main_menu > ul > li > a .current span  {
    top: 3px !important;
}

.mobile_menu_button {
    float: right !important;
    margin: 0 0 0 0 !important;
    height: 55px !important;
}

nav.mobile_menu {
	background-color: #000 !important;
}


nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
	font-family: 'Helvetica Neue';
    color: #fff !important;
}

.btn-black path {
    stroke: black;
}

.btn-black:hover path {
    stroke: white;
}

/*  */
.elementor-image-box-img {
    margin-left: -10px !important;
    margin-bottom: 0px !important;
}

.elementor-accordion-item {
    margin-bottom: 15px !important;
}

.btn-rounded a {
    padding: 5px 40px;
}

.btn-rounded a .qodef-m-text { margin-top: 5px; }
.btn-center { text-align: center }

.col-espai {
    width: 50% !important;
}

.section-espais { margin-top: -25px !important; }
.col-espai-subtitle { height: 15px !important }
.col-espai-mesura   { height: 25px !important }
.col-espai-ico-disabled { opacity: 0.3; pointer-events: none; }

.col-espai .elementor-widget-container img {
    object-fit: cover;
}

.localitzacions {
    margin-top: 25px;
    margin-left: 25px;
    border-left: 2px solid rgba(0, 0, 0, .10);
    font-family: 'Helvetica Neue Heavy' !important;
}

.localitzacions ul {
    list-style-type: none;    
}

.localitzacions ul li {
    margin-bottom: 10px;
    margin-left: 15px;
}

.localitzacions ul li a {
    color: rgba(0, 0, 0, 0.3);
    font-size: 16px;
}

/* FOOTER */

#block-16 {
    display: inline-flex;
}

.footer_bottom_columns .column1 {
    width: 50% !important;
}

.footer_bottom_columns .column2 {
    width: 50% !important;
}

.footer-icon-left {
    width: 20%;
    margin-right: 5%;
}

.footer-icon-right {

}


.footer-links {
    font-size: 15px;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links li a {
    color: white;
    font-size: 14px;
}

/*
.footer_col1, .footer_col2 {
    width: 15% !important;
}
*/

.footer-social-icon {
    margin-right: 15px;
}


/* DESCOBREIX-LOS */
.elementor-16 .elementor-element.elementor-element-a287500 .elementor-heading-title p {
    color: #9F9F9F !important;
    font-size: 13px  !important;
    font-weight: normal  !important;
}

.elementor-element-9c904a9 {
    width: 100% !important;
    padding: 0px 10px !important;
}

.col-espai { 
    max-height: 470px;
}

.col-espai-title {
    padding: 0px 10px 0px 10px !important;
    max-height: 15px;
}

.drop_down .second .inner > ul, li.narrow .second .inner ul {
    background-color: #fff;
}

.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5 {
    color: #000;
}


/* */
.elementor-3239 .elementor-element.elementor-element-bfd581a > .elementor-widget-container p {
	color: #000 !important;
	font-size: 13px !important;
	font-weight: normal !important;
}

.elementor-3406 .elementor-element.elementor-element-bfd581a > .elementor-widget-container p {
	color: #000 !important;
	font-size: 13px !important;
	font-weight: normal !important;
}

.elementor-3406 .elementor-element.elementor-element-bfd581a > .elementor-widget-container a {
    color: #000 !important;
    font-size: 13px !important;
    text-decoration: underline;
}

.videos-inspirat .elementor-pagination-position-outside .elementor-swiper-button {
    color: black !important;
}

.videos-inspirat .elementor-widget-media-carousel .elementor-swiper-button-prev, .elementor-widget-media-carousel .swiper-container-rtl .elementor-swiper-button-prev {
	/*left: -25px !important;*/
}

.videos-inspirat .elementor-widget-media-carousel .elementor-swiper-button-next, .elementor-widget-media-carousel .swiper-container-rtl .elementor-swiper-button-prev {
	/*right: -25px !important;*/
}

.videos-inspirat .elementor-custom-embed-play i {
    font-size: 75px !important;
}

/* MAPA */
.gm-style-iw-d {
    max-width: 250px;
}

.info-map-title {
    margin-top: 10px;
    margin-bottom: 10px;
    color: black;
}

.info-map-image {
    width: 240px;
    height: 190px;
    border-radius: 0px;
    display: flex;
    
    background-origin: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* FITXA */
.fitxa-text-mesura p {
    color: black;
}

/* PROJECTES D'INTERES */
.projectes-image {
    max-width: 369px;
    max-height: 205px;
}

.projectes-title {
    font-family: 'Canela';
    font-size: 21px;
    margin-top: 15px;    
    color: black;
    padding-right: 25%;
}

.projectes-subtitle {
    font-size: 18px;
    margin-top: 10px;
    color: black;
    padding-right: 25%;
}

.projectes-btn {
    border: 2px solid black;
    border-radius: 60px;
    color: black;
    font-weight: 600;
    padding: 10px 25px;
    position: relative;
    top: 35px;
    font-size: 17px;
}

.projectes-btn:hover {
    background-color: black;
    color: white;
}


/* Bones pràctiques fitxa */
.title-bones-practiques
{
    font-size: 2.8rem;
    font-weight: 600;
    color: white;
    text-align: center;
}

.link-recurs-associat {
    background-color: white;
    padding: 20px 40px;
    border-radius: 20px;
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
}

.link-recurs-associat a {
    text-decoration: underline;
}

.link-recurs-espai p {
    margin-bottom: 10px;
}

.force_p p, .force_p ul li {
    color: black !important;
    font-family: 'Helvetica', sans-serif;
}


/* Campanya */

.eael-accordion-list .elementor-image-box-img {
    margin-left: 0px !important;
}

.eael-accordion-list {
    background-color: #F6F6F6;
    margin-bottom: 25px;
}

.eael-accordion-header {
    background-color: #F6F6F6;
    border: none !important;
}

.eael-accordion-tab-title {
    font-family: 'Canela', sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.eael-accordion-content {
    border: none !important;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header.active {
    background-color: #F6F6F6;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title {
    color: #000 !important;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle {
    color: #000 !important;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title {
    color: #000 !important; 
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover {
    background-color: #F6F6F6;
}

.llistat-descarregues a {
    display: block;
    margin-bottom: 10px;
}

.fitxa-subtitle h3 {
    color: #73845B !important;
    font-weight: bold !important;
    font-size: 29px !important;
}

.fitxa-text-section {
    margin-bottom: 50px !important;
}

.fitxa-text-section p {
    margin-bottom: 15px !important;
}

.fitxa-imatge-lateral {    
    min-height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  width: 85%;
  margin: auto;
}

.fitxa-btn {
    color: #73845B;
    background-color: transparent;
    border: 2px solid #73845B;
    margin: 10px 0px;
    padding: 9px 33px;
    border-radius: 60px;
    width: auto;
    display: inline-flex;
    position: relative;
}

.fitxa-btn:hover {
    background-color: #73845B;
    color: white;
}

.fitxa-btn span {
    font-family: inherit;
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
}

.fitxa-table {
    border: 2px solid black;
}

.fitxa-table tbody tr:first-child {
    background-color: #73845B;
    color: white;
}

.fitxa-table tbody tr td {
    border: 2px solid black;
    padding: 10px;
}

.fitxa-table tbody tr th {
    border: 2px solid black;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.fitxa-card-relacionat {
    text-align: center;
    border-radius: 10px;
    border: 1px solid rgb(228, 228, 228);
}

.fitxa-espai-title {
    font-family: 'Canela',sans-serif;
    margin: 25px 0px 0px;
    font-size: 16px;
    color: black;
    font-weight: 400;
}

.fitxa-espai-subtitle {
    color: #9f9f9f;
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0 25px;
}

.fitxa-espai-imatge {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}


.fitxa-buscar {
    border: 3px solid #73845B;
    border-radius: 60px;
    margin-top: 50px;
    display: flex;
    padding: 10px 10px;
}

.fitxa-buscar button {
    border: none;
    background-color: transparent;
    width: 32px;
    cursor: pointer;
}

.fitxa-buscar input {
    border: none;
    width: 90%;
    font-size: 16px;
    margin-left: 5px;
}

.fitxa-buscar input:focus {
    outline: none;
}

.btn-reserva {
    background-color: #73845B !important;
    border-color: #73845B !important;
    color: white !important;
}

#mapa .qodef-qi-button span {
    line-height: 1em !important;
}

#mapa .elementor-element-96e3a41 {
    padding-top: 10px;
}

.fitxa-text-section a {
    color: #73845B !important;
    text-decoration: underline;
}

.fitxa-text-section .fitxa-btn {
    text-decoration: none;
}

.fitxa-text-section .fitxa-btn:hover span {
    color: white;
}

#itineraris .table-responsive {
    overflow-x: scroll;
}

#itineraris table {
    margin-top: 25px;
    width: 100%;
    overflow-x: scroll;
    font-size: 1rem;
    line-height: 1.2rem;
}

#itineraris table thead th {
    color: white;
    vertical-align: middle;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.2rem;
    border: 1px solid #000;
    background-color: #73845B !important;
    padding: 10px 0px;
}

#itineraris table td {
    padding: 10px;
    border: 1px solid #000;
    color: black;
    vertical-align: middle;
}

#itineraris table td a {
    color: #73845B;
    text-decoration: underline;
}

/* POPUP */
#sgpb-popup-dialog-main-div-wrapper #sgpb-close-button {
  top: 9px !important;
  bottom: initial !important;
  font-size: 18px;
}

#sgpb-popup-dialog-main-div-wrapper .wp-block-essential-blocks-button {
    margin-top: 25px;
}

#sgpb-popup-dialog-main-div-wrapper .wp-block-essential-blocks-button a {
    font-family: "Helvetica",Sans-serif;
    color: #fff;
    border-width: 2px;
    border-radius: 60px;
    background-color: #000;
    text-transform: uppercase;
}

#sgpb-popup-dialog-main-div-wrapper .wp-block-essential-blocks-button a:hover {
    color: #fff;
    border-color: #000;
}

/* SEARCH BAR */
/* Estilos para la barra de búsqueda en la navegación superior */
.top-navigation-search {
    display: inline-block;
    margin-left: auto; /* Alinea la barra de búsqueda a la derecha */
}

.top-navigation-search form {
    display: flex;
    align-items: center;
}

.top-navigation-search input[type="search"] {
    padding: 5px;
    font-size: 14px;
}

.top-navigation-search input[type="submit"] {
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;
}

.container-respectals {
    padding: 25px 50px;
    border-style: solid;
    border-width: 1px;
    border-color: #bbb;
    border-radius: 15px;
    min-height: 300px;
}

.container-respectals .elementor-image-box-wrapper {
    text-align: left !important;
}

.container-respectals figure {
    width: 22%;
}

.container-respectals .elementor-image-box-title {
    margin-bottom: 10px;
    color: #000;
    font-size: 20px;
}

.elementor-element-f479799 > .elementor-element-populated {
    border-style: solid;
    border-width: 1px;
    border-color: #e4e4e4;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin: 10px;
    --e-column-margin-right: 10px;
    --e-column-margin-left: 10px;
    padding: 0;
    border-radius: 20px;
}

.elementor-element-f479799 .elementor-widget-wrap {
    padding: 0px !important;
}

.elementor-element-f479799 .elementor-heading-title {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.elementor-element-f479799 .elementor-heading-title p {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.elementor-element-f479799 .elementor-element-57f7c33 {
    padding: 15px 10px !important;
    min-height: 150px;
}


.elementor-element-f479799 .elementor-icon-wrapper {
    text-align: right;
}

.elementor-element-f479799 .elementor-icon {
    font-size: 25px;
    padding: 15px 10px 0px 10px;
}

.menu-item-search {
    margin-top: 0px !important;
    display: flex;
    align-items: center;
}

.menu-item-search input {
    padding: 10px;
    padding-left: 35px;
    border-radius: 25px;
    border: none;
    width: 125px;
}

.menu-item-search input:focus {
    outline: none;
}

.menu-item-search button {
    position: absolute;
    top: 14px;
    left: 8px;
    width: 25px;
    background-color: transparent;
    border: none;    
}

header.sticky .menu-item-search {
    /*margin-top: 18px !important;*/
}

header.sticky .menu-item-search input {
    background-color: #e4e4e4;
}

nav.mobile_menu .menu-item-search {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}

.bones-buscar {
    border: 1px solid black;
    border-radius: 60px;
    width: 75%;
    margin: 50px auto 0px auto;
    display: flex;
    padding: 10px 10px;
}

.bones-buscar button {
    border: none;
    background-color: transparent;
    width: 32px;
    cursor: pointer;
}

.bones-buscar input {
    border: none;
    width: 90%;
    font-size: 16px;
    margin-left: 5px;
}

.bones-buscar input:focus {
    outline: none;
}

.page-numbers, .page-numbers:hover {
    color: #73845B
}


/* SPINNING */
#bones_resultats_loading {
    display: none;
}

#itineraris_resultats_loading {
    display: none;
}

.lds-ring {
/* change color here */
color: #e4e4e4;
}
.lds-ring,
.lds-ring div {
box-sizing: border-box;
}
.lds-ring {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid currentColor;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: currentColor transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}


/* ITINERARIS */
.itineraris-header-section .elementor-container {
    max-width: 100% !important;
}

.itineraris-header-subtitle h1 {
  color: #FFFFFF !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 1.2em !important;
  font-family: 'Helvetica Neue', sans-serif;
  margin: 0px 15vw;
}

.itinerari-resultat {
  display: flex;
  position: relative;
  align-items: stretch;
  margin-bottom: 25px;
  background-color: #E0E2E2;
  min-height: 220px;
  padding: 25px;
}

.itinerari-resultat .itinerari-resultat-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 40px 25px 40px;
  width: auto;
}

.itinerari-resultat .itinerari-resultat-info > div:first-child {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 55px;
  margin-bottom: 20px;
}

.itinerari-resultat .itinerari-resultat-info h2 {
  text-align: center !important;
  text-transform: uppercase;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #000 !important;
  width: 100% !important;
  line-height: 1.35;
  margin-bottom: 10px;
  letter-spacing: 0.5px;  
}

.itinerari-resultat .itinerari-resultat-info .itinerari-resultat-espai {
  text-align: center;
  width: 100%;  
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 500 !important;
  font-family: 'Helvetica Neue';
}

.itinerari-resultat .itinerari-resultat-img {
  width: 40%;
  min-height: 220px;
  max-width: none;
  flex-shrink: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
}

.itinerari-resultat .itinerari-resultat-dades {
  display: flex;
  flex-direction: column;
}

.itinerari-resultat .itinerari-resultat-dades .itinerari-resultat-grup-dades {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 5px;
}

.itinerari-resultat .itinerari-resultat-dades .itinerari-resultat-grup-dades .itinerari-resultat-dada:first-child {
  width: 80px;
  color: #000;
  font-size: 14px;
}

.itinerari-resultat .itinerari-resultat-dades span {
    color: #000;
}

.itinerari-resultat .itinerari-resultat-dades .itinerari-resultat-grup-dades .itinerari-resultat-dada:last-child {
  width: auto;
}

/* Capa absoluta sobre la columna izquierda: iconos arriba-derecha, botones abajo-derecha */
.itinerari-resultat .itinerari-resultat-botons {
  position: absolute;
  top: 0;
  left: 0;
  right: 40%;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 20px 25px;
  pointer-events: none;
  z-index: 2;
}

.itinerari-resultat .itinerari-resultat-botons > * {
  pointer-events: auto;
}

.itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-icones {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 2px;
  flex-direction: column;
  margin-top: 6px;
}

.itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-icones img {
  width: 45px;
  height: 45px;
}

.itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-links {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-enllac {
  border: 2px solid #000;
  border-radius: 37px;
  color: #000;
  padding: 8px 18px;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s, color 0.2s;
}

.itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-enllac:hover {
  background-color: #89887F;
  color: white;
}

.itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-enllac.verd {
  background-color: #006937;
  border-color: #006937;
  color: white;
}

.itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-enllac.verd:hover {
  background-color: #005028;
}

.itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-enllac.blanc {
  background-color: #ffffff;  
  color: #000;
}

.itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-enllac.plus {
  font-size: 20px;
  font-weight: bold;
  padding: 4px 14px;
  line-height: 1.6;
}

.itineraris_filter_form {
  display: flex;
  justify-content: center;
  column-gap: 5%;
}

/* Personalización de los selects de itinerarios */
.itineraris_filter_form select,
.itineraris_filter_form select:focus {
    border: 2px solid #89887F;
    border-radius: 25px;
    padding: 10px 80px 10px 45px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url('/wp-content/themes/bridge/img/flecha-select.svg') no-repeat right 15px center;
    background-size: 18px 18px;
    font-size: 16px;
    color: #333;
    outline: none;
    transition: border-color 0.2s;
    margin-bottom: 10px;
    text-align: center;
    /*max-width: 250px;*/
    max-width: 25%;
}

.itineraris_filter_form select:focus {
    border-color: #888;
}

/* Opcional: quitar la flecha por defecto en Firefox */
.itineraris_filter_form select::-ms-expand {
    display: none;
}

#filtre_espai_natural {
    max-width: 40% !important;
}

.itineraris-titol-header-cuadre p {
    font-family: 'Canela', sans-serif;
    text-transform: uppercase;
    font-size: 19px;
}



@media (max-width: 600px) {
    .home .page_container_inner {
        width: 100% !important;
    }

    .home-hero .elementor-container {
        align-items: flex-end !important;
    }

    .col-espai {
        width: 100% !important;
        max-height: fit-content;
    }

    .btn-espais {
        width: 30% !important;
        margin-right: 10px !important;
    }

    .localitzacions {
        margin-top: 0px !important;
    }

    .localitzacions ul li {
        margin-bottom: 5px !important;
    }

    .localitzacions ul li a {
        font-size: 14px !important;
    }

    .btn-espais a {
        font-size: 12px !important;
        padding: 5px 10px !important;
        border: 1px solid #73845B !important;
    }

    .footer_top, .footer_top.footer_top_full {
        padding-top: 50px !important;
        padding-bottom: 15px !important;
    }

    .footer_top .column1 {
        width: 50% !important;
    }

    .footer_top .column2 {
        width: 50% !important;
    }

    .footer_top .column3 {
        display: none;
    }

    .footer_top .column4 {
        text-align: center;
    }

    .footer_bottom_columns .column1 {
        width: 100% !important;
    }
    
    .footer_bottom_columns .column2 {
        width: 100% !important;
    }

    .footer-links li {
        margin-bottom: 5px;
    }
    
    .footer-icon-left {
        width: 25%;
        margin-right: 5%;
    }    

    /* Campanya */
    .elementor-4923 .elementor-element.elementor-element-468080a {
        width: 100% !important;
    } 

    .elementor-4923 .elementor-element.elementor-element-42d0efd {
        width: 100% !important;
    }

    .elementor-4923 .elementor-element.elementor-element-5cae884 {
        width: 100% !important;
    }

    .elementor-4923 .elementor-element.elementor-element-928f20c {
        width: 100% !important;
    }

    .elementor-4923 .elementor-element.elementor-element-d940c16 {
        width: 100% !important;
    }

    .elementor-4923 .elementor-element.elementor-element-55727d2 {
        width: 100% !important;
    }

    .elementor-4923 .elementor-element.elementor-element-f08a744 {
        width: 100% !important;
    }    

    #sgpb-popup-dialog-main-div-wrapper h2 {
        font-size: 22px;
    }

    #sgpb-popup-dialog-main-div-wrapper p {
        font-size: 14px;
    }

    .bones-buscar {
        width: 100% !important;
        margin-top: 0px;
    }


    .elementor-6623 .elementor-element.elementor-element-f0bc9fa {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .elementor-element-e1c4185 .elementor-widget-hotspot {
        display: none;
    }

    .itineraris_filter_form {
        flex-direction: column;
    }

    .itineraris_filter_form select,
    .itineraris_filter_form select:focus {
        max-width: 100% !important;
    }

    #filtre_espai_natural {
        max-width: 100% !important;
    }

    /* --- Itinerari resultat responsive --- */
    .itinerari-resultat {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .itinerari-resultat .itinerari-resultat-img {
        order: -1;
        width: calc(100% - 40px) !important;
        max-width: none !important;
        min-height: 200px;
        flex-shrink: 0;
        border-radius: 0;
        margin: 20px 20px 0 !important;
        align-self: center;
    }

    .itinerari-resultat .itinerari-resultat-info {
        order: 0;
        width: 100% !important;
        padding: 20px 25px 10px !important;
        flex-direction: column;
    }

    .itinerari-resultat .itinerari-resultat-info > div:first-child {
        padding-right: 0 !important;
        margin-bottom: 15px;
    }

    .itinerari-resultat .itinerari-resultat-info h2 {
        width: 100% !important;
        font-size: 20px !important;
        text-align: center !important;
    }

    .itinerari-resultat .itinerari-resultat-info .itinerari-resultat-espai {
        width: 100% !important;
        text-align: center;
    }

    /* Botones: quitar posicionamiento absoluto, pasar a flujo normal */
    .itinerari-resultat .itinerari-resultat-botons {
        order: 1;
        position: static !important;
        width: 100% !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center;
        padding: 10px 25px 20px !important;
    }

    .itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-icones {
        justify-content: flex-start !important;
        margin-bottom: 0;
        flex-direction: row !important;
        margin-top: 0px !important;
    }

    .itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-icones img {
        width: 32px !important;
        height: 32px !important;
    }

    .itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-links {
        justify-content: flex-end;
        flex-wrap: nowrap;
        gap: 8px;
    }

    .itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-enllac {
        font-size: 12px;
        padding: 6px 14px;
    }

    .itinerari-resultat .itinerari-resultat-botons .itinerari-resultat-enllac.plus {
        font-size: 18px;
        padding: 3px 12px;
    }

    .itineraris-header-subtitle h1 {
        font-size: 1rem !important;
        margin: 5vw 15vw !important;
    }
}


@media (max-width: 480px) {
    .boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .elementor-container .elementor-widget-wrap > .qode_elementor_container_inner, .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner, .full_width .parallax_content, .qode_elementor_container_inner, .steps_holder_inner, div.grid_section .section_inner, nav.content_menu ul {
        width: 350px !important;
    }

    .col-respectals {
        padding: 0px !important;
        margin-bottom: 20px !important;
    }
    
    .ico-respectals {
        width: 35% !important;    
    }
    .ico-respectals img { margin-left: -15px !important; }

    .container-respectals {
        padding: 25px !important;
    }

    .projectes-title {
        padding-right: 5% !important;
    }

    .projectes-subtitle {
        padding-right: 5% !important;
    }

    .projectes-btn {
        top: 25px !important;
    }

    
}

@media only screen and (min-width: 1000px) {
    .admin-bar header.fixed, .admin-bar header.sticky.sticky_animate {
        padding-top: 0px !important;
        top: 0px !important;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1300px) {
    nav.main_menu > ul > li > a {
        font-size: 16px !important;
        padding: 0px 12px !important;
    }
}


@media only screen and (max-width: 1000px) {
    header {
        top: 5px !important;
    }

    .logo_wrapper {
        left: 18% !important;
    }

    .mobile_menu_button {
        margin-right: 25px !important;
    }

    .mobile_menu_button i {
        font-size: 25px;
        color: #fff;
    }

    .header_bottom {
        background-color: transparent !important;
        width: 100% !important;
        padding: 0px !important;
    }

    .header_top_bottom_holder {
        position: absolute !important;
        width: 100% !important;
    }
    
    nav.mobile_menu {
        /*background-color: #BBDDB2 !important;*/
        background-color: rgba(224, 226, 226, 0.8) !important;
        top: 0px;
        overflow: auto;        
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);  
    }

    nav.mobile_menu ul {
        padding: 0px;
    }

    .mobile_menu {
        /*background-color: #BBDDB2 !important;*/
        background-color: #E0E2E2 !important;
        padding-left: 25px;
        padding-right: 25px;
    }

    .menu-item-search button {
        top: 8px;
    }

    .mobile_arrow {
        right: 40px !important;
    }

    .header_bottom .container_inner {
        width: 100% !important;
    }

    header .q_logo img {
        max-width: 145px !important;
        top: 0% !important;
        margin-left: 50px !important;
    }

    nav.mobile_menu ul li, nav.mobile_menu ul li ul li {  border-bottom: none !important;  }
    nav.mobile_menu ul li a, nav.mobile_menu ul li h3 { color: #313F2E !important; }

    .title-bones-practiques {
        font-size: 35px;
        margin-top: 75px;
    }

    .fitxa-table-container {
        overflow-x: scroll;
    }

    #mapa .elementor-element-7292446.btn-espais {
        width: 100% !important;
    }

    .fitxa-buscar {
        margin-top: 0px;
        padding: 5px;
        width: 97%;
        border-width: 1px;
    }

    .fitxa-buscar button {
        width: 24px;
    }
    
    .fitxa-buscar input {
        font-size: 14px;
    }

    .fitxa-imatge-lateral {
        width: 100%;
        margin-bottom: 25px;
    }

    #espai-fitxa-opcions .elementor-col-25 {
        width: 50% !important;
    }

    #espai-fitxa-opcions .elementor-col-25 a {
        width: 100% !important;
    }

    .elementor-element-ae9c1c3 {
        order: 1;
    }

    .elementor-element-6648d18 {
        order: 0;
    }
}

/* NIC */

.tancat {
    padding: 12px;
    padding-left: 15px;
    padding-right: 30px;
    position: absolute;
    margin-top: 100px;
	/*width: 155px;*/
    font-size: 10px !important;
    background: rgba(255, 253, 195, 0.8);
	border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.tancat p {
    font-size: 0.75rem;
    color: #000;
    text-transform: uppercase;
    /*font-weight: bold !important;*/
}

/* END NIC */