/*
    Theme Name: Elisenda Vilaró
    Theme URI: 
    Description: 
    Version: 1.0.
    1
    Author: Ramon Crusellas (Dada&Co)
    Author URI: https://www.elisendavilaro.cat/
    Tags: Blank, HTML5, CSS3
*/

body { }
main { }


/* CUSTOM CSS */ 


.header-section h1, .header-section p {
  color: black !important;
}

.btn-enllac a.wp-block-button__link {
  background-color: black !important;
  text-decoration: none;
}

.back img {
  width: 20px;
  height: auto;
}

.item-feature {
    -o-object-fit: cover;
    object-fit: cover;
    height: 300px;
    width: 100%;
    margin-bottom: 1.5rem;
    aspect-ratio: 4 / 4;
}

.higlights .item img, 
.item-service img {
  aspect-ratio: 4 / 2.5;  
  object-fit: cover;
}


/**/

header.home {
  height: 120px !important;
}
header.in {
    top: 0px;
    height: 70px !important;
}
header {
  top: 0px;
  height: 70px !important;
}
.home .trigger_menu {
  height: 120px !important;
}
.trigger_menu {
  height: 70px !important;
}
.in .trigger_menu {
    height: 70px !important;
}
header.home .nav-brand img {
    transition: all .35s ease-in-out;
    width: 250px !important;
}


header.home.in .nav-brand img {
    transition: all .35s ease-in-out;
    width: 225px !important;
}
header .nav-brand img {
    transition: all .35s ease-in-out;
    width: 225px !important;
}
.in .nav-brand img {
    width: 225px !important;
}

header.home .imagotip {
    z-index: 99999;
    position: absolute;
    right: 2rem;
    transform: scale(1);
    transition: all ease-in .2s;
}
header.home.in .imagotip {
    z-index: 99999;
    position: absolute;
    right: 2rem;
    transform: scale(.65);
    transition: all ease-in .2s;
}

header .imagotip {
    z-index: 99999;
    position: absolute;
    right: 1.5rem;
    transform: scale(.65);  
}
.header-section {
  height: 150px !important;
}
.header-section h1 {
  font-size: 30px !important;
}
.image-bg img {
  width: 100%;
  aspect-ratio: 16/8;
  object-fit: cover;
}
main.homepage {
    margin-top: 120px !important;
}
main {
    margin-top: 70px !important;
}
.breadcrumb-back {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}


/* RESPONSIVE */
@media (max-width: 767px) { 
  
  header.home .nav-brand img {
      transition: all .35s ease-in-out;
      width: 200px !important;
  }  
  header.home.in .nav-brand img {
      transition: all .35s ease-in-out;
      width: 200px !important;
  }
  header .nav-brand img {
      transition: all .35s ease-in-out;
      width: 200px !important;
  }
  header.home {
    height: 70px !important;
  }
  header.home .imagotip {
    right: 1rem !important;
  }
  main.homepage {
      margin-top: 70px !important;
  }
  header .imagotip {
      right: 0.35rem !important;
  }
  header .imagotip img {
    width: auto !important;  
  }
  .home .trigger_menu {
      height: 70px !important;
  }
  .item-service h2 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .intro {
      margin: 3rem 0 !important;
  }
  
}


/**/


.slider-video,
.slider-video .video-wrapper {
    position: relative;
    width: 100%;
    height: 100vh; /* o l’alçada que tingui ara el slider */
    overflow: hidden;
}

.slider-video video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-video .caption-slide {
    position: relative;
    z-index: 2;
}



/**/ 


.content-post em {
    font-size: 18px !important;
    line-height: 28px !important;
}
.slider-home h2 {
    color: white !important;
}

.contact-page .image-bg {
    background: #bebdc2 !important;
    background: linear-gradient(180deg, rgb(190 189 194) 0%, rgb(190 189 194) 50%, rgb(255, 255, 255) 50%) !important;
}
.contact-page .header-section {
    background-color: #bebdc2 !important;
}

.slider-espais .slick-slide {
  margin: 0 15px;
}
.slider-espais .slick-list {
  margin: 0 -15px;
}



.wpml-ls-legacy-list-vertical a {
    padding: 0;
    line-height: 28px;
}

.kit-digital {
    padding: 3rem 0;
    background-color: #fff;
    position: relative;
    z-index: 9;
}

.kit-digital img {
    max-width: 650px;
    margin: auto;
    display: block;
}


@media (min-width: 768px) and (max-width: 979px) { 
    
    .kit-digital {
        padding: 3rem 2rem;
    }
    
    .kit-digital img {
        max-width: 100%;
    }

}


@media(max-width:767px) { 
    
    .kit-digital {
        padding: 3rem 2rem;
    }
    
    .kit-digital img {
        max-width: 100%;
    }
}


#noticias .header-section {
  background-color: #6C534E;
}

.blog h3 {
    font-size: 24px;
    line-height: 30px;
    font-family: "GR", sans-serif;
    margin-bottom: 1rem;
}

.blog span {
    font-size: 14px;
    color: #848484;
}

.blog p {
    color: #161616;
}

.blog.item-feature {
  object-fit: cover;
  height: 300px;
  width: 100%;
  margin-bottom: 1.5rem;
}

.blog .item {
    margin-bottom: 3rem;
}

.blog.page-nav-container {
  text-align: center;
}

   .blog.page-nav-container hr {
    border-color: #e2e2e2;
    margin-bottom: 4rem;
  }

}
.blog.page-numbers {
  margin: 0 1rem;
  font-size: 18px;
}

#colaboracions .header-section {
  background-color: #AE6868;
}

#llista {
  padding: 5rem 0;
}

.colaboracions {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-color: #AE6868;
}

.colaboracio p {
 margin: 0;
}

.colaboracio a {
 color: #AE6868;
}

.colaboracio a:hover {
 opacity: 0.5;
}

.colaboracio a:visited {
    color: #AE6868; /* Mismo color después de visitar el enlace */
}

.colaboracio {
padding: 20px 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-color: #AE6868;
}

@media(max-width:600px) { 
    
    #llista {
      padding-left: 12px;
      padding-right: 12px;
    }
}

#tfv .image-bg .container {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

#tfv .image-bg img {
  width: auto;
}

#sobre-mi .image-bg .container {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

#sobre-mi .image-bg img {
  /*width: auto;
  aspect-ratio: 16 / 8; */
  aspect-ratio: 7 / 11;
  max-width: 480px;
}



.tfv .info-rellevant p a {
  color: #b1aad3;
}

.tfv .info-rellevant p a:hover {
  opacity: 0.5;
}

@media(max-width:600px) { 
    
    .text-center h1 {
      font-size: 26px !important;
    }
}

@media(max-width:1450px) { 
    
    .actualitat .text-center h1 {
      max-width: 500px;
    }
}

@media(max-width:800px) { 
    
    .actualitat .text-center h1 {
      max-width: 300px;
      font-size: 30px !important;
    }
}


@media(max-width:1000px) { 
    
    .tfv .text-center h1 {
      max-width: 400px;
    }
}

@media(max-width:600px) { 
    
    .tfv .text-center h1 {
      max-width: 300px;
    }
}

.item-feature {
  height: auto !important;
}

/* Estilos para la versión de enlaces (Desktop) */
.categories-container {
    display: none;
/*     gap: 10px; */
}

.categories-dropdown {
    display: flex;
}

/* Para pantallas pequeñas (móviles) */
/* @media (max-width: 768px) {
    .categories-container {
        display: none; 
    }
    .categories-dropdown {
        display: flex; 
        position: relative;
    }
} */

/* Estilos para el dropdown (Móvil) */
.categories-dropdown select {
    border: 1px solid #000;
    border-radius: 120px;
    padding: 1rem 1.5rem;
    width: 100%;
    -webkit-appearance: none; /* Para ocultar la flecha predeterminada en algunos navegadores */
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    cursor: pointer;
    color: #000;
}

.categories-dropdown::after {
   content: '';
   position: absolute;
  top: 45%;
  right: 24%;
   background-image: url('/wp-content/themes/elisenda-vilaro/img/dropdown-arrow.svg');
   background-size: 10px 5px;
   width: 10px;
   height: 5px;
}

.categories-dropdown option {
    border: 1px solid #000;
    border-radius: 120px;
    padding: 1rem 1.5rem; 
    color: #000;
}

/* Ocultar los bordes alrededor de las opciones cuando se seleccionan */
.categories-dropdown select:focus {
    outline: none;
}

footer ul {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 40px;
height: 100%;
}

.line-out {
  border-bottom: 0;
}

.wpml-ls-legacy-list-vertical {
  border-bottom: 0;
}

.line-out ul {
  border-bottom: 0;
}

.filter-category {
  display: flex !important;
  width: 100% !important;
  justify-content: end !important;
  margin: 0;
}

@media(max-width:600px) { 
    
    .filter-category {
     justify-content: center !important;
    }
    
    .categories-dropdown {
      margin-bottom: 20px;
    }
}

.categories-container {
  width: auto !important;
}

.categories-dropdown {
  width: auto !important;
  position: relative;
}

.cercador {
  width: auto !important;
}

.cercador input {
  padding: .5rem 1rem;
  border-radius: 40px;
}

.input-wrapper {
  position: relative;
  width: 100%;
}

.input-wrapper input {
  width: 400px;
  padding-right: 2.5rem; /* espai per al botó */
  padding: 0.5rem 1rem;
  box-sizing: border-box;
}

.input-wrapper button {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.input-wrapper button img {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

@media(max-width:486px) { 
    .input-wrapper input {
    width: auto;
  }
}

.search-results .header-section .col-lg-12{
  align-items: flex-start !important;
}

.search-results .header-section {
 background-color: #6c534e;
}

.search-results #resultats {
  padding: 80px 0;
}

.search-results #resultats .buscador_content a:hover {
  color: #b1aad3;
}