/*
Theme Name: lightning-child
Theme URI: https://lightning.vektor-inc.co.jp/en/
Version: 1.0
Description: Tema hijo de Lightning
Author: Ni
Author URI: http://loquesea.es
Template: lightning
refernecia para el child: https://gonzalonavarro.es/blog/crear-un-child-theme-wordpress/
*/

/*----------------- Cambios a partir de aquí -------------------------------*/
.wp-caption-text{
  font-size:small !important;
}
  a {color:var(--vk-color-primary);}

.site-header {
    background-color: #151515 !important;
	 /*background-color: #57a639;*/
}

.site-footer-copyright {

    background-color: #151515 !important;
    color: white !important;/*color de los textos en el footer*/
}

/*.site-footer {

    background-color: #151515 !important;
    color: white !important;
}*/
.entry-meta-item.entry-meta-item-updated,.entry-meta-item.entry-meta-item-author{
  /*para esconder la fecha de actualizacion y el autor en los posts*/
  display:none;
}
/**************************** para itxura de previos y next post en los artículos ****************************/
.card-intext .card-intext-inner{
  /*para previos y next post, para que la img sea más pequ.*/
  width:30%;

}
.card-intext .card-intext-inner .vk_post_body{
  /*para previos y next post, para que el titulo aparezca más a la dcha. y con la altura de la img*/
  margin-left:30%;
  width:70%;
    height: 100%;

}
.card-intext .card-intext-inner .vk_post_body .vk_post_title {
  /*para previos y next post, para tamaño texto del titulo */
    font-size: 12px;
  }
/*********************************************/
.entry-footer { /*para que muestre una linea gris clarito justo al final del post y el inicio del footer (donde van las categorias y prev y next)*/
    /*border-top: 1px solid lightgray;*/
}
.entry-meta-data-list { /*para que no muestre las categorias al final del post*/
    display: none; /*está como block*/
}

.global-nav-list > li .global-nav-name {
  font-size: 14px;
  display: block;
  width: 100%;
  white-space: nowrap;
  color: white;
}

.nav li a:hover, nav li a:hover {
   /* color: var(--wp--preset--color--white:#ffffff);
    text-decoration: none;*/
    color:#57a639 !important; /*verde Zart*/
}
.vk-mobile-nav {
  background-color: #151515;
  border-bottom: 1px solid #e5e5e5;
}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
  color: #fff;
  border-bottom: 1px solid #ccc;
}
.widget_nav_menu ul li a:hover {
  text-decoration: none;
  color: #57a639; /*verde Zart*/
}
.global-nav-list .sub-menu li a:hover{
  color: #fff !important;
}
/*.vk-mobile-nav .widget_nav_menu ul li a:hover, .vk-mobile-nav nav ul li a:hover {
color: #57a639;
}*/

/* color de fondo verdede subelementos en el movil */
.vk-mobile-nav nav ul li li a {
color: #fff;
    background-color: #57a639; /*verde Zart*/
}

.vk-mobile-nav nav ul li a:hover {
/*  background-color: #57a639; */
  color: #fff !important;
background-color: var(--vk-color-primary-vivid);
}

.vk-menu-acc .acc-btn-close { /*color del cuadradito para desplegar subelementos*/
    border-color: white;
    color: white;
}
.vk-mobile-nav .acc-btn {
  border-color: white;
  color: white;
}

/*para que en el móvil se vea la foto del post arriba y debajo el texto. Sin esto especificado se vería la foto a la izqu y el txto a la dcha*/
@media (max-width: 480px) {
.vk_post.media {
  flex-direction: column;
  }
  .vk_post .media-img {
  width: 100%;
}
.vk_post .media-body{
  width: 100%;
}
}
/*para que no se vea el cartelito de la categoria sobre la foto*/
.vk_post_imgOuter_singleTermLabel {

    display: none;
}

h6 {
  font-size: 1.125rem;
  color: var(--vk-color-primary);
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}



#fbuilder .fform h1 {
  margin: 5px 0px;
  padding: 0px;
	font-size: 1.125rem;
  color: var(--vk-color-primary);
}
#field_1-4{
	clear:both
}

/************************ formulario ********************/
.cyp_formulario_contacto {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.cyp_formulario_contacto label {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    color: #333333;
}
.cyp_formulario_contacto_izq {
    float: left;
    width: 49%;
}
.cyp_formulario_contacto_der {
    float: right;
    width: 49%;
}
.input, .textarea, input, input[type=text], input[type=password], input[type=email], input[type=search], select, textarea {
    outline: 0;
    background: rgba(0,0,0,.05);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    padding: 10px 12px;
    color: rgba(0,0,0,.6);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: normal;
    transition: .3s ease;
}

.wpcf7-form-control wpcf7-captchac wpcf7-captcha-your-captcha{
  background-color: black;
  bottom:3px;
  /*position: relative;*/
  border-radius:4px;
  margin-left:19px;
  margin-right:7px;
}

/************************** para el slider de inicio de Meta slider *********************/
/*.metaslider.MetaSlides723 .flexslider ul.slides .caption-wrap{
.metaslider.metaslider-[insert slideshow id here]
.flexslider .caption-wrap {*/
.metaslider.metaslider-723 .flexslider .caption-wrap,.metaslider.metaslider-733 .flexslider .caption-wrap {

  font-size:1.4em;
  align-items: center;
background: rgba(255,255,255,0); /*el ultimo 0 es transparente... si no 0.5, por ejemplo*/
  -webkit-box-align: center;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
color: inherit;
color: #57a639;
display: -webkit-box;
display: -ms-flexbox;
  display: flex;
-ms-flex-align: center;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
height: auto;
justify-content: left;

left: 55%;
margin: 0;
max-height: 170px;
max-width: 650px;
padding: 0;
text-align: right;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: .5s all;
transition: .5s all;
width: 38%;
  font-weight: bold;
}

@media (max-width: 480px) {

}
@media only screen and (min-width: 200px) and (max-width: 767px)  {
    /*all mobile/cellphone widths Put your CSS here for 200px to 767px width devices (cover all width between 200px to 767px */
    .metaslider.metaslider-723 .flexslider .caption-wrap,.metaslider.metaslider-733 .flexslider .caption-wrap {
      font-size:0.8em;
           top: 35%;
           width: 52%;
           left: 48%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
        /*For iPad and iPad pro you have to use Put your CSS here for 768px to 1024px width devices(covers all width between 768px to 1024px */
  }
/* default styles here for older browsers.
       I tend to go for a 600px - 960px width max but using percentages
    */
    @media only screen and (min-width: 960px) {
        /* styles for browsers larger than 960px; */
    }
    @media only screen and (min-width: 1440px) {
        /* styles for browsers larger than 1440px; */
    }
    @media only screen and (min-width: 2000px) {
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
    }
    @media only screen and (device-width: 768px) {
       /* default iPad screens */
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }
/*.metaslider.MetaSlides723 .flexslider ul.slides .caption-wrap{
  align-items: center;
  background: rgba(255,255,255,0.8);
  -webkit-box-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  color: inherit;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  height: auto;
  justify-content: center;
  left: 0;
  margin: 0;
  max-height: 170px;
  max-width: 450px;
  padding: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .5s all;
  transition: .5s all;
  width: 38%;
}
.metaslider.MetaSlides723 *, .metaslider.MetaSlides723 ::before, .metaslider.MetaSlides723 ::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}*/