/*
Theme Name: Genera Elche 
Theme URI: http://zephyr.us-themes.com/
Version: 1.0
Description: Tema desarrollado para "Ayuntamiento de Elche"
Author: Grupoidex
Author URI: https://grupoidex.es
Template: Zephyr
*/
 
@import url("../Zephyr/style.css");

@font-face{
 font-family: "Sanoma";
 src: url(../fonts/SanomatSansText-Medium.ttf); 	
}

.fondo-texto-verde {
	color: #fff !important;
	background-color: #44bba4 !important;
	border-radius: 25px !important;
	padding: 5px 10px;
}

.fondo-texto-verde .interno {
	background-color: #44bba4 !important;
	border-radius: 25px !important;
	padding: 5px 5px;
}

.fondo-texto-azul {
	color: #fff !important;
	background-color: #406e8e !important;
	border-radius: 25px !important;
	padding: 5px 10px;	
}

.fondo-texto-azul .interno {
	background-color: #406e8e !important;
	border-radius: 25px !important;
	padding: 5px 5px;	
}

.fondo-texto-naranja {
	color: #fff !important;
	background-color: #ff8e72 !important;
	border-radius: 25px !important;
	padding: 5px 10px;	
}

.fondo-texto-naranja .interno {
	background-color: #ff8e72 !important;
	border-radius: 25px !important;
	padding: 5px 5px;	
}

.fondo-texto-amarillo {
	color: #fff !important;
	background-color: #e7e08b !important;
	border-radius: 25px !important;
	padding: 5px 10px;	
}

.fondo-texto-amarillo .interno {
	background-color: #e7e08b !important;
	border-radius: 25px !important;
	padding: 5px 5px;	
}

ul.punto-amarillo {
list-style: none; 
padding: 0; 
margin-left: 10px; 
}

ul.punto-amarillo li::before { 
    content: "";
    background-image: url(/wp-content/uploads/2024/05/circle-solid-amarillo.svg);
    padding-right: 5px;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    display: inline-block !important;
    width: 10px;
    height: 10px;
}	


ul.punto-naranja {
list-style: none; 
padding: 0; 
margin-left: 10px; 
}

ul.punto-naranja li::before { 
    content: "";
    background-image: url(/wp-content/uploads/2024/05/circle-solid-naranja.svg);
    padding-right: 5px;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    display: inline-block !important;
    width: 10px;
    height: 10px;
}	

ul.punto-verde {
list-style: none; 
padding: 0; 
margin-left: 10px; 
}

ul.punto-verde li::before { 
    content: "";
    background-image: url(/wp-content/uploads/2024/05/circle-solid-verde.svg);
    padding-right: 5px;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    display: inline-block !important;
    width: 10px;
    height: 10px;
}	

ul.punto-azul {
list-style: none; 
padding: 0; 
margin-left: 10px; 
}

ul.punto-azul li::before { 
    content: "";
    background-image: url(/wp-content/uploads/2024/05/circle-solid-azul.svg);
    padding-right: 5px;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    display: inline-block !important;
    width: 10px;
    height: 10px;
}	

.lista-colores ul {
   margin: 0 0 0.5rem;
}

#agenda-urbana-esp .w-separator.width_50 {
margin-left: unset !important;
margin-right:  unset !important;
}

#agenda-urbana-esp h3 {
	width: auto !important;
	border-bottom: 1px solid #122330;
	display: inline-block;
	padding-right: 25px;
}

.icono-agenda-esp.proyectos:after {
	content: url('/wp-content/uploads/2024/05/agenda-esp-proyectos-icon.svg');
	position: absolute;
	bottom: 30px;
	right: 40px;
	width: 50px;
	height: 50px;
}

.icono-agenda-esp.documentos:after {
	content: url('/wp-content/uploads/2024/05/agenda-esp-documentos-icon.svg');
	position: absolute;
	bottom: 30px;
	right: 40px;
	width: 50px;
	height: 50px;
}

.icono-agenda-esp.participacion:after {
	content: url('/wp-content/uploads/2024/05/agenda-esp-participacion-icon.svg');
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 65px;
	height: 65px;
}

.icono-agenda-esp.formacion:after {
	content: url('/wp-content/uploads/2024/05/agenda-esp-formacion-icon.svg');
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 65px;
	height: 65px;
}

body #page-content {
	background: url("/wp-content/uploads/2024/05/fondo-colores.jpg");
	background-position: center right;
	background-size: 60px 100%;
	background-repeat: no-repeat;
}

body.page-id-150 #page-content {
	background: url("/wp-content/uploads/2024/05/fondo-naranja.jpg");
	background-position: center right;
	background-size: 60px 100%;
	background-repeat: no-repeat;
}

body.page-id-159 #page-content {
	background: url("/wp-content/uploads/2024/05/fondo-azul.jpg");
	background-position: center right;
	background-size: 60px 100%;
	background-repeat: no-repeat;
}

body.page-id-164 #page-content {
	background: url("/wp-content/uploads/2024/05/fondo-verde.jpg");
	background-position: center right;
	background-size: 60px 100%;
	background-repeat: no-repeat;
}

body.page-id-166 #page-content {
	background: url("/wp-content/uploads/2024/05/fondo-amarillo.jpg");
	background-position: center right;
	background-size: 60px 100%;
	background-repeat: no-repeat;
}

.centrado {
	margin: 0px auto !important;
}

.invisible {
	display: none;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	letter-spacing: 3px;
 /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	letter-spacing: 3px;
}

::-ms-input-placeholder { /* Microsoft Edge */
	letter-spacing: 3px;
}


.movil-no {
	display: flex;
}

.movil-si {
	display: none;
}

.inline-block {
	display:  inline-block !important;
}

.w-filter-item-title {
      width: 100%;      
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
}

.w-filter-item-title span {
	font-size: 1.5rem !important;
	line-height: 1.5rem !important;
}


#filtrado-proyectos .w-filter.layout_hor .w-filter-list {
	flex-wrap: nowrap !important;
}

#filtrado-proyectos .w-filter.state_desktop.style_drop_default .w-filter-item {
    width: 50% !important;
}

.w-filter-item-title {
	font-size: 18px !important;
}
#filtrado-noticias .w-filter.state_desktop.style_drop_default .w-filter-item {
	width: 100% !important;
}

.w-filter.state_desktop.style_drop_default .w-filter-item-title {
	border:  1px solid #000 !important;
	border-radius: 25px !important;
}


@media (max-width: 1024px) {
#ejes .align_right, #ejes .align_left,
#eixos .align_right, #eixos .align_left {
	text-align: center !important;
}
}

@media (max-width: 768px) {

.movil-no {
	display: none;
}

.movil-si {
	display: flex;
}

h1, h2 {
	font-size: calc(18px + 1vw) !important;
}

body #page-content {
	background-size: 20px 100%;
}

body.page-id-150 #page-content {
	background-size: 20px 100%;
}

body.page-id-159 #page-content {
	background-size: 20px 100%;
}

body.page-id-164 #page-content {
	background-size: 20px 100%;
}

body.page-id-166 #page-content {
	background-size: 20px 100%;
}


.fondo-texto-verde {
	padding: 5px 5px;
}

.fondo-texto-verde .interno {
	padding: 5px 5px;
}

.fondo-texto-azul {
	padding: 5px 5px;	
}

.fondo-texto-azul .interno {
	padding: 5px 5px;	
}

.fondo-texto-naranja {
	padding: 5px 5px;	
}

.fondo-texto-naranja .interno {
	padding: 5px 5px;	
}

.fondo-texto-amarillo {
	padding: 5px 5px;	
}

.fondo-texto-amarillo .interno {
	padding: 5px 5px;	
}

}