/*
Theme Name: Kimono Child
Theme URI: http://demo.bravisthemes.com/kimono/
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Kimono is a photography portfolio Wordpress Theme. It is also suitable for any agency business and portfolio website. It is bootstrap grid based and well documented. so that user can easily modify and customize this template. Even it’s sections are compatible for any kind business template.
Version: 10.0.4
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: kimono
Text Domain: kimono-child
Tags: photography, portfolio
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4
Copyright (c) 2024 Bravis-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/


/*************************** MENU ************************************/

#menu-menu-web-2 span {
	font-family: "Eurostile";
}
/* Cambia la fuente del menu para mobile */


.pxl-close-drop span{
   display: none;
}
/* Oculta el "close" del menu lateral */

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



/*************************** HOME ************************************/


.localvideo-bg {
	border-radius: 0 !important;
}
/* Saca el redondeado del video de la home */

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




/****************************** WORKS *****************************/

#hover-video .item--content {
        margin-top: -43px;
        margin-left: 20px;
        z-index: 999;
        position: absolute;   
}
/* Mete los titulos dentro del cuadrito de la portada */


#hover-video .filter-item {
	padding-left: 0px !important;
	padding-right: 0px !important;
	border: none;
}
/* Quita el padding y bordes de las categorias de works */


#hover-video .filter-marker {
	display:  none !important;
}
/* Quita el selector inferior de las categorias */


#hover-video .filter-item:after {
	content: "\00a0 /// \00a0";
}
/* Agrega un espacio y barras entre cada categoria */


#hover-video a {
        z-index: 1000 !important;
}
/* Hace que el link quede en primer lugar y sea linkeable durante el hover */


#hover-video .pxl-grid-filter {
        margin-bottom: 0px !important;
}
/* Saca el margen a los filtros */

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




/************************* PORTFOLIOS ****************************/


.pxl-item--info {
	display:  none !important;
}
/*Borra la info de los portfolios, donde va la marca de las camaras*/


.portfolio-template .header-mobile-fixed{
	background:  transparent;
}
.portfolio-template .header-mobile-fixed.smaller{
	background:  #1e1f22e6;
}

/* Deja transparente el fondo del navbar mobile de los portfolios */


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




/************************* CONTACTO ****************************/


.elementor-widget-pxl_contact_form{
        z-index: 999;
}
/* Pone el contact form por encima de la animacion */


.pxl-wobble *{
  animation: none !important;
}

.btn-form button {
background:
        linear-gradient(to right, #e5e5e5 1px, transparent 1px) 0 0,
        linear-gradient(to right, #e5e5e5 1px, transparent 1px) 0 100%,
        linear-gradient(to left, #e5e5e5 1px, transparent 1px) 100% 0,
        linear-gradient(to left, #e5e5e5 1px, transparent 1px) 100% 100%,
        linear-gradient(to bottom, #e5e5e5 1px, transparent 1px) 0 0,
        linear-gradient(to bottom, #e5e5e5 1px, transparent 1px) 100% 0,
        linear-gradient(to top, #e5e5e5 1px, transparent 1px) 0 100%,
        linear-gradient(to top, #e5e5e5 1px, transparent 1px) 100% 100%;     
background-repeat: no-repeat; 
background-size: 10px 10px;
background-color:#2C2C2C !important;
width: 175px;

}

.btn-form button:hover {
background:
        linear-gradient(to right, #FDC900 1px, transparent 1px) 0 0,
        linear-gradient(to right, #FDC900 1px, transparent 1px) 0 100%,
        linear-gradient(to left, #FDC900 1px, transparent 1px) 100% 0,
        linear-gradient(to left, #FDC900 1px, transparent 1px) 100% 100%,
        linear-gradient(to bottom, #FDC900 1px, transparent 1px) 0 0,
        linear-gradient(to bottom, #FDC900 1px, transparent 1px) 100% 0,
        linear-gradient(to top, #FDC900 1px, transparent 1px) 0 100%,
        linear-gradient(to top, #FDC900 1px, transparent 1px) 100% 100%;   
background-repeat: no-repeat; 
background-size: 75px 20px;
background-color:transparent !important;
color: white !important;
}
/* Ajusta el diseño del boton de contacto para que se parezca al del sitio*/




#contact-page-icons .pxl-item--icon {
        background-color: #585858 !important;
}
/* Cambia el color de los iconos de contacto */


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