/* CSS Document */

.noticias{
	margin-top: 4rem;
}

/*Inicio Paginacion*/
#paginacion {
    text-align: center;
}
#paginacion a:link, #paginacion a:visited {
    color: var(--primario);
    text-decoration: none;
}
#paginacion a:hover {
    background: var(--primario);
	color: var(--blanco);
	transition: all 0.5s ease-in-out;
    text-decoration: none;
}
#paginacion a.actual {
    color: var(--blanco);
    text-decoration: none;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: var(--blanco);
    cursor: default;
    background-color: var(--primario);
    border-color: var(--primario)
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}
.pagination > li {
    display: inline
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: var(--primario);
    border-color: #ddd;
	color: var(--blanco);
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: var(--primario);
    border-color: var(--primario);
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}
.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}
.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}
.pagination > li > a > i{
	padding: 0.3rem 0rem;
}

/*FIN Paginacion*/

.contenedor-buscador{
	background: var(--grisclaro);
	padding: 2rem;
	margin-bottom: 3rem
}



#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
		padding: 0rem 2rem;
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 5rem;
    }
 
      #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        /* padding: 2px 5px; */
        margin-top: 4.5px;
        position: relative;
        left: -3.5rem;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: var(--primario);
        font-weight: 800;
        font-size: 1.4rem;
    }
    .search-query:focus + button {
        z-index: 3;   
    }

.titulo-contenedor-buscador{
	font-size: 1.8rem;
	font-weight: 700;
}

.contenedor-buscador p{
	color: grey;
}

@media (max-width:996px) {
	
	.contenedor-buscador p, .titulo-contenedor-buscador{
		text-align: center;
}
	
	
}


.contenedor-nombre-difunto{
	display: flex;
	align-items: center;
}

.contenedor-nombre-difunto i{
	font-size: 2.5rem;
	color: var(--primario);
}
.contenedor-nombre-difunto .nombre_difunto{
	font-size: 1.8rem;
	margin-left: 1rem;
	font-weight: 700;
}
.contenedor-nombre-difunto .fallecio_difunto{
	font-size: 1.6rem;
	margin-left: 1rem;
	
}

.contenedor-datos-necrologico span{
	font-weight: 700;
}

.contenedor-datos-necrologico{
	margin-top: 2rem;
}


/*Modiulo mas noticias*/
.titulo_bloque{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;

	padding-top: 1rem;
}
.bloque_mas_noticias {
		border-top: var(--primario) 0.4rem solid;
		border-bottom: var(--primario) 0.2rem solid;
	margin: 2rem 0rem;
}
.bloque_mas_leidas {
		border-top: var(--primario) 0.4rem solid;
		border-bottom: var(--primario) 0.2rem solid;
	margin: 2rem 0rem;
}
.titulo_bloque .titulo{
	font-size: 2.2rem;
	font-weight: 700;
}

.bloque_mas_noticias a:hover .titulo_noticia{
	color: var(--primario);

	text-decoration: none;
	
}

.ranking_noticias{
	display: flex;
	align-items: flex-start;
		margin-bottom: 1rem;
	
}
.numero-ranking{
	font-size: 2rem;
	font-weight: 600;
	color: var(--negro);
	padding-right: 2rem;

}
.noticia-ranking a{
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--negro);
}
.noticia-ranking a:hover{
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--primario);
}