/*
 Theme Name:   Perreando con Pirlo
 Theme URI:    https://perreandoconpirlo.com
 Description:  Tema para perreandoconpirlo.com
 Author:       Lua Louro
 Author URI:   https://lualouro.com
 Template:     generatepress
 Version:      0.1
*/

/*
 * 
 * ##     ##  #######  ##          ###       #### 
 * ##     ## ##     ## ##         ## ##      #### 
 * ##     ## ##     ## ##        ##   ##     #### 
 * ######### ##     ## ##       ##     ##     ##  
 * ##     ## ##     ## ##       #########         
 * ##     ## ##     ## ##       ##     ##    #### 
 * ##     ##  #######  ######## ##     ##    #### 
 * 
 * 
 * Me alegra saber que andas por aqui dentro. Algo debe de haberte llamado la atencion...
 * Disculpa que no ponga acentos, pero ya sabes lo travieso que es el codigo.
 * Si estas buscando a alguien profesional que te ayude con tu web, tal vez pueda ayudarte.
 * Encontraras como contactar conmigo en la web que aparece en este documento :) 
 * 
 * */

/* ESPACIOS */
.separate-containers .comments-area, 
.separate-containers .inside-article {
	padding: 8rem;
}

.entry-content .alignwide, 
body:not(.no-sidebar) .entry-content .alignfull {
  margin-left: -7rem;
  width: calc(100% + 14rem);
  max-width: calc(100% + 14rem);
}

/* INDICE */
div#ez-toc-container {
	padding: 2rem;
}

.ez-toc-title-container {
	padding-bottom: 1rem;
}

div#ez-toc-container ul li {
	padding-bottom: 0.2rem;
}

/* LISTAS */
.site li:not(:last-child) {
	padding-bottom: 1rem;
}

/* Pag condros */
.page-id-2 .featured-image {
	display: none;
}

.btn-condros {
	border: 3px solid #F2F0E7;
	padding-top: 20px;
}

.btn-condros:hover {
	background-color: #F2F0E7;
}

/* Blog */
.post .entry-meta {
	display: none;
}


.blog #main {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
}

.blog .inside-article {
	padding: 2rem;
}

.blog .entry-title {
	font-size: 1.8rem;
	text-align: center;
}

.blog .inside-article {
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.09);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.09);
}

.entry-meta.comment-metadata {
    display: none;
}

.grid-container {
	max-width: 50vw;
}

/* Featured Image */
.attachment-full.size-full.wp-post-image {
	margin: 0 auto;
	display: block;
}

/* Footer */
.amzn {
  text-align: left;
  font-size: 0.7rem;
  line-height: 1;
  float: left;
}

.footer-bar-align-right .copyright-bar {
  width: 45vw;
}

/* Tipos */
h1 { font-size: 2.0625rem; /* 33px */ }
h2 { font-size: 1.5625rem; /* 25px */ }
h3 { font-size: 1.3125rem; /* 21px */ }
h4 { font-size: 1.2rem; /* 16px */ }
p { font-size: 1.2rem; /* 16px */ }

h1, h2, h3, h4 { text-align: center; }

/* MOBIL */
@media (max-width: 768px) {
	.main-navigation .main-nav ul li a {
		line-height: 1rem;
	}
	.separate-containers .comments-area, 
	.separate-containers .inside-article {
		padding: 2rem;
	}
	.main-nav li {
		padding-bottom: 1rem;
	}
	.entry-content .alignwide, 
	body:not(.no-sidebar) .entry-content .alignfull {
		margin-left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.grid-container {
		max-width: 98%;
	}
}

@media screen and (min-width: 60em) {
    h1 { font-size: 3.1875rem; /* 51px */ }
    h2 { font-size: 2.0625rem; /* 33px */ }
    h3 { font-size: 1.5625rem; /* 25px */ }
    h4 { font-size: 1.125rem; /* 18px */ }
    p { font-size: 1.125rem; /* 18px */ }   
}

@media screen and (min-width: 120em) {
    h1 { font-size: 4.875rem; /* 78px */ }
    h2 { font-size: 2.75rem; /* 44px */ }
    h3 { font-size: 1.75rem; /* 28px */ }
    h4 { font-size: 1.3125rem; /* 21px */ }
    p { font-size: 1.3125rem; /* 21px */ }   
}

@media only screen and (max-width: 40em) {
    article {
        hyphens: auto;
    }
}