/*
Theme Name: AsapTheme-Child
Theme URI: https://asaptheme.com
Version: 1.0.1
Description: Asap Theme Child
Author: Asap Theme
Author URI: https://asaptheme.com
Template: asap
*/
 
a {
  text-decoration: none;
}

.toc {
  background: #F7F7F7;
  font-size: 20px;
  color: #000;
  border: none;
  position: relative;
  transition: 800ms ease all;
  outline: none;
    background-color: F7F7F7;
  padding: 20px;
    align-items: normal !important;
    border-radius: 5px;
}

.toc:hover {
  background: #F7F7F7;
  color: #000;
}

.toc:before,
.toc:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 3px;
  width: 0;
  background: #4B558D;
  transition: 400ms ease all;
}

.toc:after {
  right: inherit;
  top: inherit;
  left: 0;
  bottom: 0;
}

.toc:hover:before,
.toc:hover:after {
  width: 100%;
  transition: 2000ms ease all;
}

/*BUSCADOR CABECERA*/
.search-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}

.search-header form {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}

#search-header {
  padding: 15px 15px;
  border-radius: 20px !important;
  border: 2px solid #4B558D !important;
}

.s-btn {
  background-color: #3b4475;
  border: none;
  border-radius: 50%;
  padding: 11px;
  cursor: pointer;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10px;
  top: 50%;
}   
    
/*AJUSTA TAMANY TEXT EN MOVIL*/
@media (max-width: 1050px) {
  .search-header {
    display: none;
  }
    
  h1{
    font-size: 30px !important;
    text-align: center;
  }

  h2{
    font-size: 25px !important;
  }

  h3{
    font-size: 22px !important;
  }

  h4{
    font-size: 20px !important;
  }   
}

.view-all-button {
    text-align: center;
    display: block;
    padding: 10px;
    background-color: #3b4475;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

.view-all-button:hover {
    background-color: #4B558D;
}


/*BOTO CONTACTE HEADER*/
.botocontacte {
  background-color: #4B558D;
  border-radius: 10px;
  line-height: 45px !important;
}

.botocontacte a {
  color: white !important;
  padding: 0px 8px;
    
}

.botocontacte:hover {
    background-color: #3b4475;
}

/*BOTO MAS COMUNIDADES*/
#menu-item-4440 a {
  background-color: #4B558D;
  border-radius: 10px;
  text-align: center;
  color: white !important; /* Siempre blanco */
  text-decoration: none;
}

#menu-item-4440 a:hover {
  background-color: #3b4475;
  color: white !important; /* Mantiene el blanco en hover */
}

.site-header a {
    font-weight: 600!important; 
}

/*BOTONS WEB*/
.btn {
  background: #4B558D;
  font-size: 18px;
  color: #fff;
  border: none;
  position: relative;
  padding: 0.5rem 2rem;
  text-align: center;
  width: 100%;
  cursor: pointer;
  transition: 800ms ease all;
  outline: none;
  border-radius: 5px;
  font-weight: 600;
    height: 100%;
}

.btn:hover {
  background: #fff;
  color: #4B558D;
}

.btn:before,
.btn:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 3px;
  width: 0;
  background: #4B558D;
  transition: 400ms ease all;
}

.btn:after {
  right: inherit;
  top: inherit;
  left: 0;
  bottom: 0;
}

.btn:hover:before,
.btn:hover:after {
  width: 100%;
  transition: 2000ms ease all;
}

.fondociutats {
  position: relative;
  overflow: visible;
}

/*PADDING EN CIUTATS*/
@media screen and (min-width: 782px) {
  .fondociutats{
    padding: 0 100px;
  }

  .ciutats{
    padding: 0 100px;
  }
}

@media screen and (max-width: 781px) {
  .fondociutats{
    padding: 0 15px;
  }
}

/*MAS DATOS FITXES*/
.datos {
  font-size: 18px;
}

/*LINEA GROGA SEPARAO*/
.su-spoiler-title{
  font-size: 18px !important;
  color: #4B558D !important;
}
.contenedor-linea {
  width: 100%; /* Ajusta el ancho del contenedor según sea necesario */
  padding: 20px 0; /* Ajusta el padding según sea necesario */
}

.linea-difuminada {
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, transparent, #FFCD3D, transparent);
}

/*SEPARAO H1*/
h1 {
  padding-bottom: 25px;
}

/*CANVIS NOUS ADAPTATIUS 07/01/2025*/
.wp-block-navigation__submenu-container{
  display: none;
}

.the-content ol:not(.post-index ol) > li::before {
  margin-top: 0px !important;
  height: 1em !important;
  min-width: 1em !important;
  padding: 0px 4px 9px 5px !important;
  font-size: 18px !important;
}

/*CAIXA DE COMENTARIS*/
#commentform textarea, #commentform input{
  border: 2px solid #4b558d !important;
  font-weight: 300 !important;
  border-radius: 15px !important;
}

/*MOVIL*/
@media (max-width: 1050px) {
  h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{
    padding: 1em 1rem !important;
  }

/*FONDO MAS COMUNIDADES HEADER*/
  #menu-item-4440.mascomunidades a {
    background-color: #4B558D;
    text-align: center;
    color: white !important; /* Siempre blanco */
  }
  
  #menu-item-4440.mascomunidades a:hover {
    color: white !important; /* Mantiene el blanco en hover */
  }
}

/*MENU FLOTANT*/
@media (max-width: 1050px) {
  header label {
    width: 45px !important;
    height: 45px !important;
    padding: 12px !important;
    bottom: 2rem !important;
  }
}

/*FORMULARI CONTACTE*/
div.wpforms-container-full .wpforms-confirmation-container-full{
	border-radius: 15px;
    font-family: 'Poppins';
    font-size: 1.1rem;
    text-align: center;
}