/*
	Theme Name: Theme Logicas Subjetivas
	Theme URI: http://logicassubjetivas.com.ar
	Description: Theme realizado para Logicas Subjetivas
	Author: Kilómetro88
	Author URI: http://kilometro88.com
	Version: 1.0.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html	
	Tags: HTML5, CSS3, Flex Box, Landing Page, Scrolling, FX Smooth
	Text Domain: logicassubjetivas
*/

html{
	box-sizing: border-box;
	font-size: 62.5%; /* 10px = 1 rem */
}

body{
	font-family: var(--fuentePrincipal);
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

*, *:before, *:after{
	box-sizing: inherit;
}

:root{
	--colorBlanco: #ffffff;
	--colorNegro: #000000;
	--colorGris: #444444;
	--colorGrisClaro: #f8f8f8;
	--colorPrincipal: #00dafc;
	--colorSecundario: #009bc0;
	--fuentePrincipal: 'Montserrat', sans-serif; /* font-weight de 300, 400 y 700 */ 
}

a{
	text-decoration: none;
	color: var(--colorsecundario);
	cursor: pointer;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

li{
	list-style: none;
}

img{
	max-width: 100%;
	height: auto;
}

h1, h2, h3, h4{
	margin: 0;
	padding: 0;
}

h1{
	font-size: 2.6rem;
	color: var(--colorPrincipal);
	margin: 0;
}

p{
	font-size: 1.4rem;
	margin: 0;
}

.header{
	background-color: var(--colorPrincipal);
}

.logo-redes{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 4rem;
}

.logo{
	width: 8rem;
	margin-left: -20rem;
}


/* Redes Solciales */

ul#menu-menu-social{
	margin: 0;
	padding: 0;
}

.sociales .menu{
	display: flex;
}

@media (max-width: 768px) {
	.logo-redes{
		flex-direction: row-reverse;
	}

	.buscador-header {
	    display: none;
	}
}

.sr-text{
	display: none;
}

.redes-sociales ul li a:before{
	font-family: 'Font Awesome 5 Brands';
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
	content: '\f08e';
	font-size: 24px;
	color: var(--colorBlanco);
	-webkit-font-smoothing:antialiased;
}

.redes-sociales ul li a[href*="facebook.com"]::before{
	content: '\f09a';
}

.redes-sociales ul li a[href*="twitter.com"]::before{
	content: '\f099';
}

.redes-sociales ul li a[href*="instagram.com"]::before{
	content: '\f16d';
}

.redes-sociales ul li a[href*="youtube.com"]::before{
	content: '\f431';
}

/* NAVEGACIÓN PRINCIPAL */

/* Menú Móvil */
.slicknav_menu{
	background-color: var(--colorPrincipal);
	display: flex;
	justify-content: flex-start;
}

.slicknav_btn{
	background-color: var(--colorSecundario);
	padding: 1.5rem;
	
}

.slicknav_nav a{
	font-size: 2rem;
	text-align: center;
	font-family: var(--fuentePrincipal);
}

.slicknav_nav a:hover{
	background-color: transparent;
	color: var(--colorSecundario);
}

@media (min-width: 768px) {
	.slicknav_menu{
		display: none;
	}
}

/* Menu Desktop */
@media (max-width: 768px) {
	.navegacion{
		display: none;
	}
}

.navegacion{
	background-color: var(--colorSecundario);	
}

.navegacion a{		
	color: var(--colorBlanco);
}

.navegacion a:hover{
	color: var(--colorPrincipal);
}

.navegacion .current-menu-item a{
	color: var(--colorPrincipal);
}

.navegacion ul{
	height: 3.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin-bottom: 0;
}

.navegacion ul li{
	font-size: 1.6rem;
	margin-right: 4rem;
}

/* Estilos Generales */
img.alignleft{
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.contenedor-general{
	max-width: 1200px;
	width: 95%;
	margin: auto;
}

.imagen-destacada,
.imagen-destacada-home
{
	width: 100%;
	height: auto;
}

.imagen-destacada-home{
	border-bottom: .3rem solid var(--colorSecundario);
}

.imagen-destacada img{
	width: 100%;
	height: auto;
}

.titulo-pagina h1{
	color: var(--colorNegro);
	font-size: 2rem;
	padding: 2rem 0;
}

.linea-divisoria{
	width: 100%;
	border-bottom: .3rem solid var(--colorSecundario);
	margin-bottom: 3rem;
}

.boton-leer {
    background-color: #e5e5e5;
    padding: .5rem 1rem;
    display: inline-block;
    border-radius: .5rem;
    margin-top: 1rem;
}

.boton-leer a{
	color: var(--colorGris);
}

/* LIKE */
.simplefavorite-button{
	margin-top: 2rem;
	border: none !important;
}

.simplefavorite-button.preset.active {
    background-color: transparent !important;
    color: var(--colorGris) !important;
    border-color: transparent !important;
}

.simplefavorite-button.preset i{
	color: var(--colorSecundario);
}

/* Formulario de COntacto */
.wpcf7{
	display: flex;
	justify-content: center;
}


input.wpcf7-form-control,
textarea.wpcf7-form-control {
    width: 700px;
    padding: 1rem;
    margin-bottom: 2rem;
    border-radius: .5rem;
}

input.wpcf7-form-control.wpcf7-submit{
	background-color: var(--colorSecundario);
	color: var(--colorBlanco);
	cursor: pointer;
}

input.wpcf7-form-control.wpcf7-submit:hover{
	background-color: var(--colorPrincipal);
}

/* Buscador */
form#searchform{
	position: relative;
}

input#s{
	position: absolute;
	right: 0;
	width: 20rem;
	border: 1px solid var(--colorBlanco);
	background-color: transparent;
	height: 3.5rem;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-transition: width .8s;
	transition: width .8s;
	padding: 0 2rem;
	color: var(--colorBlanco);
}

input#s:focus{
	width: 400px;
}

input#searchsubmit{
	width: 35px;
	height: 35px;
	outline: none;
	border: none;
	background-color: var(--colorAzulOscuro);
	text-indent: -9999px;
	background-image: url(imagenes/lupa.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Paginación */
.cont-paginacion{
	display: inline-block;
	width: 100%;
}

.paginacion-right{
	float: right;
}

.paginacion-left{
	float: left;
}

.paginacion-right,
.paginacion-left{
	padding: 3rem 0;
}

.paginacion-right,
.paginacion-left{
	color: var(--colorSecundario);
	cursor: pointer;
}

.paginacion-archive{
	display: flex;
	justify-content: center;
	padding: 3rem 0;
}

h2.screen-reader-text {
    display: none;
}

.prev,
.next{
    background-color: transparent !important;
    color: var(--colorGris) !important;
}

.prev:hover,
.next:hover{
	background-color: transparent !important;
}

.page-numbers{
	margin-left: 1rem;
	background-color: var(--colorPrincipal);
	border-radius: 50%;
	padding: .5rem 1.3rem;
	color: var(--colorBlanco);
}

 a.page-numbers:hover{
	background-color: var(--colorSecundario) !important;
}

span.page-numbers.current {
    background-color: var(--colorSecundario);
    color: var(--colorBlanco);
}


/* HOME */

.contenido-pagina{
	padding: 2rem 6rem 4rem 6rem;
}

.home .contenedor-general{
	display: flex;
	justify-content: space-between;
}

.home .contenedor-entradas{
	width: calc(65% - 1rem);
 }

.home .sidebar-lateral{
	width: calc(35% - 1rem);
 }

/* Cambiar nombre a etiquetas */
.custom-field{
	display: flex;
	align-items: center;
}

.custom-field img{
	width: 20rem;
	height: auto;
	border-radius: 1rem;
}

.info-acf{
	margin-left: 2rem;
}

.info-acf p{
	font-size: 1.6rem;
    margin-top: 1rem;
}

@media (max-width: 768px){
	.custom-field {
	    flex-direction: column;
	    text-align: center;
	}

	.info-acf {
	    margin-left: 0rem;
	    margin-top: 2rem;
	}
}

.contenedor-entradas{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.entradas{
	width: calc((100% - 4rem) / 2);
	border: 2px solid var(--colorPrincipal);
	margin-bottom: 2rem;
}

@media (max-width: 768px){
	.entradas{
		width: 100% !important;
	}
}

.contenido-entrada{
	padding: 0 2rem 1rem;
}

.titulo-entrada{
	font-weight: 700;
	font-size: 2.4rem;
}

.titulo-entrada a{
	color: var(--colorSecundario);
}

.home .extract{
	margin-top: 2rem;
}

.home .extract span{
	color: var(--colorSecundario);
}

.autor-fecha {
    margin: 2rem 0;
}

.autor-fecha p{
	font-size: 1.2rem;
}

.pie-entradas{
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
}

.categoria,
.comentario {
    display: flex;
    align-items: center;
    color: var(--colorSecundario);
}

.categoria i{
 	margin-right: .5rem;
}

.contadores-entrada{
 	display: flex;
 	flex-direction: column;
}

.contadores-entrada a,
.contadores-entrada p{
	font-size: 1.2rem;
	color: var(--colorGris);
}

.contadores-entrada i{
	color: var(--colorSecundario);
}

.boton-ver-home{
	text-align: center;
}

.boton-ver-home a{
	color: var(--colorBlanco);
	background-color: var(--colorPrincipal);
	padding: 1rem 2rem;
	margin: 2rem;
	display: inline-block;
	border-radius: .5rem;
}

.boton-ver-home a:hover{
	background-color: var(--colorSecundario);
}

/* PÁGINAS */
.page .contenedor-general{
	padding-bottom: 5rem;
}

.page .extract p{
	margin: 1rem 0;
}

/* CATEGORIA */
.post-categories{
	padding: 0;
	margin: 2rem 0;
}

.post-categories a{
	color: var(--colorGris);
	font-size: 1.3rem;
}

.archive p{
	font-size: 1.2rem;
}

.archive .contenedor-entradas{
    display: flex;
    flex-flow: column;
}

.archive .entradas{
	border: none;
	border-bottom: 2px solid var(--colorPrincipal);
	margin-bottom: 5rem;
	padding-bottom: 2.3rem;
	width: 100%;
	display: flex;
}

.archive .imagen-destacada{
	flex: 1;
}

.archive .contenido-entrada{
	flex: 2;
}


.archive .contenido-entrada{
	padding: 0 2rem;
}

.archive .categorias{
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

 .archive .contenedor-entradas{
	width: calc(65% - 1rem);
 }

 .archive .sidebar-lateral{
	width: calc(35% - 1rem);
 }

/* SINGLE */
 .contenedro-single{
 	margin: 4rem 0;
 	display: flex;
    flex-direction: row;
    flex-flow: wrap;
 }

 .contenedro-single .imagen-destacada{
	flex: 1;
 }

 .contenedro-single .contenido-entrada{
	flex: 2;
 }

 .single .contadores-entrada{
 	display: flex;
 	flex-direction: row;
 	margin-bottom: 2rem;
}

.single .contadores-entrada p{
	margin-right: 2rem;
}

.single .contadores-entrada p,
.single .contadores-entrada a{
	font-size: 1.4rem;
}

.comentar{
	margin-bottom: 4rem;
}

.compartir{
	margin-bottom: 4rem;
	width: 80rem;
	display: flex;
	flex-flow: wrap;
}

.compartir p{
	font-size: 1.2rem;
	background-color: var(--colorGrisClaro);
	padding: .4rem 1rem;
	border: .1rem solid #c8c8c8;
	border-radius: .3rem;
	margin-bottom: 1rem;
}

.compartir p i{
	font-size: 1.4rem;
}

.compartir a{
	color: #545454;
	margin-right: .5rem;
}

/* Comentar */
.comentar{

}

.comentar h3,
.respuestas h3{
	font-weight: 400;
	color: var(--colorGris);
}

.comentar .comment-notes{
	margin: 1rem 0;
}

.comentar .comment-form-comment,
.comentar .comment-form-author,
.comentar .comment-form-author,
.comentar .comment-form-email,
.comentar .comment-form-url{
	display: flex;
	flex-direction: column;

	margin-bottom: 1rem;
}

.comentar form#commentform{
	display: flex;
	flex-direction: column;
}

.comentar .comment-form-author,
.comentar .comment-form-author,
.comentar .comment-form-email,
.comentar .comment-form-url{
	order: 1;
}

.comentar .comment-form-comment{
	order: 2;
}

.comentar .comment-form-cookies-consent{
	order: 3;
}

.comentar .form-submit{
	order: 4;
}

.comentar input{
	padding: 1rem;
}

p.comment-form-cookies-consent {
    margin: 1rem 0;
}

input#wp-comment-cookies-consent {
    margin-right: 1rem;
}

input#submit {
    border-radius: .5rem;
    background-color: var(--colorGrisClaro);
    cursor: pointer;
}

.respuestas ul{
	display: flex;
	flex-direction: column;
	flex-flow: column-reverse;
	padding: 0;
}

.respuestas li{
	margin-bottom: 1rem;
	background-color: var(--colorGrisClaro);
	padding: 1rem;
	border-radius: .5rem;
	font-weight: 400;
	border: 1px solid var(--colorPrincipal);
}

.respuestas li p{
	margin: 2rem 0;
}

.respuestas a{
	color: var(--colorGris);
	font-weight: 300;
}

.comment-meta{
	font-size: 1.2rem;
}

.byuser{
	background-color: #d9d9d9 !important;
}

.reply a{
	background-color: var(--colorPrincipal);
	color: var(--colorBlanco);
	padding: .5rem 1rem;
	border-radius: .5rem;
	display: inline-block;
	font-weight: 400;
	margin-bottom: 1rem;
}

.reply a:hover{
	background-color: var(--colorSecundario);
}

/* RESULTADO BUSQUEDA */

.search .contenedor-entradas{
    display: flex;
    flex-flow: column;
}

.search .entradas{
	border: none;
	border-bottom: 2px solid var(--colorPrincipal);
	margin-bottom: 5rem;
	padding-bottom: 2.3rem;
	width: 100%;
	display: flex;
}

.search .imagen-destacada{
	flex: 1;
}

.search .contenido-entrada{
	flex: 2;
}


.search .contenido-entrada{
	padding: 0 2rem;
}

.search .categorias{
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

 .search .contenedor-entradas{
	width: calc(65% - 1rem);
 }

 .search .sidebar-lateral{
	width: calc(35% - 1rem);
 }


/* FOOTER */

 footer{
 	background-color: var(--colorSecundario);
	color: var(--colorBlanco);
 }

.contenido-footer{
	display: flex;
	justify-content: space-between;
	padding: 5rem;
}

@media (max-width: 768px){
	.contenido-footer{
		flex-direction: column;
	}

	.columna-footer{
		margin-bottom: 4rem;
		text-align: center;
	}
}

.columna-footer{
	display: flex;
	flex-direction: column;
}

.info-entradas-footer{
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}

.info-entradas-footer h3{
	margin-bottom: 1rem;
}

.info-entradas-footer a{
	font-weight: 300;
	color: var(--colorBlanco);
}

.info-entradas-footer a:hover{
	color: var(--colorPrincipal);
}

/* Columna 2 */
.ibsn{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 4rem;
}


/* Columna footer 3 */
.contacto-footer{
	display: flex;
	justify-content: space-between;
}

.contacto-footer img{
	width: 10rem;
	height: 10rem;
	margin-right: 1rem;
	border-radius: .5rem;
}

@media (max-width: 768px){
	.contacto-footer{
		flex-direction: column;
		text-align: center;
	}

	.contacto-footer img{
		margin: 1rem auto;
	}
}

footer .redes-sociales{
	display: flex;
	justify-content: center;
	margin-top: 5rem;
}

footer ul#menu-menu-social-1 {
    padding: 0;
    text-align: center;
}

footer .redes-sociales ul li a:before{
	font-size: 3rem;
}

/* Copyright */
.copyright{
	width: 100%;
	background-color: var(--colorPrincipal);
	padding: 1rem 0;
	text-align: center;
	border-bottom: 1rem solid var(--colorSecundario);
}

.copyright a{
	color: var(--colorBlanco);
	font-style: italic;
}

.copyright a:hover{
	color: var(--colorSecundario);
}

/* ASIDE */
aside{
	
}

aside h3{
	font-weight: 300;
	color: var(--colorGris);
	font-size: 1.6rem;
}

.widget-lateral a{
	font-weight: 300;
	color: var(--colorGris);
	font-size: 1.4rem;
}

.widget-lateral a:hover{
	color: var(--colorPrincipal);
}

.primary-sidebar{
	position: relative;
}

.primary-sidebar h1{
	font-size: 2.3rem;
	color: var(--colorSecundario);
}

.widget-lateral{
	background-color: var(--colorGrisClaro);
	padding: 1rem;
	border-radius: .5rem;
	margin-bottom: .5rem;
	border: .2rem solid var(--colorPrincipal);
	width: 85%;
    float: right;
}

.widget-lateral h1,
.widgettitle {
    font-size: 2rem;
    color: var(--colorPrincipal);
    margin: 0;
}

.widget-lateral li.recentcomments {
    font-weight: 300;
}

.widget-lateral .comment-author-link,
.widget-lateral .comment-author-link a{
	font-weight: 400;
}

/* Contador de Visitas */

li#countperday_widget-3 {
	position: absolute;
    display: inline-grid;
    right: 11.9rem;
    bottom: 12rem;
}

li.cpd-l {
    background-color: var(--colorBlanco);
    color: var(--colorSecundario);
    padding: .5rem 1rem;
    border-radius: .5rem;
}