/*
Theme Name: Aardvark Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Aardvark WordPress theme.
Version: 1.0
Author: GhostPool
Author URI: http://www.ghostpool.com
Text Domain: aardvark
Template: aardvark
*/

/* Add your own CSS code here */




#gp-mobile-primary-nav,
#gp-close-mobile-nav-button {
	z-index: 9999999 !important;
}
/* Hace que muestre el menu y el boton de cerrar por encima de la top bar en mobile */


@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.barra-notificacion {
    animation: blink 1s infinite;
}
/* Hace que titile el texto de la top bar */


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


.btn-home button,
.btn-home a {
   min-width: 150px !important;
   border-radius: 100px !important;
   font-size: 18px !important;
   font-weight: 600 !important;
}
/* Cambia el tamaño y texto de los botones */


.vc_grid-owl-nav {
	opacity: 1 !important;
}
/* Muestra siempre la flecha del carrousel  */

.vc_gitem-woocommerce-product-price_html {
	color: #8B1F22 !important;
}
/* Cambia el color del precio */


.menu-link.main-menu-link:hover {
    text-decoration: underline !important;
	text-underline-offset: 14px !important;
}
/* Agrega un subrayado a los elementos del menu en el hover */

.menu-link.main-menu-link::after {

    position: absolute;
    right: -10px; /* Ajusta la posición según sea necesario */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Para que no interfiera con los eventos de hover */
    font-size: 0.8em; /* Ajusta el tamaño según sea necesario */
}
/* Quita el subrayado de la flechita del menu */



.vc_grid-filter-item {
	color: black !important;
	font-size: 20px !important;
}
/* Cambia el color de las letras de los filtros de las categorias */


ul.vc_grid-filter.vc_grid-filter-center[data-vc-grid-filter="product_cat"] {
	display: block !important;
}
.vc_grid-styled-select {
	display: none !important;
}
/* Deja los filtros del estilo desktop en mobile */


.vc_grid-filter-item:hover{
	background-color: #1A3849 !important;
}
.vc_grid-filter-item.vc_active {
	background-color: #1A3849 !important;
}
/* Cambia el color del fondo de los filtros para el seleccionado y el hover */


.caw-logo-carousel-inner-wrapper h3{
	font-size: 18px !important;
	font-family: raleway !important;
	font-weight: 500 !important;
}
/* Corrige tamaño y font de texto desplazante */







#sfba-form2-container {
	width: 100% !important;
	background-color: white !important;
	padding-bottom: 0 !important;
}
/* corrige ancho y diseño de subscriptions */


#block-16 > p:nth-child(1){
	display: none !important;
}
/* Saca el margen del bloque de suscripcion */

#sfba-form2-button {
	width: 150px !important;
	height: 45px !important;
	border-radius: 100px !important;
	border: 2px solid black !important;
	background: white !important;
	padding: 13px 19px 13px 19px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 35px !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 0 !important;
	font-family: raleway !important;
}
#sfba-form2-button:hover {
	background: black !important;
	color: white !important;
}
/* Usa el estilo de botones para las suscripciones */

#sfba-form2-email {
	border:  1px solid black !important;
}
/* corrige el texfield del email de suscripciones */

.sfba_subscribe_form__fields_wrap {
	max-width: 80% !important;
}
/* Ensancha el espacio que ocupa el cuadro de suscripciones */

#sfba_thanks_message {
	display:  none !important;
}
/* Borra el mensaje de suscripcion completada */


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



/******************** BLOG ********************/

.blog #gp-page-title {
	display: none !important;
}
/* Borra el titulo del blog */

.blog #gp-page-wrapper {
	margin-top: 70px !important;
}
/* Agrega un margen a las entradas */


#comments {
	display: none !important;
}
/* Oculta el textbox de los comentarios de las entradas */


.single-post #gp-page-wrapper {
	margin-top: 70px !important;
}
/* Agrega un margen al contenido del post*/


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




/******************* PRODUCTOS ******************/

.product {
	margin-top: 30px !important;
}
/* Da un margen en los productos */

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






/****************  CONTACT FORM 7   **************************/



span input.wpcf7-form-control {
  width: 100% !important; /* Asegura que los campos tomen el ancho disponible */
}



.wpcf7-submit{
	min-width: 150px !important;
	border-radius: 100px !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	height: 45px !important;
	border: 2px solid black !important;
	background: white !important;
	padding: 13px 19px 13px 19px !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 35px !important;
	line-height: 0 !important;
	font-family: raleway !important;
	color: black !important;
}
.wpcf7-submit:hover{
	background: black !important;
	color: white !important;
}
/* Pone el estilo del sitio al boton de contact form 7 */


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




/******************** FOOTER ********************/





@media (max-width: 770px) {
    #gp-footer {
        text-align: center !important;
    }
    /* centra los textos del footer */

    .wp-block-social-links {
        display: block !important;
    }
    /* Centra social links del footer */

	.gp-contact-detail:before {
		display: none !important;
	}
	/* Borra los iconos de contacto */

	.gp-contact-detail {
		margin-left: -25px !important;
	}
	/* Borra el margen de los elementos de contacto */
}
/* Diseño para mobile */



#gp-copyright-text {
	float: none !important;
	text-align: center !important;
}
/* centra el texto del copyright */

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