/*
CSS personalizado para la web
*/

/*Bloque link basado en Kadence*/
.dmkt-block-link-title {
  transition-duration: .5s;
  background-color: rgba(0,140,186,.7);
  padding: 8px 20px;
  width: 95%;
  border-radius: 0 30px 30px 0;
}
  
.dmkt-block-link:hover .dmkt-block-link-title {
  background-color: rgba(0,140,186,.9);
}
  
.dmkt-block-link .kt-svg-icons {
  transition-property: transform;
  transition-duration: .5s;
}
  
.dmkt-block-link:hover .kt-svg-icons {
  transform: translateX(20px);
}

.dmkt-block-link-title.dmkt-enfermedad-title-in-area{
  position: relative;
  margin-top: -100px;
  margin-bottom: 100px;
  z-index: 999;
}

/* Elevar el header */
header {
  position:relative;
  z-index: 100;
}

/* Bloque link para enfermedades en página taxonomy basdado en KAdence */
.dmkt-block-link-disease-title a{
  color: var(--wp--preset--color--primary);
}
.dmkt-block-link-disease-title {
  transition-property: background-color;
  transition-duration: .5s;
}
.dmkt-block-link-disease-title:hover{
  background-color: var(--wp--preset--color--tertiary) !important;
}
.dmkt-block-link-disease-title a:hover{
text-decoration: none;
}
.dmkt-block-link-disease-title .kt-svg-icons {
  transition-property: transform;
  transition-duration: .5s;
}

.dmkt-block-link-disease-title:hover .kt-svg-icons {
  transform: translateX(20px);
}


/*Estilos Gravity Forms*/
  
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
  font-size: 16px;
  border: solid var(--wp--preset--color--secondary);
  border-radius: 10px;
  background-color: var(--wp--preset--color--background);
}
  
.gform_wrapper.gravity-theme .gfield_label {
  font-size: 18px;
  color: var(--wp--preset--color--primary)
}
  
.gform_button {
  background-color:var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  text-transform:uppercase;
  font-family: roboto;
  font-size: 18p;
  font-weight:700;
  padding: 14px 26px;
  border-radius: 25px;
  border: none;
  cursor: pointer;
}

.gform_button:hover{
  background-color:var(--wp--preset--color--secondary);
}
  
/* Efecto duotono en los logos de partners en la home*/
.dmkt-blue-duotone img {
  filter: url("#wp-duotone-00476b-ffffff-8");
  transition: filter 0.3s ease;
}
  
.dmkt-blue-duotone:hover img {
  filter: none;
}

/* Estilos para el bloque que contiene el menú sticky */
.dmkt-sticky-menu {
  position: fixed;
  top: -100px; /* Cambiar a -200px para ocultar el menú inicialmente */
  transition: top 0.3s ease;
  z-index: 999;
}

.dmkt-sticky-menu.dmkt-sticky-menu-visible {
  top: 0;
}

/* Estilos para la barra que aparece debajo del mení */
.dmkt-header-menu ul.wp-block-navigation__container li a{
  position: relative;
  /*color:#0E83CD;*/
  margin: 0px 15px;
}
.dmkt-header-menu ul.wp-block-navigation__container li a:after{
  position: absolute;
  bottom: 7px;
  left: 0px;
  width: 100%;
  height: 4px;
  background-color: var(--wp--preset--color--secondary);
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  transform: translateY(20px);        
}
.dmkt-header-menu ul.wp-block-navigation__container li a:hover:after {
  opacity:1;
  transform: translateY(15px)
}
.dmkt-header-menu ul.wp-block-navigation__container .current-menu-item a:after{
  position: absolute;
  bottom: 7px;
  left: 0px;
  width: 100%;
  height: 4px;
  background-color: var(--wp--preset--color--secondary);
  content: "";
  opacity: 1;
  transform: translateY(15px);     
}

/* Estilos de los enlaces en el footer */
.dmkt-footer-link a{
  color:#fff;
  text-decoration: none;
}
.dmkt-footer-link a:hover{
  color: var(--wp--preset--color--tertiary);
}

.dmkt-footer-menu a:hover{
  color: var(--wp--preset--color--tertiary) !important;

}

/* Estilos del plugin Scriptless Social Media */
.scriptlesssocialsharing .button{
  background-color:#fff !important;
  border: none !important;
}

.scriptlesssocialsharing a.button{
  color: var(--wp--preset--color--secondary) !important;
}

.scriptlesssocialsharing a.button:hover{
  color: var(--wp--preset--color--tertiary) !important;
}

.scriptlesssocialsharing .sss-name{
  display:none;
}

.scriptlesssocialsharing svg{
  width: 25px;
  height: 35px;
  
}