/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

#header_main { padding: 0px; }

#header_main > div:first-of-type {
	background-color: #222222;
	color: #ffffff !important;
	padding: 5px
}

.stc-dm-serif {
    font-family: 'DM Serif Display', serif;
}

.stc-no-uppercase h1,
.stc-no-uppercase h2,
.stc-no-uppercase h3,
.stc-no-uppercase h4,
.stc-no-uppercase h5,
.stc-no-uppercase h6,
.stc-no-uppercase p {
    text-transform: none !important;
}

.stc-80px h1,
.stc-80px h2,
.stc-80px h3,
.stc-80px h4,
.stc-80px h5,
.stc-80px h6,
.stc-80px p {
	font-size: 68px;
}

.stc-page-title-centered.avia-section.av-minimum-height .container .content{
	vertical-align:bottom!important;
}
.stc-page-title-text h1, .stc-page-title-text h2, .stc-page-title-text h3, .stc-page-title-text h4, .stc-page-title-text h5 {
	font-weight: bold !important;
	font-size: 80px;
}

/* cabecera superior */
#header_main 
	ul.contacto {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		align-items: center;
		padding-left: 100px;
		margin: 0;
		gap: 20px;
	}
#header_main
	ul.contacto li {
		display: flex;
		align-items: center;
		color: white;
		font-size: 16px;
		gap: 8px;
		white-space: nowrap;
	}

#header_main
	ul.contacto img {
	  width: 40px;
	  height: 40px;
	}
/* cabecera superior */

/* menu */
#header ul.menu li span {
	font-weight: 400;
	font-size: 20px;
}
#header ul.menu > li.menu-item-has-children > ul.sub-menu {
	min-width: 300px; /* o el ancho que quieras */
}

/* hover de los menus */
#header ul.menu .menu-item > a {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Pseudo-elemento que será el "lazo animado" */
#header ul.menu .menu-item > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px; /* Grosor del "lazo" */
  width: 100%;
  background-color: #e63946; /* Color del lazo */
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease-in-out;
}
/* Lazo más grueso solo para menú superior */
#header ul.menu .menu-item-top-level > a::after {
  height: 4px; /* más grueso */
}
/* Lazo por hover o si está activo (seleccionado) */
#header ul.menu .menu-item > a:hover::after {
	transform: scaleX(1);
}

#header ul.menu .current_page_item > a,
#header ul.menu .current_page_parent > a {
  background-color: #5fae27;
  color: #fff !important;
}

/* Estilo solo para el primer menú activo de nivel superior */
#header ul.menu .current-menu-item > a::after {
	transform: scaleX(1);
	background-color: #5fae27;
}


/* Animación al pasar el ratón */
#header ul.menu .menu-item > a:hover::after {
  transform: scaleX(1);
}
/* hover de los menus */


/* menú */


/* estilos árbol junta directiva */
.wpda_tree_item_container div {
    padding: 10px;
}

.wpdevart_org_chart_container div.wpda_tree_item_img_cont {
	width: 150px;
    height: auto;
}

@media (max-width: 600px) and (orientation: portrait) {
	/* cabecera superior */
	#header_main
		ul.contacto {
			
			padding-left: 0px;
			gap: 0;
		}
	#header_main
		ul.contacto li {
			font-size: 14px;
			gap: 0;
			padding-right: 1%;
		}
	#header_main
		ul.contacto img {
		  width: 20px;
		  height: 20px;
		}
	/* cabecera superior */
	
	.stc-80px h1,
	.stc-80px h2,
	.stc-80px h3,
	.stc-80px h4,
	.stc-80px h5,
	.stc-80px h6,
	.stc-80px p {
		font-size: 58px;
		color: white;
    text-shadow:
        -1px -1px 0 black,
         1px -1px 0 black,
        -1px  1px 0 black,
         1px  1px 0 black;
	}
}

@media (min-width: 601px) and (max-width: 1024px) {
	
}

/* footer */

.stc-fisrt-logos-footer {
	max-width: 300px;
	
}

/* /footer */