/*
Theme Name: Viva Child
Template: viva
Theme URI: https://www.vivatheme.com/
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Description: Multi-Purpose WordPress Theme with Block Builder
Version: 1.0
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */

/***********************
 * 
 * 	FUENTE
 * 
 * ********************/

@font-face {
  font-family: Hanson Bold;

  src: url(/wp-content/themes/viva-child/fonts/Hanson-Bold.ttf);

  font-weight: bold;
}

/*Estilo subtitulo*/
.container h6,
.woocommerce-product-details__short-description p,
.vc_toggle_size_md.vc_toggle_default .vc_toggle_content p,
.blog-detailed-grid .vc_gitem-post-data-source-post_excerpt p,
.woocommerce div.product .woocommerce-tabs .panel p,
.kd-panel-header .kd-panel-subtitle,
header.kd-section-title .st-overline,
#posts-content .post p,
#posts-content article p,
.pricing .pricing-option,
.pricing .pricing-subtitle,
.key-icon-box p,
#single-page p,
#wrapper p,
.kd-list-text,
.business-info-day,
.side-content-title-label,
.tcards-job,
.testimonials.slider .tt-content .content,
.container h6,
.woocommerce-product-details__short-description p,
.vc_toggle_size_md.vc_toggle_default .vc_toggle_content p,
.blog-detailed-grid .vc_gitem-post-data-source-post_excerpt p,
.woocommerce div.product .woocommerce-tabs .panel p,
.kd-panel-header .kd-panel-subtitle,
header.kd-section-title .st-overline,
#posts-content .post p,
#posts-content article p,
.pricing .pricing-option,
.pricing .pricing-subtitle,
.key-icon-box p,
#single-page p,
#wrapper p,
.kd-list-text,
.business-info-day,
.side-content-title-label,
.tcards-job,
.testimonials.slider .tt-content .content {
  font-size: 18px !important;
  line-height: 25px !important;
}

.vc_carousel-slideline-inner img.attachment-full,
img.vc_single_image-img.attachment-full {
  border-radius: 20px !important;
}

/* --------- STGO DICIEMBRE 23 ------------- */

/* HOME */

.msj-portada .kd-animate .vc_gitem-animated-block .vc_gitem-is-link a {
  pointer-events: none;
  cursor: default !important;
}

.bg-logo .owl-wrapper-outer .owl-wrapper div:nth-child(3) .clients-content img {
  background-color: #ffe900;
}

@media (max-width: 1279px) {
  #mega-menu-wrap-header-menu
    #mega-menu-header-menu
    > li.mega-menu-item
    > a.mega-menu-link {
    color: #00326b !important;
  }

  #mega-menu-wrap-header-menu
    #mega-menu-header-menu
    > li.mega-menu-item
    > a.mega-menu-link:hover {
    color: #40826d !important;
  }
}
/* Quitar puntero */
.vc_gitem-is-link {
  cursor: none !important;
}

/*Dividir texto animacion cabecera página hidrógeno*/

.kd-rotator-wrapper {
  text-align: center !important;
}

span.rotator-single:nth-child(2) {
  white-space: break-spaces;
}

/**********************
* BUSCADOR *
***********************/

.navbar.navbar-default .menubar .topbar-search,
.navbar.navbar-default .menubar .keydesign-cart {
  margin-top: 10px;
}

.topbar-search-container {
  padding: 1vw 5vw;
  right: 13vw;
  top: 11vh;
  border: 1px solid rgb(231 231 231 / 0%);
  border-radius: 40px !important;
  background: #3e7d69;
  box-shadow: 2px 5px 20px -10px #00326b;
  position: fixed;
  width: 72vw;
}

form.search-form label {
  width: 55vw;
  background-color: #3e7d69;
  border-radius: 50px;
}

form.search-form label input {
  background: #3e7d69;
  color: white;
  font-size: 16px;
}

.search-form .search-field {
  background: #3e7d69 !important;
}

div.topbar-search:nth-child(1)
  > div:nth-child(2)
  > form:nth-child(1)
  > input:nth-child(2) {
  color: white;
}

/* Contacto Top-BAR */
.viva-phone-topbar:before {
  content: "\e907";
}

.topbar-phone {
  pointer-events: visible;
}
/* Contacto Top-BAR [FIN]*/

/************************ 
 *    MEGA MENU  * 
 *********************/

#mega-menu-wrap-header-menu
  #mega-menu-header-menu
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  position: fixed !important;
  left: 12vw !important;
}

.menu-destacado-der {
  padding-top: 10px !important;
}

#mega-menu-wrap-header-menu
  #mega-menu-header-menu
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  color: #01244c;
}

/* Menú  <a> blancos home */

.transparent-navigation
  .navbar.navbar-default:not(.navbar-shrink)
  .mega-menu-horizontal
  .mega-menu-item
  a.mega-menu-link {
  color: white !important;
}

.transparent-navigation
  .navbar.navbar-default:not(.navbar-shrink)
  .mega-menu-horizontal
  .mega-menu-item
  a.mega-menu-link:hover {
  color: #40826d !important;
}

.transparent-navigation
  .navbar.navbar-default
  .mega-menu-horizontal
  .mega-menu-item
  a.mega-menu-link:hover {
  color: #40826d !important;
}

/*Menu desactivado*/

li#mega-menu-item-14551 span.mega-menu-title,
li#mega-menu-item-14552 span.mega-menu-title,
li#mega-menu-item-14553 span.mega-menu-title {
  color: #617798 !important;
  transition: none !important;
  pointer-events: none;
  cursor: default;
}

li#mega-menu-item-14551 span.mega-menu-title:hover,
li#mega-menu-item-14552 span.mega-menu-title:hover,
li#mega-menu-item-14553 span.mega-menu-title:hover {
  transition: none !important;
}

/************************ 
 *    GENERAL    * 
 *********************/

/*Color megamenú sublista*/
.mega-sub-menu .mega-menu-link,
.mega-sub-menu .mega-menu-title,
.mega-sub-menu .mega-menu-description {
  color: #00234b !important;
}

/* botones */

.btn-hover-1 .tt_button.modal-menu-item,
.btn-hover-1 .tt_button {
  border-radius: 30px;
  box-shadow: 2px 5px 20px -10px #00326b;
}
.btn-hover-1 .tt_button.menu-popup:hover:after {
  padding-left: 1.5vw;
}

/*Border radius*/

div.vc_grid-item > div > div > div > div > div > div > div > figure {
  border-radius: 10px !important;
}

.pbc-content div img {
  border-radius: 10px;
}

.content-area .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-a,
.content-area
  .vc_grid-item-mini
  .vc_gitem-animated-block.vc_gitem-animate-scaleRotateIn,
.content-area .vc_gitem-animate-scaleRotateIn {
  border-radius: 10px;
}

.vc_gitem-zone.vc_gitem-zone-b.vc_custom_1419240793832.vc-gitem-zone-height-mode-auto.vc_gitem-is-link
  > .vc_gitem-zone-mini {
  padding: 0 1vw;
  width: 50vw;
}

.gallery-items img {
  border-radius: 10px !important;
}

.kd-group-image img {
  border-radius: 10px !important;
}

.kd-photobox .photobox-img {
  background: white !important;
}

.video-container > img:nth-child(1) {
  border-radius: 10px;
}

.content-area .vc_grid-item-mini .vc_gitem-animated-block {
  background: white !important;
}

/* nav carrusel*/
.fullwidth-carousel .owl-nav {
  top: 70% !important;
}

/**PLAY VIDEO**/
.video-container.small-video-btn
  a:not(.play-btn-hover-primary-color)
  .play-video:hover {
  border: 3px solid rgb(248 248 248 / 0%);
  background: rgb(64 130 109 / 68%);
}

.play-video {
  border: 40px solid rgb(64 130 109 / 68%);
}

.play-video .viva-play {
  color: #40826d;
}

.video-container.small-video-btn
  a:not(.play-btn-hover-primary-color)
  .play-video:hover {
  border: 3px solid var(--gray-color-overlay);
}

/* Hover elementos post-grid */
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4 {
  padding: 24px;
}

/* BLOG */

.container.single-comments-area {
  display: none;
}

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4 {
  line-height: 2rem !important;
}

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4 {
  padding: 24px 0 !important;
}

/* BLOG-FIN */

/* CONÓCENOS */

/* MAPLIC VISOR */
.mapplic-lightbox {
  border-radius: 16px;
}
.mapplic-lightbox img {
  border-radius: 16px;
}
.mapplic-lightbox .alignnone {
  margin: 0 5px;
}

.mapplic-lightbox .key-icon-box.icon-left.cont-left p {
  width: 100%;
  padding: 8px 16px;
}

/*Eliminar título de la ficha*/
.mapplic-lightbox-title {
  display: none;
}

/* CONÓCENOS-FIN */

/* PROYECTOS HOVER EFFECT HOME  */

.content-area .vc_grid-item-mini .vc_gitem-animated-block {
  background: rgba(255, 255, 255, 0.1) !important;
}

.vc_gitem-animate-slideBottom
  .vc_gitem-zone-b
  .vc_icon_element-icon.fa.fa-search {
  display: none;
}

.content-area
  .vc_grid-item-mini
  .vc_custom_heading.vc_gitem-post-data-source-post_excerpt {
  display: block;
}

.content-area .vc_grid-item-mini .vc_gitem-animated-block::after {
  color: #40826d;
}

/*Megamenu scroll*/

#mega-menu-item-13505 > ul:nth-child(2) {
  max-height: 600px !important;
  overflow-y: auto !important;
}

/******************* CÓDIGO DE PABLO *******************/

ul.mega-sub-menu img {
  transform: scale(1);
  transition: 0.2s ease-in-out;
  opacity: 1;
}

ul.mega-sub-menu img:hover {
  transform: scale(1.05);
  transition: 0.2s ease-in-out;
  opacity: 0.9;
}

.mega-sub-menu .mega-menu-link,
.mega-sub-menu .mega-menu-title,
.mega-sub-menu {
  transition: 0.2s ease-in-out !important;
  color: #00234b !important;
}

.mega-sub-menu .mega-menu-link:hover,
.mega-sub-menu .mega-menu-title:hover {
  transition: 0.2s ease-in-out !important;
  color: #40826d !important;
  padding-left: 2px;
}

#mega-menu-wrap-header-menu
  #mega-menu-header-menu
  a.mega-menu-link
  .mega-description-group
  .mega-menu-description {
  font-weight: 400;
  font-family: Work Sans;
  font-size: 16px;
  --medium-body-text-size: 1em;
  --large-body-text-size: 1em;
  line-height: 18px;
  text-transform: math-auto;
  color: #617798 !important;
}

/******************* CÓDIGO DE PABLO *******************/

.kd_vc_parallax .parallax-overlay {
  background-position: center !important;
}

/************************** 		RESPONSIVE.        ***************************/
/*********************************************************************************/

@media (max-width: 1279px) {
  #mega-menu-wrap-header-menu
    #mega-menu-header-menu
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row {
    width: 80vw !important;
  }

  #mega-menu-wrap-header-menu
    #mega-menu-header-menu
    > li.mega-menu-item.mega-toggle-on
    > a.mega-menu-link {
    background: #c7e4db !important;
  }
}

@media only screen and (max-width: 767px) {
  /*****************	Menú 	*******************************/

  .mega-menu-toggle {
    display: none !important;
  }

  #mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu {
    background: #fff !important;
    color: #40826d !important;
    display: block !important;
  }

  #mega-menu-wrap-header-menu
    #mega-menu-header-menu
    > li.mega-menu-item
    > a.mega-menu-link {
    color: #40826d !important;
  }

  #mega-menu-wrap-header-menu,
  #mega-menu-wrap-header-menu #mega-menu-header-menu,
  #mega-menu-wrap-header-menu #mega-menu-header-menu ul.mega-sub-menu,
  #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item,
  #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-row,
  #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-column,
  #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link,
  #mega-menu-wrap-header-menu #mega-menu-header-menu span.mega-menu-badge {
    color: #fff !important;
  }

  #mega-menu-wrap-header-menu
    #mega-menu-header-menu
    > li.mega-menu-item.mega-current-menu-item
    > a.mega-menu-link,
  #mega-menu-wrap-header-menu
    #mega-menu-header-menu
    > li.mega-menu-item.mega-current-menu-ancestor
    > a.mega-menu-link,
  #mega-menu-wrap-header-menu
    #mega-menu-header-menu
    > li.mega-menu-item.mega-current-page-ancestor
    > a.mega-menu-link {
    background: #40826d !important;
    color: #fff !important;
  }

  /******************************************************/

  /*Proyectos de la home para que estén bien colocados*/
  .vc_grid_col_3 > div > div > div > div > div {
    width: 300px;
  }

  .fixed-logo {
    width: 140px !important;
  }

  /*
.vc_video-bg-container {
   position: relative;
   background-image: url('/wp-content/uploads/2023/12/aerogenerador.webp'); 
   background-size: cover;
   background-position: center center;
}

.vc_video-bg-container iframe.inner {
	display: none; 
}*/

  .fullwidth-carousel .owl-nav {
    display: none;
  }

  /*Scroll para el megamenu*/
  .show-submenu {
    max-height: 600px;
    overflow-y: auto;
  }

  /*Video de cabecera responsivo*/

  .vc_video-bg-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    overflow: hidden;
  }

  .vc_video-bg-container iframe.inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .vc_custom_1666885853704 {
    padding-bottom: 0px !important;
  }

  /*Eliminar espacios entre proyectos y nuestros clientes en la home*/
  div.vc_row:nth-child(12) {
    display: none;
  }

  .vc_custom_1666885853704 {
    padding-bottom: 0px !important;
  }

  .vc_grid.vc_row.vc_grid-gutter-25px {
    margin-bottom: -100px;
  }
}

/* PROYECTOS  */

.content-area
  .vc_basic_grid:not(.msj-portada)
  .vc_grid-item-mini
  .vc_gitem-animated-block,
.content-area
  .vc_basic_grid:not(.msj-portada)
  .vc_grid
  .vc_col-sm-3
  .vc-gitem-zone-height-mode-auto,
.content-area
  .vc_grid.vc_row.vc_grid-gutter-30px
  .vc_gitem-zone.vc_gitem-zone-a {
  aspect-ratio: 1/1;
}
.content-area
  .vc_basic_grid.msj-portada
  .vc_grid-item-mini
  .vc_gitem-animated-block,
.content-area
  .vc_basic_grid.msj-portada
  .vc_grid
  .vc_col-sm-3
  .vc-gitem-zone-height-mode-auto,
.content-area
  .msj-portada
  .vc_grid.vc_row.vc_grid-gutter-30px
  .vc_gitem-zone.vc_gitem-zone-a {
  aspect-ratio: initial !important;
}

/* BANDERA */
.section.proyectos
  .vc_grid-item-mini
  .vc_gitem-zone-a
  .vc_gitem-row-position-top {
  position: absolute;
}

.section.proyectos
  .vc_grid-item-mini
  .vc_gitem-post-data-source-post_excerpt
  p {
  text-align: right;
}

.section.proyectos
  .vc_grid-item-mini
  .vc_gitem-post-data-source-post_excerpt
  p
  img.tittle-flag {
  max-width: 80px;
  height: auto;
  padding: 16px;
}

.section.proyectos
  .vc_grid-item-mini
  .vc_gitem-post-data-source-post_excerpt
  p:nth-child(3) {
  display: none;
}
/* BANDERA [FIN]*/

/* BANDERA EN */
.section.projects
  .vc_grid-item-mini
  .vc_gitem-zone-a
  .vc_gitem-row-position-top {
  position: absolute;
}

.section.projects .vc_grid-item-mini .vc_gitem-post-data-source-post_excerpt p {
  text-align: right;
}

.section.projects
  .vc_grid-item-mini
  .vc_gitem-post-data-source-post_excerpt
  p
  img.tittle-flag {
  max-width: 80px;
  height: auto;
  padding: 16px;
}

.section.projects
  .vc_grid-item-mini
  .vc_gitem-post-data-source-post_excerpt
  p:nth-child(3) {
  display: none;
}
/* BANDERA EN [FIN]*/

/* SINGLE PAGE */
.portfolio-template-default.single-portfolio .single-project-intro header h4 {
  font-size: 32px;
  line-height: 40px;
  color: var(--subtitle-color);
  margin-bottom: 16px !important;
}
.portfolio-template-default.single-portfolio .single-project-intro header h6 {
  font-size: 24px;
  line-height: 26px;
  color: var(--heading-color);
}

.portfolio-template-default.single-portfolio .wpb_single_image img {
  border-radius: 32px;
}

.portfolio-template-default.single-portfolio .related-content article {
  border-radius: 16px;
}
/* SINGLE PAGE [FIN]*/

/* ISOS - CALIDAD Y SOSTENIBILIDAD */

.iso-label .key-icon-box h5 p:nth-child(2) {
  padding: 4px 0 !important;
  letter-spacing: 1px;
  background-color: rgb(0, 35, 75);
  border-radius: 4px;
  margin-top: 8px;
  text-transform: uppercase;
  font-weight: 600;
  color: white;
}

/* TESTIMONIALS */
.photobox-carousel.testimonials-video
  .owl-carousel
  .owl-item
  .kd-photobox
  .photobox-img
  a::before {
  content: url("/wp-content/uploads/2024/01/play-icon@8x.png");
  position: absolute;
  left: 25%;
  top: 25%;
  opacity: 0.7;
}

/*GALERIAS*/

.owl-carousel .owl-wrapper {
  display: block !important;
}

/* FOOTER */

@media (min-width: 1200px) {
  .footer-widget-area .col-lg-3 {
    width: 33%;
  }
}


.portfolio-taxonomias {
    margin-top: 20px;
}
.portfolio-categorias,
.portfolio-etiquetas {
    margin-bottom: 10px;
}






/***************************** 
 * MEDIA QUERIES
 * ***************************/

@media (max-width: 960px) {
  .kd-text-rotator h1.kd-text-rotator-container,
  header.kd-section-title h1 {
    font-size: 28px !important;
    line-height: 30px !important;
    margin-bottom: 20px !important;
  }
}