/*
 Theme Name: Danar
 Theme URI: https://elementor.com/
 Description: Child theme para Hello Elementor
 Author: ACF coder
 Author URI: https://danar.es
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: danar
*/

* {
	
}


/**
 * Estilos CSS básicos para el grid
 * Añade esto a tu archivo style.css o en Appearance > Customize > CSS adicional


--e-global-typography-secondary-font-family: "Akshar";
 */


.mantelerias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 24px 46px;
    margin: 42px auto 56px;
	width: 90%;
}
	.categoria_section {
		padding:64px
	}

.categoria-titulo {
	grid-column: 1 / -1;
	margin-bottom: 16px;
}

.manteleria-item {
    text-align: center;
	 margin: 0 0 16px;
}

	.mateleria-desc {
		padding-left: 32px;
		padding-right: 32px;

	}	

.manteleria-imagen {
    margin-bottom: 15px;
}

.manteleria-imagen img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}


.manteleria-titulo {
    font-size: 24px!important;
	font-family: var(--e-global-typography-secondary-font-family); 
    color: #333;
	text-align: left;
	margin: 0px
	}

.manteleria-codigo {
    color: #333;
    font-size: 32px;
	margin: 0;
	text-align: left;
	font-family: var(--e-global-typography-secondary-font-family); 
}

/*toggle button*/
.elementor-menu-toggle {
	padding-right: 16px!important;
	background: none!important;
}

.link, .glang a {
	font-family: Akshar, sans-serif !important;
}

.glang > a:first-child {
	display:none;
}

@media (max-width: 768px) {
	
	
	.hello>div:first-child {
		flex-wrap: nowrap!important;
	}
	
	.mantelerias-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		gap: 24px 26px;
		margin: 42px auto 56px;
		width: 96%;
	}
	
	.manteleria-imagen {
		margin-bottom: 0px;
	}
	
	.mateleria-desc {
		padding-left: 1em;
		padding-right: 8px;

	}	

	.manteleria-titulo {
		font-size: 1.2em !important;
		font-family: var(--e-global-typography-secondary-font-family); 
		color: #333;
		line-height: 1.3em!important;
		}

	.manteleria-codigo {
		color: #333;
		font-size: 1.6em!important;
		line-height: 36px;
		}

	
/*toggle button*/
.elementor-menu-toggle {
	padding-right: 36px!important;
	background: none!important;
}

	
}