/*
Theme Name:   Shapely Child
Theme URI:    https://deborahgoldemberg.com
Description:  Child theme do Shapely para o site de Deborah Goldemberg. Contem o CSS que antes ficava em Aparencia > Personalizar > CSS adicional.
Author:       Ricardo Ruiz
Template:     shapely
Version:      1.0.0
Text Domain:  shapely-child
*/

/* ==========================================================================
   CSS migrado do Personalizar (CSS adicional) em 2026-10-07
   ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Major+Mono+Display|Space+Mono');


body{
	color:#72777c;
	font-family: 'Space Mono', monospace;
}

blockquote {
	padding-left: 7em!important; padding-right:7em; color: #6a9be0;
		padding-bottom:2em!important;
}
h1.entry-title {display:none}
.title-tags {color:#72777c }

.site-title {font-size:20px;}

blockquote p {
    font-size: 0.9em;
    line-height: 1.8em;
    color: #2b59a3;
}

h1 {
	font-size:1em;
}

cite {
	float:right; 
	padding-right:7em; 
	margin-top:-1em
}

p {
    font-size: 1.2em;
    line-height: 1.9;
}

.chamada-home {
	font-weight:600;
	text-align: center;
	padding:1em;
	font-family: 'Major mono display';
}
.chamada-home h3, .chamada-home p {margin-bottom:0px;}

.chamada-home p{
		color: black;
}

.sg-popup-hover-1094 {
	position:fixed;
	color:#6a9be0;
	bottom:0;
	right:0;
	padding:2em;
 animation: blinker 3s linear infinite;
}

@keyframes blinker {
  50% {
    color:#2b59a3;
  }
}

ul, ol {
    margin: 0 0 0em 0em;
}

figure {
	padding:0em
}

button, a {
  transition-timing-function: ease-out;
  transition: 0.25s;
}

footer {
	display:none;
}

.entry-header img {
	transition: transform 0.35s ease-in-out;
}
.entry-header img:hover {
	transform: scale(1.06);
}


#post-1277 .post-title {
	display:none;
}

.wp-block-separator {
	border-top:0px
}

.home #primary{
	background-color:transparent!important
}

#primary{
    padding: 10px;
}

.post-content {
    padding-left: 5em;
    padding-right: 5em;
}

.post-content .entry-content .post-title {
	font-family: 'Major Mono Display', monospace;
}

.slb_data_title {
	font-family: 'Space Mono', monospace!important; font-size: 1.2em!important;
}

.slb_theme_slb_baseline * {
	line-height: 1.85em!important;padding-top:0.5em!important
}
.slb_template_tag_ui_group_status {
	display: none!important
}


body.home {
	background-image: url('https://deborahgoldemberg.com/wp-content/uploads/2026/10/Deborah_00073.webp');
	background-position:center left;
	background-size: cover;
	background-repeat: no-repeat;
}

#primary, #secondary {background-color: rgba(255, 255, 255, 0.95);}

.post-content .shapely-category {
	background-color: #6a9be0 
}

.nav-bar, .site-title {
	line-height: 1.2;}

.site-title{ 
	font-family: 'Major Mono Display';
	/*background-color:white*/
}

.widget .widget-title {
	font-family: 'Major Mono Display';
	font-size:3em;
	line-height:1em;
}

.module.widget-handle i {
	font-size: 22px;
}

.search-widget-handle, .search, .shapely-next-prev, .author-bio {
	display:none
}

.more-link{
	display:none!important
}

.main-navigation .menu > li > ul li a:hover, .main-navigation .menu > li > ul li:hover > a {
	background: transparent;
}

.main-navigation .menu li a {
	    font-size: 15px;
	    letter-spacing: 0px;
}

.main-navigation .menu li a:hover {
	background-color: white;
}

.nav-bar a:not(.custom-logo-link ) {
    height: 20px!important;
}

.mobile-menu .shapely-dropdown {
	float:none;margin-left:10px
}


.site-title, .post-title>a {
	color:#2b59a3!important;
	transition-timing-function: ease-out;
  	transition: 0.25s;
}

.post-content .entry-content .post-title a {
	font-size:1em!important
}

.site-title:hover, .module.widget-handle i:hover, .post-title>a:hover {
	color:#6a9be0!important
}

.wp-block-button__link:hover {
	background-color:#6a9be0!important;  
	transition-timing-function: ease-out;
  transition: 0.25s;
}

.mobile-menu #site-navigation.main-navigation .menu > li > ul li a {
	background-color:transparent
}

div.wpforms-container-full .wpforms-form button[type="submit"] {
	color:white;font-family:"Space Mono"
}

	.main-navigation .menu {
		margin-top: 1.5em!important;
	}

.nav-bar a:not( .custom-logo-link ) { 
	height: 30px;
}


.main-navigation .menu li a {
	font-size: 1em;
}

.title-cronicles {
	font-family: 'Major Mono Display'; 
	font-size: 8em; 
	margin-top: -0.5em;
	line-height: 1.3
}


@media (max-width: 991px){
	.nav-bar, .module-group,.module {display:inherit;}

	ul, ol {
    margin: 0 0 0em 0em;
	}
	
	.site-title-container {
    width: 80%;
	}
	.site-title {
    font-size: 1.5em;
	}
	
	.home {
		background-size:100%;
		background-position:50% -20%;
	}
	blockquote {
		padding-left:2em!important;
		padding-bottom:1em!important;
	}
	
	cite {padding-right: 1em;}
	
	.module.widget-handle.search-widget-handle {
		display:none;
	}
	
	.main-navigation .menu li {
    width: 160%;
		text-align: right;
		margin-right: 0px!important;
		line-height:2em;
		padding-bottom: 1em;
	}

	.navbar-collapse {
		padding-right:0px;
	}

	.nav-open {
		background: rgba(106, 155, 224, 0.44)!important;
		transition-timing-function: ease-out;
  		transition: 0.25s;
  	}

	.main-navigation .menu li a {
    font-size: 15px;
	color: white;
	font-weight:600;
	}

	.main-navigation .menu > li > ul > li {
	    line-height: 2em;	
	}
	

	.menu > li.dropdown {
		padding-right: 0px;
	}

	.main-navigation {
		padding: 0px;
	}

	.main-navigation .menu li:hover > a {
		color:#72777c;
	}

	.shapely-dropdown {
		border-color: white;
		margin-left: 10px;
		color: white;
	}

	.main-navigation .menu > li > ul li a {
		color:#2b59a3;
	}

	.post-content {
    padding-left: 1em;
    padding-right: 1em;
}
	.post-content .shapely-category  {
		font-size: 14px;
		line-height: 16px;
		margin-top:12px;
	}


	.post-content .entry-content .post-title {
    font-size: 1em;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 10px;
	}

	.post-content .entry-content .post-title a {
	font-size: 1.4em!important;
    line-height: 1.3em;
	}

	.title-cronicles {
	font-size: 2.5em;
	}
	
}


@media (max-width: 991px) {}
#site-navigation.main-navigation .menu > li > ul li a {
    overflow: initial !important;
}

/* ==========================================================================
   Layout mobile: imagens flutuantes e blocos de duas colunas
   Adicionado em 2026-10-07.
   - Tablet (601-991px): a imagem flutuante ocupa no maximo metade da coluna
     de texto, para o texto ao lado dela nao ficar estreito.
   - Celular (ate 600px): a imagem fica em cima, centralizada, e o texto vem
     depois, em largura total. Vale tambem para os blocos "midia e texto",
     que antes ficavam 50/50 no celular.
   ========================================================================== */

@media (max-width: 991px) {
	.entry-content figure.alignleft,
	.entry-content figure.alignright,
	.entry-content img.alignleft,
	.entry-content img.alignright {
		max-width: 50%;
	}

	.entry-content figure.alignleft img,
	.entry-content figure.alignright img {
		max-width: 100%;
		height: auto !important;
	}
}

@media (max-width: 600px) {
	.entry-content figure.alignleft,
	.entry-content figure.alignright,
	.entry-content img.alignleft,
	.entry-content img.alignright {
		float: none !important;
		display: block;
		max-width: 100%;
		margin: 0 auto 1.5em !important;
	}

	.entry-content figure.alignleft img,
	.entry-content figure.alignright img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	/* O WordPress deixa a legenda de imagem flutuante como table-caption, que
	   encolhe quando a figura vira bloco. Aqui ela ocupa a largura toda. */
	.entry-content figure.alignleft > figcaption,
	.entry-content figure.alignright > figcaption {
		display: block;
		width: auto;
		text-align: left;
	}

	.entry-content .wp-block-media-text {
		grid-template-columns: 100% !important;
	}

	.entry-content .wp-block-media-text > .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}

	.entry-content .wp-block-media-text > .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
		padding: 1em 8% 0;
	}
}

/* Colunas: quando a imagem esta na segunda coluna, no celular ela passa para
   cima do texto (os blocos de colunas empilham abaixo de 782px). */
@media (max-width: 781px) {
	/* column-wrap-reverse-marker */
	.entry-content .wp-block-columns:has(> .wp-block-column:last-child img):not(:has(> .wp-block-column:first-child img)) {
		flex-wrap: wrap-reverse !important;
	}
}

/* ==========================================================================
   Pagina Bio (page-id-18), celular: titulo "Biografia completa"
   Aparece acima do texto principal, logo abaixo da legenda da foto (a
   mini-bio), com um espaco entre os dois. So ate 600px, que e quando a foto
   fica em cima e a legenda vem antes do texto.
   Para mudar o titulo, edite o texto em content abaixo.
   ========================================================================== */

@media (max-width: 600px) {
	body.page-id-18 .entry-content > figure.alignright + p::before {
		content: "Biografia completa";
		display: block;
		margin: 1.6em 0 0.6em;
		font-family: 'Major Mono Display', monospace;
		font-size: 1.15em;
		line-height: 1.3;
		color: #2b59a3;
	}
}

/* ===== Paleta azul (azulejo português) — substitui o laranja #e58900 e o amarelo #fec600 =====
   azul principal #2b59a3 (antes laranja) | azul claro #6a9be0 (antes amarelo) */
.entry-content a.wp-block-button__link[style*="background-color:#e58900"],
.entry-content a.wp-block-button__link.has-luminous-vivid-amber-background-color { background-color: #2b59a3 !important; }
.entry-content a.wp-block-button__link[style*="background-color:#fec600"] { background-color: #6a9be0 !important; }
/* ===== Menu ===== */
/* Remove a bolinha ● ao lado de "Recepção literária" */
.main-navigation .menu-item sup:has(> span[style*="254, 198, 0"]) { display: none; }

/* Desktop (>= 992px): menu encostado na margem direita e setas de submenu ao lado do texto */
@media (min-width: 992px) {
	.main-navigation .search-widget-handle { display: none; }
	.main-navigation .module-group.right > .module.left { padding-right: 0; }
	.main-navigation .navbar-collapse { padding-right: 0; }
	.main-navigation ul.menu > li.menu-item-has-children::after {
		top: 0;
		left: auto;
		right: 7px;
		line-height: 20px;
	}
}

/* Mobile/tablet (<= 991px): sem as setinhas soltas (o botão com seta já existe) */
@media (max-width: 991px) {
	.main-navigation .menu-item-has-children::after { display: none !important; }
}

/* Transparência do menu: desktop = 50% (fundo branco) | mobile aberto = azul a 0.44 (regra .nav-open) */
@media (min-width: 992px) {
	.main-navigation { background-color: rgba(255, 255, 255, 0.5) !important; }
}

/* Mobile: itens com submenu alinhados à direita com os demais (caixa da seta rente à margem) */
@media (max-width: 991px) {
	.main-navigation ul.menu > li.menu-item-has-children { padding-right: 0; }
}

/* O tema pai esconde todos os <br> em telas <= 767px; aqui eles voltam dentro do conteúdo
   (ex.: título e autores dos textos em "Na academia" ficam em linhas separadas) */
@media (max-width: 767px) {
	.entry-content br { display: initial; }
}

/* ===== Página "Entrevistas e Documentários": grade de 2 colunas (vídeo + legenda abaixo) ===== */
.entrevistas-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3.5em 2.5em;
	margin: 1em 0 2em;
}
.entrevistas-grid > figure { margin: 0; }
.entrevistas-grid .wp-block-embed__wrapper { max-width: 100%; }
.entrevistas-grid figcaption {
	margin: 0.9em 0 0;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.55;
}
.entrevistas-grid img { display: block; width: 100%; height: auto; }
/* Celular: uma coluna, blocos bem separados */
@media (max-width: 781px) {
	.entrevistas-grid { grid-template-columns: 1fr; gap: 0; }
	.entrevistas-grid > figure {
		padding-bottom: 2.2em;
		margin-bottom: 2.2em;
		border-bottom: 1px solid rgba(43, 89, 163, 0.25);
	}
	.entrevistas-grid > figure:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
}

/* Menu desktop: espaçamento menor entre itens para caber "Entrevistas e Documentários" em uma linha */
@media (min-width: 992px) {
	.main-navigation ul.menu > li:not(:last-child) { margin-right: 22px; }
}

/* Página Contato: mesmo fundo da home */
body.page-id-279 {
	background-image: url('https://deborahgoldemberg.com/wp-content/uploads/2026/10/Deborah_00001.jpg');
	background-position: center left;
	background-size: cover;
	background-repeat: no-repeat;
}

/* ===== Botões azuis: texto azul-claro para contraste ===== */
.entry-content a.wp-block-button__link,
.wp-block-button__link,
.wp-block-button__link.has-text-color,
.wp-block-button__link.has-white-color,
.wp-block-button__link.has-very-light-gray-color,
div.wpforms-container-full .wpforms-form button[type="submit"] {
	color: #cfe2ff !important;
}
.entry-content a.wp-block-button__link[style*="background-color:#fec600"] { color: #10294f !important; }
.wp-block-button__link:hover,
.entry-content a.wp-block-button__link:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:hover { color: #10294f !important; }

/* ===== Valentia: selos/prêmios pequenos, lado a lado ===== */
.wp-block-columns.has-3-columns { display: flex; flex-wrap: nowrap; gap: 12px; justify-content: center; align-items: flex-start; }
.wp-block-columns.has-3-columns > .wp-block-column { flex: 1 1 0; min-width: 0; text-align: center; }
.wp-block-columns.has-3-columns .wp-block-media-text { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; }
.wp-block-columns.has-3-columns .wp-block-media-text__media { margin: 0 auto 6px; }
.wp-block-columns.has-3-columns .wp-block-media-text__media img { width: auto !important; max-width: 100% !important; max-height: 90px; height: auto; margin: 0 auto; display: block; }
.wp-block-columns.has-3-columns .wp-block-media-text__content { padding: 0 !important; }
.wp-block-columns.has-3-columns .wp-block-media-text__content p { font-size: 12px; line-height: 1.3; margin: 0; }

/* ===== Contato: box branco 50% translúcido ===== */
body.page-id-279 #primary { background-color: rgba(255,255,255,.5) !important; }

/* reforço: colunas das premiações na Valentia */
.entry-content .wp-block-columns.has-3-columns { display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; gap: 12px !important; }
.entry-content .wp-block-columns.has-3-columns > .wp-block-column { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; }

/* ===== Ícones "Compartilhe o amor" em azul ===== */
div.heateor_sss_sharing_container a span.heateor_sss_svg,
div.heateor_sss_horizontal_sharing a span.heateor_sss_svg,
div.heateor_sss_vertical_sharing a span.heateor_sss_svg,
div.heateor_sss_standard_follow_icons_container a span.heateor_sss_svg { background: #2b59a3 !important; background-color: #2b59a3 !important; }
div.heateor_sss_sharing_container a:hover span.heateor_sss_svg,
div.heateor_sss_horizontal_sharing a span.heateor_sss_svg:hover,
div.heateor_sss_vertical_sharing a span.heateor_sss_svg:hover,
div.heateor_sss_standard_follow_icons_container a:hover span.heateor_sss_svg { background: #6a9be0 !important; background-color: #6a9be0 !important; }