/***** ***** ****/
/***** Blog *****/
body.single-post > header,
body.archive.category > header,
body.search > header { border-bottom: 40px solid #4A82C1; }
.pagina-blog h1, 
.archive.category h1,
.search h1 { margin-top: 20px; font-weight: normal; color: #4A82C1; }
.pagina-blog,
.pagina-entrada,
.pagina-archive { padding-bottom: 80px; }

.sidebar-blog #searchform #searchsubmit { 
	padding: 8.5px 12px; 
	font-size: 1rem;
	color: #ffffff;
	background-color: #F29100; 
	border: 1px solid #575756;
	border-left: 0;
	box-shadow: none;
	transition: all .3s ease-in-out; 
}
.sidebar-blog #searchform #searchsubmit:hover,
.sidebar-blog #searchform #searchsubmit:active,
.sidebar-blog #searchform #searchsubmit:focus { background-color: #4a82c1; }
.sidebar-blog #searchform #s { padding: 12px; height: 39px; height: 40px; font-size: .85rem; border: 1px solid #575756; border-right: 0; }

.widget #searchform #s,
.widget .searchsubmit { width:100%; border-radius: 0; }


.sidebar-blog .widget { margin-bottom: 20px; padding: 30px 40px; background-color: rgba(74, 130, 193, .2); }
.sidebar-blog .widget.widget_search { padding: 0; background-color: transparent; }
.sidebar-blog .widget h4 { margin-bottom: 40px; font-size: 1.5rem; text-align: center; text-transform: uppercase; } 

.sidebar-blog .widget ul { padding-left: 0; list-style: none; }

.sidebar-blog .widget ul li:before { display: none; }
.sidebar-blog .widget ul li a,
.sidebar-blog .widget ul li a:visited { 
	display: block; 
	padding-top: 10px; 
	padding-bottom: 5px;
	line-height: 1.2rem; 
	font-weight: 400;
	border-bottom: 1px solid #fff; 
}
.sidebar-blog .widget ul li a:hover,
.sidebar-blog .widget ul li a:active { color: #4A82C1; border-color: #4A82C1; text-decoration: none; }

.lista-entradas { padding-right: 50px; }
.lista-entradas,
.sidebar-blog { padding-top: 60px; padding-bottom: 40px;  }
.pagina-blog .entrada-blog,
.pagina-archive .entrada-blog,
.pagina-archive .entrada-archive {
	padding-bottom: 20px;
	border-bottom: 1px solid #575756;
}

.pagina-blog .entrada-blog:nth-child(n+2),
.pagina-archive .entrada-blog:nth-child(n+2),
.pagina-archive .entrada-archive:nth-child(n+2) { margin-top: 30px; }

.archive-entrada-pagina { display: flex; -js-display: flex; justify-content: space-between; padding-right: 0; }

.fecha-entrada .fecha,
.fecha-entrada .fecha { 
	display: block; 
	padding: 6px 10px; 
	text-align: center; 
	color: #ffffff; 
	background-color: #4A82C1; 
}
.fecha-entrada .fecha .dia,
.fecha-entrada .fecha .dia { 
	display: block; 
	font-size: 2.6rem; 
	font-weight: 700;
	line-height: 3rem;
}
.fecha-entrada .fecha .mes-anio,
.fecha-entrada .fecha .mes-anio { display: block; font-size:  .7rem; font-weight: 600; }

.pagina-blog .entrada-blog .imagen-entrada { padding-left: 0; text-align: center; }
.pagina-blog .entrada-blog .contenido-entrada { padding-right: 0; }
.pagina-blog .entrada-blog .imagen-entrada a { display: inline-block; }

.pagina-blog .entrada-blog .texto-entrada .contenedor-texto-entrada .fecha-entrada {}

.titulo-entrada { 
	margin-top: 0; 
	margin-bottom: 15px; 
	font-size: 1.4rem; 
	line-height: 1.6rem; 
	font-weight: bold; 
	color: #4A82C1; 
}
.titulo-entrada,
.metadata-entrada a,
.etiquetas-entrada a { color: #4A82C1; }

.titulo-entrada a {	text-decoration: none; }
.metadata-entrada,
.metadata-entrada a,
.etiquetas-entrada a { font-size: .8rem; font-weight: 400; }
.etiquetas-entrada a,
.etiquetas-entrada a:visited { 
	padding: 4px 8px; 
    line-height: 2rem;
	text-transform: lowercase;
	background-color: #e0e0e0; 
	border-radius: 4px; 
}
.metadata-entrada a:hover,
.metadata-entrada a:active,
.etiquetas-entrada a:hover,
.etiquetas-entrada a:active { text-decoration: underline; }

.metadata-entrada .fa-comments { margin-left: 10px; }
.pagina-blog .entrada-blog .texto-entrada .contenedor-texto-entrada { font-size: .9rem; }

.pagina-blog .entrada-blog .texto-entrada .wrap-read-more { text-align: right; }

.pagina-blog .entrada-blog .texto-entrada .read-more { margin-top: 10px; }

#commentform input[type="submit"] { 
	padding: 6px 10px;
	font-size: 1rem;
}

#entradas-relacionadas { margin-top: 50px; padding-top: 20px; padding-bottom: 20px; border-top: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc; }
#entradas-relacionadas h4 { margin-bottom: 20px; font-size: 1.5rem; font-weight: 700; }
#entradas-relacionadas .lista-entradas-relacionadas,
#entradas-relacionadas .lista-entradas-relacionadas .entrada-relacionada { display: flex; -js-display: flex; }
#entradas-relacionadas .lista-entradas-relacionadas .entrada-relacionada:before { content: ""; } 
#entradas-relacionadas .entrada-relacionada { flex-flow: column; }
#entradas-relacionadas .entrada-relacionada figure { position: relative; }
#entradas-relacionadas .entrada-relacionada figure:before { 
	position: absolute; 
	top: 0; right: 100%; bottom: 0; left: 0;
	content: "";
	background-color: rgba(74, 130, 193, .4);
	transition: all .3s ease-in-out;
}
#entradas-relacionadas .entrada-relacionada:hover figure:before { right: 0; }
#entradas-relacionadas .entrada-relacionada .titulo-entrada-relacionada { margin-top: 10px; color: #4A82C1; }
nav.navegacion-entradas { margin-top: 20px; }
nav.navegacion-entradas .enlace-anteriores { text-align: right; }
nav.navegacion-entradas a { font-weight: normal; }

/*******************/
/***** Entrada *****/

header.cabecera-entrada { padding-bottom: 10px; background-color: transparent; }
.pagina-entrada .titulo { margin-top: 0; font-size: 1.6rem; }
.pagina-entrada .imagen-entrada { margin-bottom: 30px; }
.pagina-entrada .imagen-entrada img { margin-left: auto; margin-right: auto; }

.pagina-entrada .ssba.ssba-wrap,
.pagina-entrada #social-share {	 padding-top: 40px; padding-bottom: 40px; margin-top: 40px; border-top: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc; }

#formulario-entrada-blog {
	margin-top: 50px;
	padding: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: 2px solid #4A82C1; 
}

#formulario-entrada-blog h3 { font-size: 2rem; font-weight: 700; line-height: 2.4rem; }
#formulario-entrada-blog .wpcf7-form { margin-top: 20px; }
#formulario-entrada-blog .wpcf7-form input[type="text"],
#formulario-entrada-blog .wpcf7-form input[type="email"],
#formulario-entrada-blog .wpcf7-form input[type="tel"],
#formulario-entrada-blog .wpcf7-form textarea { padding: 10px; margin-bottom: 15px; }
#formulario-entrada-blog .wpcf7-form a,
#formulario-entrada-blog .wpcf7-form a:visited,
#formulario-entrada-blog .wpcf7-form a:focus { color: inherit; }
#formulario-entrada-blog .wpcf7-form a:hover,
#formulario-entrada-blog .wpcf7-form a:active { color: #4A82C1; }
#formulario-entrada-blog .wpcf7-form .form-submit { text-align: right; }
#formulario-entrada-blog .wpcf7-form .ajax-loader { float: left; }

#respond { margin-top: 40px; }
#comments #commentform .datos-autor-comentario { display: flex; -js-display: flex; }
#comments #commentform .datos-autor-comentario input:nth-child(n+2) { margin-left: 10px; }
#comments #commentform .form-submit { text-align: right; }
#comments .comments-list { list-style: none; padding-left: 0; }
#comments .comments-list .comment-meta { font-size: .9rem; color: #000; }
#comments .comments-list > .comment { 
	margin-bottom: 20px; 
	padding: 30px 40px; 
	background-color: #ececec; 
}
#comments .comments-list .children > .comment { margin-top: 20px; padding: 20px; border-left: 4px solid #fff; }
#comments .comments-list .comment { flex-flow: column; }
#comments .comments-list .comment:before { content: ""; }
#comments .comments-list .comment-reply-link { font-weight: normal; color: #4A82C1; }

/***** END Blog *****/
/***** ********* ****/

@media screen and (max-width: 991px) {
	
	.pagina-blog .lista-entradas { padding-right: 15px; }
	
	.pagina-blog .entrada-blog .imagen-entrada { padding-left: 15px; }
	.pagina-blog .entrada-blog .contenido-entrada { padding-right: 15px; }
	.pagina-blog .entrada-blog .contenido-entrada .titulo-entrada { margin-top: 10px; }

	.fecha-entrada { margin-bottom: 20px; }
	.fecha-entrada .fecha,
	.fecha-entrada .fecha { display: inline-block; padding: 6px 8px; }
	.fecha-entrada .fecha .dia,
	.fecha-entrada .fecha .dia { display: inline-block; font-size: 1rem; line-height: 1.4rem; }
	.fecha-entrada .fecha .mes-anio,
	.fecha-entrada .fecha .mes-anio { display: inline-block; font-size: 1rem; }
	
	#entradas-relacionadas .entrada-relacionada { margin-top: 40px; }
	
	#comments #commentform .datos-autor-comentario { flex-wrap: wrap; }
	#comments #commentform .datos-autor-comentario input { width: 100%; }
	#comments #commentform .datos-autor-comentario input:nth-child(n+2) { margin-left: 0; }
}