/*!
Theme Name: Guilherme Vieira
Theme URI: http://underscores.me/
Author: Guilherme Vieira
Author URI: http://guilhermevieira.info
Description: Portfolio pessoal
Version: 1.1.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gvieira
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Guilherme Vieira is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Medias
46rem - 736px
80rem - 1280px

A fazer:

- implementar busca

*/

/* Geral
	 ========================================================================== */


@font-face {
	font-family: 'Basic';
	src: url('fonts/Basic.woff2') format('woff2'),
				url('fonts/Basic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Regular.woff2') format('woff2'),
				url('fonts/Inter-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-SemiBold.woff2') format('woff2'),
				url('fonts/Inter-SemiBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: '5by7';
	src: url('fonts/5by7_b-webfont.woff2') format('woff2'),
				url('fonts/5by7_b-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

:root {
	--cor-primaria: Chocolate;
	--cor-secundaria: Chocolate;
	--cor-base: rgba(240, 240, 240, 1);
	--cor-fundo: snow;
	--cor-destaque: salmon;
	--borda-raio: 0.3rem;
	--borda-raio-grd: 1rem;
	--borda: 1px solid var(--cor-primaria);
	--margem: 1rem;
	--conteudo-largura: 60ch;
}

* {
	margin-top: 0;
}

html, body {
	font-size: 1.1rem;
	color: var(--cor-primaria);
	height: 100%;
}

.site {
	height: 100%;
	cursor:crosshair;
}


body {
	font-family: 'Inter', sans-serif;
	line-height: 1.5em;
	background-color: var(--cor-fundo);
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-family: 'Basic';
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 1em;
	color: var(--cor-primaria)
}

h1:last-child {
	margin-bottom: 0;
}

a,
a:visited {
	color: var(--cor-primaria);
	text-decoration: none;
	border: 1px solid;
	border-radius: var(--borda-raio);
	background-color: var(--cor-base);
	font-size: 0.8em;
	padding-right: 0.2rem;
	padding-left: 0.2rem;
}

a:hover,
a:focus {
	color:var(--cor-base);
	background-color: var(--cor-primaria);
	border-color: var(--cor-primaria);
}

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

b,
strong {
	font-weight: bold;
}

::selection {
  color: var(--cor-fundo);
  background: var(--cor-destaque);
}
	
	
/* Header
		========================================================================== */

.site-header {
	padding: var(--margem);
	border-bottom: var(--borda);
	width: 100%;
}

.site-header.transparente {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.site-title {
	margin: 0;
	font-family: 'Inter';
	line-height: 1.4em;
}

.site-title a {
	font-size: 1.2rem;
	
}
	
/* Menu Principal
		========================================================================== */

.main-navigation {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: var(--margem);
	border-top: var(--borda);
	background-color: var(--cor-fundo);
	min-height: 3.75rem;
	z-index: 10;
}

.main-navigation .controles {
	display: flex;
	justify-content: space-between;
}

.simbolo a{
	font-family: 'Basic';
	text-transform: uppercase;
	font-size: 1em;
}

.menu-toggle {
	
	font-size: 0.6rem;
	width: auto;
}

.main-navigation ul {
	max-height: 0;
	transition: max-height .5s ease-in-out;
	display: block;
	overflow: hidden; 
}

.main-navigation li:first-child {
	padding-top: calc(2 * var(--margem));
}

.main-navigation li {
	margin-bottom: 0.5rem;
}

.main-navigation.toggled ul {
	max-height: 1000px;
}

.main-navigation .menu a {
	font-family: 'Basic';
	text-transform: uppercase;
	font-size: 0.8em;
	
}


@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}
	
	.main-navigation {
		display: flex;
		justify-content: space-between;
	}

	.main-navigation ul {
		display: flex;
		max-height: none;
	}
	
	.main-navigation li {
		margin-left: 1rem;
		margin-bottom: 0;
	}

	.main-navigation ul li:first-child {
		padding-top: 0;
	}

}

/* Rodapé
		========================================================================== */
		
.site-footer {
	padding: var(--margem);
	padding-bottom: 4.75rem;
	text-align: center;
}

.site-info {
	font-family: 'Basic';
	text-transform: uppercase;
	font-size: 0.5em;
	line-height: 1.5em;
}

/* Home 
		========================================================================== */

.home-resumo {
	border-bottom: var(--borda);
	padding: var(--margem);
	display: flex;
	justify-content: space-between;
}

.home-resumo p {
	margin: 0;
	flex-grow: 1;
	padding-right: var(--margem);
	/* max-width: 70ch; */
}

.home-resumo .seta svg {
	fill: var(--cor-primaria);
}

.posts-aleatorios .ficha:last-child {
	border-bottom: 0;
}

.home .site-branding {
	font-family:  '5by7';
	font-size: 3rem;
	line-height: 1em;
}

.home .entry-content {
	width: 100%;
	padding: 0;
	max-width: 100%;
}

/* Iframe Capa
		========================================================================== */
.home-capa{
	background-size: cover;
	background-position: center;
}

		
.iframe-capa {
	display: block;
	width: 100%;
	height: calc(100vh - 10rem);
	
	border-bottom: var(--borda);
}

/* Post thumbnail
		========================================================================== */

a.post-thumbnail,
a.post-thumbnail:visited {
	border: none;
	padding: 0;
	border-radius: var(--borda-raio);
	background-color: var(--cor-primaria);
	display: block;
}

a.post-thumbnail:hover img,
a.post-thumbnail:focus img {
	border: none;
	padding: 0;
	border-radius: var(--borda-raio);
	opacity: 0.5;
}
		
.post-thumbnail img {
	border-radius: var(--borda-raio);
	width: 100%;
}

.post-thumbnail-single img {
	display: none;
}

.post-thumbnail-single { 
	width: 100%;
	height: calc(100vh - 200px);
	max-height: 1000px;
	background-color: var(--cor-primaria);
	background-size: contain;
	background-position: center;
	border-bottom: var(--borda);
}



/* Post ficha
========================================================================== */

.ficha {
	padding: calc(var(--margem) * 2) var(--margem) 0 0;
	border-bottom: var(--borda);
	margin-bottom: 0;
}

.ficha > div {
	padding: 0 0 calc(var(--margem) * 2) var(--margem);
}

.ficha .rotulo {
	font-family: 'Basic';
	text-transform: uppercase;
	font-size: 0.5em;
	line-height: 1.5em;
}

.ficha h2,
.ficha p {
	font-family: 'Inter';
	text-transform: uppercase;
	margin: 0;
}

.ficha .resumo p {
	text-transform: none;
}

.ficha .titulo h2 {
	font-size: 2.8rem;
	line-height: 0.8em;
	padding: 0.2rem;
	font-family: '5by7';
	word-wrap: break-word;
}

.ficha .catalogacao,
.ficha .data {
	line-height: 1.25em;
}

@media screen and (min-width: 37.5em) {

	.ficha {
		display: flex;
		flex-wrap: wrap;
	}

	.ficha .titulo h2 a{
		word-wrap: normal;
	}

	.ficha .titulo,
	.ficha .catalogacao,
	.ficha .resumo,
	.ficha .data
		{
		width: 50%;
	}
	
	.ficha .thumbnail {
		width: 100%;
	}

	.ficha > div {
		flex-basis: 50%;
	}

	.ficha .thumbnail {
		flex-basis: 100%;
	}

}


@media screen and (min-width: 80rem) {

	.ficha {
		flex-wrap: nowrap;
	}

	.ficha > div {
		flex-basis: 100%;
	}

	.ficha .data {
		max-width: 14ch;
		
	}
}

.lista-categorias {
	padding: 0;
	margin: 0;
	list-style: none;
}

.lista-categorias .cat-item {
	display: inline;
	font-size: 0.8rem;
	line-height: 1.2rem;
}

.lista-categorias .cat-item a {
	font-size: 0.8rem;
}


/* Trabalhos ficha
		========================================================================== */

@media screen and (min-width: 37.5em) {

	.fichas-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.post-type-archive-trabalhos .ficha {
		flex-wrap: wrap;
	}

	.post-type-archive-trabalhos .fichas-grid .ficha:nth-child(odd) {
		border-right: 1px solid;
	}

	.post-type-archive-trabalhos .ficha .titulo {
		width: 70%;
		flex-basis: auto;
	}

	.post-type-archive-trabalhos .ficha .catalogacao
		{
		width: 30%;
		flex-basis: auto;
	}
	
	.post-type-archive-trabalhos .ficha .thumbnail {
		width: 100%;
	}

	.post-type-archive-trabalhos .ficha .thumbnail {
		flex-basis: 100%;
	}
}

.post-type-archive-trabalhos .site-footer {
	border-top: 1px solid;
	margin-top: -1px;
}

/* Processos 
		========================================================================== */

.post-type-archive-processos .ajustes {
  display: none;
}

.post-type-archive-processos .ficha.hentry {
  padding: var(--margem);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 37.5em) {

  .post-type-archive-processos .ajustes {
    display: block;
  }

  .fichas-grid[data-colunas="1"] {
    display: block;
  }

  .fichas-grid[data-colunas="2"] {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .fichas-grid[data-colunas="3"] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .fichas-grid[data-colunas="4"] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .fichas-grid[data-colunas="5"] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }

  .fichas-grid[data-colunas="6"] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }

  .fichas-grid[data-colunas="7"] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }

  .fichas-grid[data-colunas="8"] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }

  .post-type-archive-processos .fichas-grid .ficha {
    border-right: 1px solid;
  }

  .post-type-archive-processos .fichas-grid[data-colunas="1"] .ficha {
    border-right: none;
  }

  .post-type-archive-processos .fichas-grid[data-colunas="2"] .ficha:nth-child(2n) {
    border-right: none;
  }

  .post-type-archive-processos .fichas-grid[data-colunas="3"] .ficha:nth-child(3n) {
    border-right: none;
  }

  .post-type-archive-processos .fichas-grid[data-colunas="4"] .ficha:nth-child(4n) {
    border-right: none;
  }

  .post-type-archive-processos .fichas-grid[data-colunas="5"] .ficha:nth-child(5n) {
    border-right: none;
  }

  .post-type-archive-processos .fichas-grid[data-colunas="6"] .ficha:nth-child(6n) {
    border-right: none;
  }

  .post-type-archive-processos .fichas-grid[data-colunas="7"] .ficha:nth-child(7n) {
    border-right: none;
  }

  .post-type-archive-processos .fichas-grid[data-colunas="8"] .ficha:nth-child(8n) {
    border-right: none;
  }

}

.post-type-archive-processos .posts-navigation {
  border-top: 1px solid;
  margin-top: -1px;
}

/* .post-type-archive-processos .site-footer {
  border-top: 1px solid;
  margin-top: -1px;
} */


/* Single Anexo
========================================================================== */

.attachment-page .titulo,
.catalogacao {
	word-wrap: anywhere;
}

.attachment-page img {
	display: block;
}



/* Arquivos 
========================================================================== */

.site-main .posts-navigation {
	padding: var(--margem);
	text-transform: uppercase;
	border-bottom: var(--borda);
}
.nav-links a {
	width: 100%;
	text-align: center;
	display: inline-block;
	
}

.nav-previous {
	margin-bottom: 0.5rem;
}

@media screen and (min-width: 46rem) {
	.nav-links {
		display: flex;
		justify-content: space-between;
	}

	.nav-links a {
		display: inline;
	}

	.nav-previous {
		margin-bottom: 0;
	}
}

/* Post e paginas
		========================================================================== */

.single, .page {
	margin: 0;
	overflow-x: hidden;
}

.hentry {
	border-bottom: var(--borda);
}
	
.page-content, .entry-content, .entry-summary {
	margin: 0 auto;
	padding: calc(4 * var(--margem)) var(--margem);
	max-width: var(--conteudo-largura);
}

.entry-content h2,
.entry-content h3 {
	margin-top: 2rem;
}

.entry-content ul {
	margin: 1.5em 0;
	padding: 0 0 0 1em;
}

/* Blocos
		========================================================================== */

.wp-block-gallery.has-nested-images figcaption,
.wp-block-image figcaption {
	text-align: center;
	margin: 0 auto;
	font-size: 0.9rem;
	line-height: 1.2em;
	background: var(--cor-base);
	padding: 0.5rem;
}

.wp-block-image.alignwide figcaption a {
	width: auto;
	display: inline;
}

.wp-block-image > a {
	padding: 0;
	border: 0;
	border-radius: 0;
	display: block;
}

.wp-block-image img {
	width: 100%;
}

.wp-block-embed iframe {
	width: 100%;
}

.wp-block-embed.is-type-video.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	overflow: hidden;
	position: relative;
	max-width: 100%;
	height: auto;
	padding-bottom: 56.25%;
}

.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Galeria com colunas sempre do mesmo tamanho */
.galeria-colunas-fixas.wp-block-gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.galeria-colunas-fixas.wp-block-gallery.columns-4 {

}

.galeria-colunas-fixas.wp-block-gallery .wp-block-image {
	width: 100% !important;
	flex-grow: 0 !important; /* impede o crescimento da última imagem */
	flex-basis: auto !important;
}

/* CSS para arrumar as legendas da galeria */

figure figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.wp-block-video figcaption {
	text-align: center;
/*   margin: 0 auto; */
  line-height: 1.2em;
  background: var(--cor-base);
  padding: 0.5rem;
	font-size: 0.9rem;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	font-size: 0.9rem;
	color: inherit;
	text-shadow: none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
	display: none;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	display: block;
	height: auto;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
	position: static;
	margin-top: 0.5rem
}

.alignwide {
  width: 100%;
  position: static;
  margin: 1.5rem 0;
}



/* Comentários
		========================================================================== */

.comments-container {
	padding: calc(4 * var(--margem)) var(--margem);
	border-bottom: var(--borda);
}

.comments-area {
	margin: 0 auto;
	max-width: var(--conteudo-largura);
}

.comment-list {
	margin: 0 0 1.5em 0;
	padding: 0;
	list-style-type: none;
}

.comment-list a:not(.comment-reply-link),
.comment-list a:not(.comment-reply-link):visited {
	border: none;
	background-color: transparent;
	text-decoration: underline;
	font-size: 1em;
}

.comment-list a:not(.comment-reply-link):focus,
.comment-list a:not(.comment-reply-link):hover {
	border: none;
	color: var(--cor-primaria);
	opacity: 0.8;
}

.comment {
	margin-bottom: 2rem;
}

.comment-body {
	margin-bottom: 0.5rem;
	border: var(--borda);
	border-radius: var(--borda-raio);
	padding: var(--margem);
}

.comments-title {
	margin-bottom: 3em;
}

.comment-meta {
	line-height: 1em;
	margin-bottom: 1rem;
}

.comment-author {
	text-transform: uppercase;
	display: inline;
}

.says {
	display: none;
}

.comment-metadata {
	display: inline;
	font-size: 0.6em;
}

.comment-content {
	margin-bottom: 1rem;
}

.comment-content * {
	margin-bottom: 0.5em;
}


.reply {
	text-align: right;
}

.comment-reply-link {
	text-transform: uppercase;
	font-size: 0.7em;
	font-family: 'Basic', sans-serif;
	letter-spacing: 0.1em;
}

.children {
	list-style-type: none;
	padding: 0;
	
}

.children .comment {
	position: relative;
}

.children .comment:before {
	content: "↳";
	position: absolute;
	left: -1.3rem;
	top: 0;
}

.children .comment-meta {
	line-height: 1.2rem;
}

/* Widget Area
		========================================================================== */

.widget-area {
	padding: calc(4 * var(--margem)) var(--margem);
	border-bottom: var(--borda);
}

.widget {
	margin: 0 auto;
	max-width: var(--conteudo-largura);
}

/* Widget Posts Recentes
		========================================================================== */

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

.widget_recent_entries li {
	line-height: 1.6rem;
	margin-bottom: 1rem;
}

.widget_recent_entries li a {
	font-size: 1em;
}

.post-date {
	display: block;
	font-size: 1rem;
}

/* Formulários
		========================================================================== */

input[type="text"], input[type="email"], input[type="url"], 
input[type="password"], input[type="search"], input[type="number"], 
input[type="tel"], input[type="range"], input[type="date"], 
input[type="month"], input[type="week"], input[type="time"], 
input[type="datetime"], input[type="datetime-local"], 
input[type="color"], textarea {
	color: var(--cor-primaria);
	border: 1px solid var(--cor-primaria);
	border-radius: var(--borda-raio);
	padding: 3px;
	font-family: 'Input', sans-serif;
	width: 100%;
}

form label {
	display: block;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: var(--borda);
	color: var(--cor-primaria);
	background-color: var(--cor-base);
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 0.6em 1em 0.6em;
	border-radius: var(--borda-raio);
	font-family: 'Basic', sans-serif;
	width: 100%;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background-color: var(--cor-primaria);
	border-color: var(--cor-primaria);
	color: var(--cor-fundo);
}

select {
	color: var(--cor-primaria);
	border: 1px solid var(--cor-primaria);
	padding: 3px;
	font-family: 'Input', sans-serif;
	width: 100%;
}

/* Auxiliares
--------------------------------------------- */


.alignfull {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	padding: 2rem;
}

.alignfull:first-child {
	margin-top: 0;
	padding-top: 0;
}

.alignwide {
	width: calc(100% + 20vw);
	position: relative;
	left: -10vw;
	margin: 5rem 0;
}

.margin-top-zerada {
	margin-top: 0;
}

.margin-bottom-zerada {
	margin-bottom: 0;
}

/* Ovo de pascoa
		========================================================================== */

.botao-arcoiris {
	background-image: url('assets/ArcoIris-WhatsApp.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 5rem;
	height: 2.5rem;
	border: none;
	cursor: pointer;
	position: absolute;
	left: 50vw;
	top: 13.4vh;
	transition: transform .2s ease-in-out;
}

.botao-arcoiris:hover,
.botao-arcoiris:focus {
	background-color: transparent;
	transform: scale(1.2);
}


/* Template: Links
	 ========================================================================== */

.page-template-page-tela .page-header {
	margin: calc(2 * var(--margem)) auto 0 auto;
	padding: var(--margem);
	padding-bottom: 0;
	max-width: var(--conteudo-largura);
}

.page-template-page-tela .page-header h2 {
	margin-bottom: 0;
}

.page-template-page-tela .entry-title {
	font-family: 'Inter';
	font-size: 4rem;
	line-height: 1.35em;
	text-transform: uppercase;
}

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

.lista-links > ul {
	font-size: 1.5rem;
	line-height: 1.2em;
	text-transform: uppercase;
}

.lista-links > ul > li {
	margin-bottom: 1rem;
}

.lista-links > ul > li > ul {
	font-size: 1rem;
	line-height: 1.2em;
	text-transform: none;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
	padding: 0;
	margin: 0 0 2rem 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
	font-size: 1.5rem;
	line-height: 1.2em;
	text-transform: uppercase;
}

/* Recursos
		========================================================================== */

.recursos-links {
  list-style: none;
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
}