/*
Theme Name: Giveon Child
Template:   giveon
Theme URI: https://1.envato.market/giveon-wp
Description: Giveon Child Theme
Author: AwaikenThemes
Author URI: https://awaikenthemes.com/
Version: 1.0.0
Text Domain: giveon-child
*/

.section-title .elementor-heading-title::before{
	background: #0055A5;
}

.program-item-meta .projects_meta{
	margin-bottom: 0;
}

.program-item-meta ul li a{
	font-family: "Inter Tight";
	font-size: 14px;
	font-weight: normal;
	line-height: 2;
	font-style: normal;
	text-align: left;
	color: #0055a5;
	text-transform: uppercase;
}

.program-item-meta ul li svg{
	display: none;
}


.program-item-content h2{
	font-family: "Inter Tight";
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	font-style: normal;
	text-align: left;
	color: #313f4c;
}

.program-item-btn {
    border-top: 0;
    margin-top: 0;
    line-height: 0;
}

.program-item-btn a{
	font-family: "Inter Tight";
	font-size: 16px;
	font-weight: 600;
	line-height: 55px;
	font-style: normal;
	text-align: left;
	color: #313f4c;
}

/* Página Sobre Nosotros - Acordeón "¿Cómo surgieron..." (elemento 1a2b3cb):
   numeración bicolor (01., 02., ...) generada por CSS en vez de texto plano,
   para poder darle un color distinto al del título sin tocar el campo de
   texto del acordeón (que no acepta HTML). */
.elementor-element-1a2b3cb .e-n-accordion {
	counter-reset: sanarg-accordion-item;
}

.elementor-element-1a2b3cb .e-n-accordion-item {
	counter-increment: sanarg-accordion-item;
}

.elementor-element-1a2b3cb .e-n-accordion-item-title-text::before {
	content: counter(sanarg-accordion-item, decimal-leading-zero) ". ";
	color: #C17AA1;
}

/* Página Maratón Solidaria (page-id-10483): el template de página normal
   (template-parts/page.php) envuelve el contenido en un .container/.row/
   .col-md-12 de Bootstrap con max-width fijo, lo que le impide a los
   containers "full width" de Elementor llegar realmente al ancho de la
   ventana y deja muy poco espacio horizontal (forzando el flex-wrap a
   apilar columnas en una sola). Se libera ese límite solo en esta página. */
body.page-id-10483 .page-single-post > .container {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

body.page-id-10483 .page-single-post .row {
	margin-left: 0;
	margin-right: 0;
}

body.page-id-10483 .page-single-post .col-md-12 {
	padding-left: 0;
	padding-right: 0;
}

.marathon-n{
	width: 50px;
	aspect-ratio: 1/1;
}

/* Header (widget ekit-nav-menu, elemento 520e8ae): entre 1025px y 1280px
   la columna del menú tiene un ancho fijo del 60% que no alcanza para los
   5 enlaces ("La Fundación", "Campañas", "Quiero involucrarme",
   "Novedades", "Sponsors"), y como el <ul class="elementskit-navbar-nav">
   tiene flex-wrap + justify-content:center, el último enlace ("Sponsors")
   cae a una segunda línea centrada en vez de quedar en la misma fila.
   Se achica el logo (cede ancho de columna al menú) y se compacta la
   tipografía/espaciado de los enlaces solo en ese rango. */
@media (min-width: 1025px) and (max-width: 1280px) {

	/* Logo: columna más angosta */
	.elementor-element-62498f7 {
		--width: 14% !important;
	}

	/* Menú: recibe el ancho cedido por el logo */
	.elementor-element-f4de58e {
		--width: 66% !important;
	}

	/* Enlaces del menú: espaciado y tipografía más compactos */
	.elementor-element-520e8ae .elementskit-navbar-nav > li {
		margin: 0px 4px 0px 4px !important;
	}

	.elementor-element-520e8ae .elementskit-navbar-nav > li > a {
		font-size: 14px !important;
		padding: 12px 4px 12px 4px !important;
	}

	.elementor-element-520e8ae .elementskit-navbar-nav > li > a .elementskit-submenu-indicator,
	.elementor-element-520e8ae .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon {
		font-size: 10px !important;
		margin-left: 4px !important;
	}
}

/* Header: botón "Quiero donar" clonado dentro del menú offcanvas mobile
   (ver assets/js/mobile-donate-btn.js). Oculto en desktop; en mobile/
   tablet queda centrado al final del listado de enlaces. */
.sanarg-mobile-donate-item {
	display: none;
}

@media (max-width: 1024px) {
	.sanarg-mobile-donate-item {
		display: block;
		width: 100%;
		text-align: left;
		margin-top: 20px;
		padding-left: 20px !important;
	}

	.sanarg-mobile-donate-item .ekit-btn-wraper {
		text-align: left !important;
	}
}

/* Página "Quiero involucrarme": cada una de las 5 cards (Voluntariado,
   Donar Elementos, Prácticas Profesionales, Débito Solidario, Difundí
   nuestra causa) abre un modal con el detalle ampliado (widget Popup
   Modal de ElementsKit agregado como hermano de cada card, clase
   sanarg-card-popup). El disparador es la card completa (ver
   assets/js/quiero-involucrarme-popups.js), así que se oculta el botón
   "Leer más" propio del widget popup-modal para no duplicar el link. */
.sanarg-card-popup .ekit-popup-modal__toggler-wrapper {
	display: none;
}

.page-id-9704 .elementskit-infobox {
	cursor: pointer;
}