/*
Theme Name: Panel Control
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 wil be much easier then.
Version: 1.0
Author: Ubic Estudio
Author URI: https://ubicestudio.es
Template: enfold
*/

/* General Custom CSS */

/*
ESTILOS GENERALES
================================================================= */

/*Marcar enlaces al recibir el foco(accesibilidad)*/
a:focus {
border:dashed 1px #000!important;
}


h1, h2, h3, h4 {
    text-transform: none !important;
}

/*Cabeceras*/
h1 {font-size:28px;}
h2 {font-size:26px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}

.ocultar {
    display:none;
}

/* DEFINIMOS LA FUENTE DE ICON CHAR PARA MOSTRAR ICONOS DE FORMA ALTERNATIVA */
span.av-icon-char {
    font-family: icomoon;
}


/*
MENU PRINCIPAL
================================================================= */

/* BUSCADOR */
.ajax_search_response {
    background-color: #f8f8f8;
    box-shadow: 0px 0px 10px #00000045;
}
input#s {
    color: #ffffff !important;
    padding: 11px 47px 11px 15px !important;
}
input#searchsubmit:hover {
    background-color: #a01637;
    color: white;
}
.ajax_search_response h4:first-child {
    background-color: #991635;
    color: white;
    padding: 5px 20px;
    text-align: left;
}
.header_color .ajax_search_excerpt {
    color: #9b1636;
}
li.search-bar-menu {
    position: relative;
    top: 20px;
    margin: 0 -20px 0 20px;
}
#top #searchform>div {
    position: relative;
    width: 250px;
}
#top #searchform .ajax_search_response {
    line-height: 1.4em;
    font-size: 12px;
    margin: 0;
    min-width: 300px;
    right: 0;
    position: absolute;
    top: 65px;
}
.ajax_search_response h4 {
    background-color: #991635;
    color: white;
    padding: 5px 20px;
    text-align: left;
    margin-top: 0px;
}
#top #s {
    background-color: transparent;
    border: 2px solid white;
    border-radius: 0px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white !important;
  opacity: 1 !important; /* Firefox */
}

/* FIN BUSCADOR */

#header_main {
    border: none;
}
header#header {
    box-shadow: 0px 0px 10px #0000007a;
}
.header_bg {
    background-image: -webkit-linear-gradient(-15deg, #79152d, #b7153c 100%);
}

.avia-menu.av-main-nav-wrap.av_menu_icon_beside {
    padding: 0;
    margin: 0;
}

.icono span.avia-menu-text:before {
    font-family: 'icomoon';
    color: #ffffff;
    position: relative;
    float: left;
    display: inline-block;
}

/** [jlgomez, 22/07/2020] -  SUBMENUS DEL MENU PRINCIPAL  **/

.subicono span.avia-menu-text:before {
  display: none;
}
  
ul.sub-menu > li > a:hover
{
 opacity: 1!important;
 color:#FFF !important;
 background-color:transparent !important;
 font-weight:bold;
}
      
ul.sub-menu > li.menu-item > a > span.avia-menu-text:hover
{
  color:#FFF!important;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
         
ul.sub-menu > li.menu-item:hover {
  font-size:17px;
  color:#FFF!important;
}
           
ul.sub-menu > li > a > span {
   text-transform:uppercase;
}
           
#av-burger-menu-ul > li > a > span {
    text-transform: uppercase;
}
            
#av-burger-menu-ul > li > a:hover {
 opacity: 1!important;
 color:#FFF !important;
 background-color:transparent !important;
 font-weight:bold;
}

/** /[jlgomez, 22/07/2020] -  SUBMENUS DEL MENU PRINCIPAL  **/


.home .av_header_transparency .icono span.avia-menu-text:before {
    color: #fff;
}
.home .av_header_transparency .icono span.avia-menu-text:before {
    color: #fff;
}
.icono.inicio span.avia-menu-text:before {
    content: "\e008";
}
#top nav .social_bookmarks {
    top: 0;
    margin-top: 0;
    overflow: hidden;
    clear: none;
    float: left;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    position: relative;
    right: -50px;
    width: 120px;
}

ul.noLightbox.social_bookmarks.icon_count_2 {
    background-color: white !important;
    height: 100% !important;
}
li.social_icon_1, .social_icon_2 {
    top: 25px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-flow: column;
    font-size: 19px;
    height: 30px !important;
    padding: 10px  
}
#top .social_bookmarks li a {
    color: grey;
}

/* [jlgomez-13/12/2019] - Cambio de estilo para el menú hamburguesa */
/* Efecto hover sobre cada opción del menú*/
li.av-burguer-active-items:hover {
  background-color:green !important;
}



/* /[jlgomez-13/12/2019] - Cambio de estilo para el menú hamburguesa */

/* TITULO Y BREADCRUMBS BARRA */
.stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container {
    background-color: #f7f7f7;
}
span.trail-before {
    display: none !important;
}


/*
HOME
================================================================= */

/* === SLIDE IMAGENES CABECERA HOME === */
.avia-slideshow-arrows a:before {
    border-radius: 100px;
    line-height: 43px !important;
    border: none !important;
    font-size: 18px;
}
#top .avia-slideshow-arrows a {
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: #a50138;
    border-radius: 100px;
}
.slideshow_caption {
    width: 56%;
}

/* === BLOQUES HOME === */

a.enlace-bloque {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    text-decoration: none;
    cursor: pointer !important;
}
span.flecha-bloque:before {
    content: "\e879";
    font-family: 'entypo-fontello';
    font-size: 25px;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    border-radius: 100px;
    color: #991333;
    position: absolute;
    bottom: 13px;
    right: 20px;
    z-index: 1;
}
span.flecha-bloque.rojo:before {
    background-color: #b5002a;
    color: #ffffff;
}

#cstm_section_modulos div .av_one_third:last-child {
    margin-left: 1%;
}
#cstm_section_modulos div .av_one_third.first{

}

.bloque.home {
    padding: 20px;
    margin-top: -100px;
    position: relative;
}
.bloque.home.sede:hover, .bloque.home.bop:hover {
    background-image: -webkit-linear-gradient(-15deg, #7f0f2a, #ad002a 100%);
}
.bloque.home.transparencia:hover {
    background-image: -webkit-linear-gradient(-15deg, #ffffff, #bdbdbd52 100%);
}

.overlay-bloque {
    background-size: cover !important;
    opacity: 0.1;
    position: absolute;
    width: 100%;
    left: 0;
}
.texto-bloque{

}
h2.titulo-bloque {
    color: white;
    text-transform: none !important;
    position: relative;
}
p.descripcion-bloque {
    color: white;
    position: relative;
}

/* BLOQUE SEDE ELECTRONICA */
.bloque.home.sede {
    height: 400px;
    background-color: #a10336;
    padding: 20px;
    margin-top: -100px;
    background-image: -webkit-linear-gradient(-15deg, #7f0f2a, #da1041 100%);
}
.bloque.home.sede:after {
    content: "@";
    font-size: 300px;
    color: white;
    position: absolute;
    left: -35px;
    bottom: 70px;
    font-weight: bold;
}
.sede .overlay-bloque {
    background: url(/wp-content/uploads/2019/05/sede-electronica.jpg);
    top: 0;
    height: 400px;
    background-position: center;
}

/* BLOQUE BOP */
.bloque.home.bop {
    height: 115px;
    background-color: #a10336;
    padding: 20px;
    margin-top: -100px;
    background-image: -webkit-linear-gradient(-15deg, #7f0f2a, #da1041 100%);
}
.bop .overlay-bloque {
    background: url(/wp-content/uploads/2019/05/transparencia.jpg);
    top: 0px;
    height: 115px;
}

/* BLOQUE TRANSPARENCIA */
.bloque.home.transparencia {
    height: 275px;
    padding: 20px;
    margin-top: 25px;
    background-color:#ffffff;

}

/*[jlgomez, 27/02/2020] - Cambio de la imagen de fondo del bloque de transparencia*/
.transparencia .overlay-bloque {
    background: url(/wp-content/uploads/2020/02/fondo-transparencia.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    height: 275px;
    opacity: 0.25;
}

.transparencia .texto-bloque {
    position: absolute;
    bottom: 10px;
}
.bloque.home.transparencia h2.titulo-bloque {
    color: #000000;
}
.bloque.home.transparencia p.descripcion-bloque {
    color: #a10336;
}


/* ULTIMAS NOTICIAS HOME */
img.attachment-thumbnail.size-thumbnail.wp-post-image {
    width: 120px;
}
.av-magazine-thumbnail {
    width: 119px;
    border: 0;
    padding: 0;
}
.av-magazine-entry {
    margin-bottom: 30px;
}
.av-magazine-content-wrap {
    border: none;
    padding: 20px 10px;
}
article.hentry.av-magazine-entry {
    min-height: 120px;
    border: 1px solid #e1e1e1;
}
.av-magazine-top-bar {
    display: none;
}



/* TARJETAS SERVICIOS HOME */

#cstm_section_servicios .av-section-color-overlay {
    background-image: -webkit-linear-gradient(-15deg, #7f0f2a, #b11e41 100%);
}

.flex_column.tarjeta-servicio {
    padding: 15px 20px;
    display: flex;
    flex-flow: row wrap;
    box-shadow: 0px 0px 10px #00000038;
    border-radius: 4px !important;
}
.flex_column.tarjeta-servicio:hover {
    box-shadow: 3px 3px 25px #500416;
}
.tarjeta-servicio span.av_font_icon {
    color: #a50138;
    margin-right: 20px;
}
.educacion span.av-icon-char {
    font-size: 33px !important;
    line-height: 41px !important;
}

/*
SINGLE POST
================================================================= */

/* TÍTULOS DE LAS NOTICIAS */
.single-post h2, .single-post h3, .single-post h4 {
    margin: 25px 0;
}


/* PÁGINA DE ARCHIVE */
.archive h3.slide-entry-title.entry-title {
    font-size: 1.3em;
    letter-spacing: 0;
}


/* TITULOS COMPARTIR Y NOTICIAS RELACIONADAS */
p.av-share-link-description.av-no-toc {
    font-size: 20px;
    color: black;
    font-weight: bold;
}
p.related_title {
    font-size: 20px;
    color: black;
    font-weight: bold;
}

.single-post .content {
    border-right-style: none;
}
#top #main .sidebar {
    border-left-width: 0px;
}


/* SIDEBAR */

h3.widgettitle {
    background-color: #f7f7f7;
    text-align: center;
    padding: 8px 0;
    border-radius: 5px;
}
.sidebar .widget {
    clear: both;
    position: relative;
    padding: 0px 0 30px 0;
    float: none;
}

/*
FOOTER
================================================================= */

div#footer:before {
    content: "";
    background: url(/wp-content/uploads/2019/05/logo-diputacion.png);
    background-size: 250px;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto;
    height: 140px;
    display: flex;
    background-position: center;
}
#footer .flex_column {
    text-align: center;
    display: flex;
    justify-content: center;
}
#footer .container {
    border-top: 1px solid;
    width: 92%;
}
li.item-listado {
    line-height: 2;
    text-align: left;
    margin-left: 35px;
}

li.item-listado:before {
    content: "\e879";
    font-family: 'entypo-fontello';
    background-color: #a50239;
    width: 20px;
    height: 20px;
    left: 0;
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    position: absolute;
    border-radius: 100px;
    color: white;
}

footer#socket {
    background-image: -webkit-linear-gradient(-15deg, #79152d, #b7153c 100%);
}

/*
CSS MÓVILES
================================================================= */
@media only screen and (max-width: 767px){

/* barra busqueda */   
li.search-bar-menu {
    display: none;
}
/* bloque modulos home */
#cstm_section_modulos h1{
    font-size: 2em;
}
.bloque.home.sede, .bloque.home.bop {
    margin-top: 0;
}
.bloque.home.transparencia {
    margin-top: 20px;
}
.sede .overlay-bloque, .bop .overlay-bloque, .transparencia .overlay-bloque{
    top: 0;
}
a.enlace-bloque {
    position: relative;
}

/* ultimas noticias home*/
article.hentry.av-magazine-entry {
    display: flex;
    flex-flow: row;
    border: none;
    margin-bottom: 10px;
}
.av-magazine-thumbnail {
    width: 30%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
img.attachment-thumbnail.size-thumbnail.wp-post-image {
    width: 80px;
    height: auto;
}
.av-magazine-content-wrap {
    border-bottom: 1px solid;
    padding: 15px 10px;
    width: 100%;
}
.responsive #top #wrap_all #cstm_section_noticias .flex_column {
    margin: 0;
    margin-bottom: 0;
}

/* SINGLE BLOG */
.single-post .content {
    border-right-style: none;
}
.html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
    font-size: 1.5em;
}
.title_container .breadcrumb {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
}

/*
CSS MÓVILES PEQUEÑOS
================================================================= */
@media only screen and (max-width: 479px){

}


/*
CSS TABLET (768px a 1024px)
================================================================= */
@media only screen and (max-width: 1024px) and (min-width: 768px){
/* BLOQUE BOP */
.bloque.home, .bloque.home.bop, .bloque.home.sede {
    margin-top: 0px;
}
.bloque.home.transparencia {
    margin-top: 125px;
}
}


/*
CSS TABLET (HASTA 800px)
================================================================= */
@media only screen and (max-width: 800px) {

}


/*
CSS SÓLO PC
================================================================= */
@media only screen and (min-width: 768px){
#cstm_section_modulos .flex_column.first p {
    max-width: 280px;
    float: right;
}

}

/*
CSS PANTALLAS GRANDES + 1600PX 
================================================================= */
@media only screen and (min-width: 1500px){

}


@media only screen and (min-width: 989px){
	span.avia-menu-text {
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-flow: column;
    height: 100%;
    line-height: 1.7;
    justify-content: center;
}
.icono span.avia-menu-text:before {
    font-family: 'icomoon';
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}
}



/*
LOGOTIPO DEL PIE DE PAGINA
==========================
*/
.logopie {
padding-left:20px;
}



/* [jlgomez, 24/10/2019] - Estilo para cambiar el h3 de las cabeceras de las sidebar por un p y que visualmente no se note*/
.my_sidebar_title {    
 background-color: #f7f7f7;
 text-align: center;
 padding: 8px 0;
 border-radius: 5px;
 color:#000;
 border-color: #e1e1e1;
 font-weight: 600;
 letter-spacing: 1px;
 font-size: 1.1em;
 text-transform: none !important;
 line-height: 1.1em;
 font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
 box-sizing: border-box;
 margin-bottom: 8px;
}

/* [jlgomez, 15/11/2019] - Estilo para cambiar el h3 de los titulos de las noticias (en vista categoria) por un h2 y que no se note nada*/
h2.slide-entry-title{
  font-size:19.5px !important;
}

/* [jlgomez, 28/11/2019] - Disposición de div para simular una tabla */

/*<table>*/
.mitable {
  display: table;
  width: 100%;
  height:auto;
  border:1px solid rgb(225,225,225);
}

/*<table><thead>*/
.mitable .mitable_thead {
  display:table-row;
  background-color:#fcfcfc!important;
}

/*<table><thead><tr><th>*/
.mitable .mitable_thead .mitable_th {
  display:table-cell;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: left;
  padding: 9px 12px;
  border-style: solid;
  border-width: 1px;
  color:#000;
  font-size:13px;
  border-bottom:1px solid rgb(225,225,225);
  border-left:1px solid rgb(225,225,225);
  border-right:1px solid rgb(225,225,225);
  border-top:0px solid rgb(225,225,225);
  text-align:center;
}
/*cebrado de <thead>*/
.mitable .mitable_thead .mitable_th:first-child {
  border-left:0px solid rgb(225,225,225);
  border-right:0px solid rgb(225,225,225);
}
.mitable .mitable_thead .mitable_th:last-child {
  border-right:0px solid rgb(225,225,225);
}

/*<table><tbody><tr>*/
.mitable .mitable_tr {
  display:table-row;  
}
/*Cebrado de <tr>*/
.mitable .mitable_tr:nth-child(even) { 
  display: table-row; 
  background-color:#fff;
}
.mitable .mitable_tr:nth-child(odd) {
  display: table-row; 
  background-color:#fcfcfc!important;
}

/*<table><tr><td>*/
.mitable  .mitable_tr .mitable_td { 
  display: table-cell;
  vertical-align:middle;
  padding:5px;
  border-bottom:1px solid rgb(225,225,225);
  border-left:1px solid rgb(225,225,225);
  border-right:1px solid rgb(225,225,225);
  border-top:0px solid rgb(225,225,225);
}
/*Corrección de bordes de <td>*/
.mitable .mitable_tr .mitable_td:first-child { 
  border-right:0px solid rgb(225,225,225);
  border-left:0px solid rgb(225,225,225);
}
.mitable .mitable_tr .mitable_td:last-child { 
  border-right:0px solid rgb(225,225,225);
  border-bottom:0px solid none;
}
.mitable .mitable_tr:last-child .mitable_td { 
  border-bottom:0px solid rgb(225,225,225) !important;
}
/*Distintos anchos de columnas*/
.ancho10pc {width:10%;}
.ancho20pc {width:20%;}
.ancho30pc {width:30%;}
.ancho40pc {width:40%;}
.ancho50pc {width:50%;}
.ancho60pc {width:60%;}
.ancho70pc {width:70%;}
.ancho80pc {width:80%;}
.ancho90pc {width:90%;}
.ancho100pc {width:100%;}

/*Justificaciones de la celda (centrado y esas cosas)*/
.horizontal_izda {text-align:left;}
.horizontal_dcha {text-align:right;}
.centrado_horizontal {text-align:center;}
.vertical_arriba{vertical-align:top;}
.vertical_abajo{vertical-align:bottom;}
.centrado_vertical {vertical-align:middle;}

/* /[jlgomez, 28/11/2019] - Disposición de div para simular una tabla */


/* [jlgomez, 03/01/2020] - Estilos de la página del buscador */
section.search_form_field form#searchform  div  input#s {
border:1px solid #a81010;
background-color:#FFF;
color:#000!important;
}
/* /[jlgomez, 03/01/2020] - Estilos de la página del buscador */
 

/* [jlgomez, 08/01/2020] - Estilo para la lupa del botón buscar y el literal "buscar" de la cabecera*/
.literal_enlace_buscador {
 position:absolute;
 bottom:15px;
 text-transform:uppercase;
 z-index:-10;
 left:14px;
 font-size:13px;
 line-height:1.7
}
/* [jlgomez, 08/01/2020] - Estilo para la lupa del botón buscar y el literal "buscar" de la cabecera*/

.img-logo-agenda-2030 {
width:50px;
padding-right:20px
}

.img-logo-sedipualba {
padding-right:20px
}

/*Separador 40px por abajo*/
.separador-abajo-40px{
padding-bottom:40px;
}


/* [jlgomez , 14/10/2020] - Limite del slider a 1310px*/
div.avia-fullwidth-slider {
margin:0 auto!important;
max-width:1310px!important;
}

/*[jlgomez, 14/10/2020] - Fondo del slide a blanco */
#main {
background-color:#FFF;
}

/*[jlgomez, 14/10/2020 - Quitamos el borde superior que separa las noticias*/
div.main_color{
border-top-width:0px!important;
}

/* [jlgomez 14/10/202 - Tamaño de las imagenes del magazine */
div.av-magazine-group>article
{
position:relative;
overflow:hidden;
}
div.av-magazine-thumbnail
{
width: 100%!important; /*350px*/
max-height: 287px;*/
float:left;
clear:both;
overflow:hidden;
}

div.av-magazine-thumbnail>a>img {
padding:5px;
width:300px!important;
height:auto!important;/*100%!important;*/
}

/*[jlgomez, 16/10/2020 - Todas las pastillas iguales*/

div.av-magazine-content-wrap {
 min-height:120px!important;
}


/* [jlgomez, 04/10/2020] - Estilo para el slide de la página principal*/
div.avia-slide-wrap
{
width:100%!important;
}
div.container.caption_container
{
width:100%!important;
padding:0!important;
margin:0!important;
left:0!important;
right:0!important;
bottom:0!important;
position:absolute !important;
max-width:100%!important;
}


div.slideshow_caption
{
width:100%!important;
padding:0!important;
max-height:7em!important;
}

div.slideshow_inner_caption
{
position:absolute!important;
bottom:0!important;
width:100%!important;
max-height:7em!important;
padding:0!important;
background-color: rgba(0,0,0,0.5);
}

div.slideshow_align_caption > h2, div.slideshow_align_caption > div.avia-caption-content > p
{
text-align:left;
color:#FFF!important;
padding:5px;
padding-left:10px;
text-shadow: rgb(0,0,0) 1px 1px 1px;
font-size:23px!important;
vertical-align:baseline;
line-height:20px;
}



/* [jlgomez, 20/01/2020] - Estilo para el logotipo de la agenda 2030 */
/*.logotipo-agenda-2030 {
border:1px solid yellow;
position:absolute;
float:left;
left:170px;
top:0;
width:60px;
height:60px;
}

.logotipo-agenda-2030 a img {
padding-top:10px;
width:40px;
}


@media only screen and (max-width: 990px){
.logo a img {
width:175px;
}

@media only screen and (max-width: 380px){
 .logo a img {
  width:120px!important;
 }

 .logotipo-agenda-2030 {
   padding-top:10px;
   width:30px;
   left:120px!important;
  }
}
*/
/* /[jlgomez, 20/01/2020] - Estilo para el logotipo de la agenda 2030 */