header { background-color: transparent; font-family: Gotham, sans-serif; font-size: 14px; line-height: 1.4em; }
header a{ color: #716D69 ; text-decoration: none;}
header a:hover{ color: #cccbca; }

/******************************************************/
/* #menu-1 */
header #menu-1 { min-height: 55px; padding: 0 50px; display: flex; justify-content: space-between; align-items: center; background-color: transparent; }
header #menu-1 .logo{ align-self: flex-start; }
header #menu-1 .logo svg{ margin-top: 12px; width: 190px; height: 31px; }
header #menu-1 .derecha{ display: flex; justify-content: space-between; align-items: center;}
header #menu-1 .derecha .item{ margin-left: 30px; }
header #menu-1 .derecha .idioma { letter-spacing: 0.02em; margin-top: 1px; }
header #menu-1 .derecha .idioma ul li{ display: inline-block; /* padding:0 .4em; line-height: 1em; */}
/* header #menu-1 .derecha .idioma ul li:first-child{ border-right: 1px solid ; } */
header #menu-1 .derecha .idioma ul li:first-child:after{ content: " | "; }
header #menu-1 .derecha .idioma ul li:last-child:before{ content: " "; padding-left: .4em; }
header #menu-1 .derecha .buscar svg{ width: 20px; height: 20px; margin-top: 6px; }
header #menu-1 .derecha #menu-trigger { display: none; }
header #menu-1 .derecha #menu-trigger #menu-trigger-close{ display: none; }
header #menu-1 .derecha #menu-trigger svg{ width: 20px; height: 20px; margin-top: 7px; }

/* *********************************************** */
/* Orgullo */
/*header #menu-1 { 
	min-height: 55px; padding: 0 50px; display: flex; justify-content: space-between; align-items: center; background-color: transparent;
	background-image: url('https://www.cnio.es/wp-content/themes/cnio/img/header/orgullo.png');
	background-size: 50%;
    background-repeat: repeat-y;
 }
header #menu-1 .logo svg *{ fill:#fff }

@media all and (max-width: 900px) { 
	header #menu-1 .logo svg *{ fill:#716D69; }
	header #menu-1 { background-size: 100%; }
	header #menu-1 .derecha .idioma ul{ color:#fff;}
	header #menu-1 .derecha .idioma ul li a{ color:#fff;} 
}
@media all and (max-width: 650px) { 
	header #menu-1 .derecha #menu-trigger svg *,
	header #menu-1 .derecha .buscar svg *{ fill:#fff; }  
}*/ /* Orgullo */

/* Orgullo  */
/* .home header #menu-1 { background-image: url('/wp-content/themes/cnio/img/header/orgullo-2024.svg'); background-repeat: no-repeat; background-size: auto 58px;}
.home header #menu-1 .logo{padding-left: 200px;}
@media all and (max-width: 900px) {
	.home header #menu-1 .logo{ padding-left: initial; }
}
@media all and (max-width: 700px) {
	.home header #menu-1 .logo{ padding-top: 60px; }
}
 */
/* *********************************************** */


@media all and (max-width: 900px) { /* 700 */
	header #menu-1{ flex-direction: column; padding-bottom: 1em;}
	header #menu-1 .logo{  width: 100%; }
	header #menu-1 .logo svg{ margin-top: 40px; width: 100%; height: 50px; }
	header #menu-1 .derecha{  margin-top: 20px;}
	header #menu-1 .derecha .item{ margin: 0 20px; }
}
@media all and (max-width: 700px) { /* 500 */
	/* header #menu-1 .derecha{  flex-wrap: wrap; max-width: 280px;} */
	header #menu-1 .logo svg{ margin-top: 20px; height: 40px; }
	header #menu-1 .derecha .item { margin-left: 10px; }
}
@media all and (max-width: 650px) { 
	header #menu-1 .derecha{  flex-wrap: wrap; justify-content: center; }
	/* header #menu-1 .derecha .idioma,
	header #menu-1 .derecha .buscar { width: 45%; display: inline-block; } */
	header #menu-1 .derecha p { display: inline-block; width: 45%; order: 1; margin-bottom: 1em; }
	header #menu-1 .derecha p .asset-boton{ width: 95%;  }
	header #menu-1 .derecha .item {  order: 2; }
}
@media all and (max-width: 400px) {
	header #menu-1 .derecha { width: 100%; }
	header #menu-1 .derecha .item { margin-left: 0; margin-right: 0; }
	header #menu-1 .derecha .buscar { margin: 0 10px; }
	header #menu-1 .derecha > p { display: block; width: 100%;; }
}
 
body header #menu-1 a{ color: #716D69; }
body header #menu-1 a:hover{ color: #9B9B9B; }
body header #menu-1 a svg *{ fill: #716D69; }
body header #menu-1 a svg:hover *{ fill:#9B9B9B; }
body header #menu-1 .derecha .asset-boton:hover{ box-shadow:none; }


header .header-submenu{ display: flex; justify-content: space-between; font-size:13px;}
header .header-submenu nav{ width: 100%; /* height: 100%; */ /* padding: 25px 35px;  */ }
header .header-submenu nav ul { 
	display: flex; flex-flow: row; justify-content: center; align-items: flex-start;
	width: 100%; /* height: 100%;  */margin: 0 auto; 
} 
header .header-submenu nav ul li a{ padding: 8px 15px; display: block; /* height: 100%; */ cursor: pointer; }
@media all and (max-width: 900px) {
	header .header-submenu nav ul {flex-direction:column;}
	header .header-submenu nav ul { padding: 25px;  }
	header .header-submenu nav ul li{ width: 100%;  }
	header .header-submenu nav ul li:last-child a{ border-bottom: 0 solid #c6c5c3;  }
	header .header-submenu nav ul li a{ padding: 20px 0; cursor: pointer; border-bottom: 1px solid #c6c5c3;  }
}

header #menu-2{ background-color: #f8f8f8; }
header #menu-2 nav .menu-menu-principal-container{ /* height: 100%; */ }
header #menu-3{  background-color: rgba(232,232,232, 0); display: none; position: relative; z-index: 10000; }
header #menu-3 nav{ background-color: rgba(232,232,232, .7); }
header #menu-3 nav ul li a { color: #4a4a4a; }
header #menu-degradado{ display: block; height: 140px; }
/* header #menu-degradado{ display: none; } */

.accesible header,
.accesible header a{ color: #000; }
.accesible header #menu-1 .derecha .asset-boton{ background-color: #000; }

/******************************************************/
/* Print */
@media print {
	header #menu-1 .derecha,
	header #menu-2{ display: none; }
}
/******************************************************/