/* Add here all your CSS customizations */

/* Header — blanco / azul marino / dorado */
#header .header-body,
html.sticky-header-active #header .header-body {
	background-color: #ffffff !important;
}

#header .header-btn-collapse-nav {
	background: #011c49;
	color: #ffffff;
}

/* Menú: texto azul marino */
@media (min-width: 992px) {
	#header .header-nav-main nav > ul > li > a,
	#header .header-nav.header-nav-links nav > ul > li > a {
		color: #011c49 !important;
	}

	/* Hover y active: dorado */
	#header .header-nav.header-nav-links nav > ul li:hover > a,
	#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active,
	#header .header-nav-main nav > ul > li.open > a,
	#header .header-nav-main nav > ul > li:hover > a,
	#header .header-nav-main nav > ul:not(:hover) > li > a.active {
		color: #aa7b42 !important;
		background: transparent !important;
	}
}

/* Menú móvil */
@media (max-width: 991px) {
	#header .header-nav-main nav > ul > li > a {
		color: #011c49 !important;
	}

	#header .header-nav-main nav > ul > li > a.active,
	#header .header-nav-main nav > ul > li > a:hover,
	#header .header-nav-main nav > ul > li > a:focus,
	#header .header-nav-main nav > ul li a:hover,
	#header .header-nav-main nav > ul li a:focus,
	#header .header-nav-main nav > ul li a:active {
		color: #aa7b42 !important;
		background-color: transparent !important;
	}
}

/* Círculos process-shapes (trayectoria): dorado */
.process.process-shapes .process-step-circle .process-step-circle-content,
.process.process-shapes .process-step-circle:before,
.process.process-shapes .process-step-circle:after {
	background-color: #aa7b42 !important;
}

/* Iconos redes sociales: dorado */
#header .header-social-icons.social-icons li a,
#header .header-social-icons.social-icons li a i,
#header .header-social-icons.social-icons li:hover a,
#header .header-social-icons.social-icons li:hover a i {
	color: #aa7b42 !important;
	background: transparent !important;
}