/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Text Domain: hello-elementor-child
Version: 1.0.0
*/

/* ---- FONTS: CYGRE ---- */
@font-face {
	font-family: 'Cygre';
	src: url('assets/fonts/Cygre-Bold.woff2') format('woff2'),
		url('assets/fonts/Cygre-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cygre';
	src: url('assets/fonts/Cygre-Medium.woff2') format('woff2'),
		url('assets/fonts/Cygre-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cygre';
	src: url('assets/fonts/Cygre-Regular.woff2') format('woff2'),
		url('assets/fonts/Cygre-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cygre';
	src: url('assets/fonts/Cygre-Light.woff2') format('woff2'),
		url('assets/fonts/Cygre-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

:root {
	--lc-font: 'Cygre', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--e-global-typography-primary-font-family: 'Cygre', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	--e-global-typography-secondary-font-family: 'Cygre', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	--e-global-typography-text-font-family: 'Cygre', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	--e-global-typography-accent-font-family: 'Cygre', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ---- FORZAR FUENTE CYGRE EN TODO EL SITIO Y ELEMENTOR (SOBRESCRITURA GLOBAL) ---- */
html,
body,
h1, h2, h3, h4, h5, h6,
p, span, a, li, button, input, select, textarea, label,
div, section, article, header, footer, nav, main,
.elementor,
.elementor *,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor,
.elementor-button,
.elementor-button *,
.elementor-nav-menu a {
	font-family: 'Cygre', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ---- PROTECCIÓN Y SOBRESCRITURA PARA FONTAWESOME Y OTROS ÍCONOS ---- */
html body .fa, html body .fas, html body .far, html body .fab, html body .fal, html body .fad,
html body .fa-solid, html body i.fa-solid, html body .fa-regular, html body i.fa-regular,
html body .fa-light, html body i.fa-light, html body [class^="fa-"], html body [class*=" fa-"],
html body i[class*="fa-"], html body i[class*="fa-"]::before, html body [class*="fa-"]::before,
html body .fa-solid::before, html body .fa-regular::before, html body .fa-light::before {
	font-family: "Font Awesome 6 Free", "FontAwesome" !important;
}

html body .fa-brands, html body i.fa-brands, html body .fa-x-twitter, html body i.fa-x-twitter,
html body [class*="fa-brands"]::before, html body .fa-brands::before {
	font-family: "Font Awesome 6 Brands" !important;
}

/* ---- DECLARACIÓN DE FUENTE FA6 BRANDS Y REGLA DE X (TWITTER) ---- */
@font-face {
	font-family: 'Font Awesome 6 Brands';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2") format("woff2"),
		url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf") format("truetype");
}

html body .fa-brands,
html body i.fa-brands,
html body .fa-x-twitter,
html body i.fa-x-twitter,
html body [class*="fa-brands"]::before,
html body .fa-brands::before {
	font-family: "Font Awesome 6 Brands" !important;
	font-weight: 400 !important;
}

html body .fa-x-twitter::before,
html body i.fa-x-twitter::before,
html body [class*="fa-x-twitter"]::before {
	content: "\e61b" !important;
	font-family: "Font Awesome 6 Brands" !important;
}

/* ---- REMOVER SUBRAYADO NO DESEADO DE ELEMENTOR Y MENÚS EN ENLACES ---- */
.elementor a,
.elementor-widget-container a,
.nh-header a,
.nh-footer a,
.nh-mainnav a,
.nh-topbar a {
	text-decoration: none;
}

/* Íconos propios de Elementor (eicons) y WordPress (dashicons) */
html body [class^="eicon-"], html body [class*=" eicon-"], html body i[class*="eicon-"], html body i[class*="eicon-"]::before {
	font-family: 'eicons' !important;
}

html body .dashicons, html body .dashicons-before::before, html body [class*="dashicons-"]::before {
	font-family: 'dashicons' !important;
}

/* ---- PROTECCIÓN EXPLICITA PARA LA BARRA SUPERIOR DE WORDPRESS (#wpadminbar) ---- */
#wpadminbar,
#wpadminbar *,
#wpadminbar a,
#wpadminbar span,
#wpadminbar div,
#wpadminbar li {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

#wpadminbar .ab-icon,
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before,
#wpadminbar .ab-item .ab-icon::before,
#wpadminbar .dashicons,
#wpadminbar .dashicons::before {
	font-family: 'dashicons' !important;
}

/*ORGANIGRAMA*/

.wpdevart_org_chart_container ul li #wpda_item_container_1 .wpda_tree_open_popup_el{
	background: rgb(22,100,192);
	background: linear-gradient(0deg, rgba(22,100,192,1) 0%, rgba(22,100,192,1) 100%);
	width: 100px;
	min-height: 100px !important;
	border-radius: 50% !important;
	display: flex !important;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
}
#wpda_item_container_1 .wpda_tree_item_title {
	background: transparent;
}
.wpdevart_org_chart_container #wpda_item_container_1 .wpda_tree_item_title {
	color: #fff;
	font-weight: 900 !important;
	font-family: "Epilogue", Sans-serif;
	font-size: 15px;
}
.wpda_tree_item_container > div{
	width: 210px;
}
.wpdevart_org_chart_container .wpda_tree_item_title{
	background: #D0D7D7;
	font-weight: 500 !important;
	font-family: "Epilogue", Sans-serif;
	padding: 5px;
	height: initial;
	min-height: initial;
	word-break: break-word;
}

.wpdevart_org_chart_container .wpda_tree_item_desc{display: none;}
.wpdevart_org_chart_container li .wpda_tree_item_container > div{
	height: auto !important;
	min-height: auto !important;
}
/*MODAL CHART*/
#wpdaOrgChartPopupWindow #wpdaOrgChartCloseSection[style]{
	background-color: #fff !important;
	border: none !important;
}

/*DROPDOWN CONTENT*/
.dropdown-content{
	z-index: 2;
}