/*
Theme Name: mutelife v5
Theme URI: https://mutelife.com
Author: Filipe Varela
Author URI: https://keoshi.com/
Description: Theme for mutelife.com. Based on Automattic's Block Base
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 5.0.2.14
Text Domain: mutelife
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks, auto-loading-homepage
*/

/* Global */
body {
	background: var(--wp--preset--color--wrapper);
}

b, strong {
	font-weight: 600;
}

i, em {
	font-style: normal;
	font-variation-settings: "slnt" -10;
}

.wp-site-blocks {
	max-width: 1440px;
	margin: 0 auto;
	background: var(--wp--preset--color--background);
}

.wp-block-image.alignfull .wp-element-caption a,
.wp-block-image.alignwide .wp-element-caption a {
	width: auto;
}

/* Home */
.home.paged .home-intro {
	display: none;
}

/* Single */
.single-header .wp-block-template-part {
	margin-block-start: var(--wp--custom--gap--baseline);
}

/* Content */
.wp-block-post-content p + h1:not([style*="margin-top"]), .wp-block-post-content p + h2:not([style*="margin-top"]), .wp-block-post-content p + h3:not([style*="margin-top"]), .wp-block-post-content p + h4:not([style*="margin-top"]), .wp-block-post-content span + h1:not([style*="margin-top"]), .wp-block-post-content span + h2:not([style*="margin-top"]), .wp-block-post-content span + h3:not([style*="margin-top"]), .wp-block-post-content span + h4:not([style*="margin-top"]), .wp-block-post-content p + .wp-block-image:not([style*="margin-top"]), .wp-block-post-content p + .wp-block-gallery:not([style*="margin-top"]), .wp-block-post-content p + .wp-block-columns:not([style*="margin-top"]), .wp-block-post-content p + .wp-block-mutelife-galeria:not([style*="margin-top"]), .wp-block-post-featured-image + .wp-block-post-content, .wp-block-post-content .wp-block-image + p:not([style*="margin-top"]), .wp-block-post-content .wp-block-gallery + p:not([style*="margin-top"]), .wp-block-post-content .wp-block-columns + p:not([style*="margin-top"]), .wp-block-post-content .wp-block-mutelife-galeria + p:not([style*="margin-top"]) {
	margin-block-start: calc( 4 * var(--wp--custom--gap--baseline) );
}

/* Home: Loop post */
.wp-block-post-template.is-flex-container li,
.jp-related-posts-i2__post {
	aspect-ratio: 4/2.6;
}

.loop-post,
.jp-related-posts-i2__post {
	position: relative;
	overflow: hidden;
	height: 100%;
}

.loop-post:after,
.jp-related-posts-i2__post:after {
	content: "";
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(33,28,28,0.8);
	transition: background var(--wp--custom--transition--overlay) ease-out;
	pointer-events: none;
}

.loop-post:has(.wp-block-post-featured-image):after,
.jp-related-posts-i2__post:has(.jp-related-posts-i2__post-img):after {
	background: rgba(33,28,28,0);
}

.loop-post--text,
.jp-related-posts-i2__post-link {
	position: absolute;
	bottom: calc( 1.5 * var(--wp--custom--gap--vertical) );
	left: calc( 1.5 * var(--wp--custom--gap--horizontal) );
	right: var(--wp--custom--gap--horizontal);
	z-index: 2;
	transform: translateY(24px);
	transition: transform var(--wp--custom--transition--text-move) ease-in-out;
	/*
	opacity: 0;
	transition: transform var(--wp--custom--transition--text-move) ease-in-out, opacity var(--wp--custom--transition--text-opacity) ease-out;*/
}

.loop-post--text .wp-block-template-part,
.loop-post--text .wp-block-group.loop-post--meta {
	margin: calc( var(--wp--custom--gap--baseline) / 2 ) 0 0;
}

.loop-post--meta {
	opacity: 0;
	transition: opacity var(--wp--custom--transition--text-opacity) ease-out 0s;
}

.loop-post--text h2,
.loop-post--text h2 a,
.loop-post--text .wp-block-post-date {
	color: var(--wp--preset--color--background);
	text-decoration: none;
}

.loop-post--text h2,
.jp-related-posts-i2__post-link {
	font-size: var(--wp--preset--font-size--x-large);
}

.loop-post figure,
.jp-related-posts-i2__post-img {
	margin: 0;
	transform-origin: 50% 50%;
	transition: transform var(--wp--custom--transition--figure) ease-out;
}

.loop-post:hover .loop-post--text,
.loop-post:focus .loop-post--text {
	opacity: 1;
	transform: translateY(0);
}

.loop-post:hover .loop-post--meta,
.loop-post:focus .loop-post--meta {
	opacity: 1;
	transition-delay: var(--wp--custom--transition--overlay);
}

.loop-post:hover figure,
.loop-post:focus figure,
.jp-related-posts-i2__post:hover .jp-related-posts-i2__post-img,
.jp-related-posts-i2__post:focus .jp-related-posts-i2__post-img {
	transform: scale(1.1);
}

.loop-post:hover:after,
.loop-post:focus:after {
	background: rgba(33,28,28,0.8);
} 

/* Jetpack: Related Posts */
.jp-related-posts-i2__row[data-post-count="1"] .jp-related-posts-i2__post, .jp-related-posts-i2__row[data-post-count="2"] .jp-related-posts-i2__post {
	margin: 0;
}

.jp-related-posts-i2__row {
	gap: var(--wp--custom--gap--horizontal);
}

.jp-related-posts-i2__post a {
	color: var(--wp--preset--color--background);
	font-weight: var(--wp--custom--heading--typography--font-weight);
	letter-spacing: var(--wp--custom--letter-spacing--heading);
	text-decoration: none;
}

.jp-related-posts-i2__post-link {
	bottom: 0;
	left: 0;
	right: 0;
}

.jp-related-posts-i2__post-img {
	position: relative;
}

/*
.jp-related-posts-i2__post:hover:after,
.jp-related-posts-i2__post:focus:after {
	background: rgba(33, 28, 28, 0.8);
}

.jp-related-posts-i2__post:hover .jp-related-posts-i2__post-link,
.jp-related-posts-i2__post:focus .jp-related-posts-i2__post-link {
	opacity: 1;
	transform: translateY(0);
}

.jp-related-posts-i2__post:hover .jp-related-posts-i2__post-link,
.jp-related-posts-i2__post:focus .jp-related-posts-i2__post-link {
	transform: translateY(-24px);
}
*/

/* mutelife-galeria styles */
.mutelife-galeria{display:-ms-flexbox;display:flex;gap:var(--wp--custom--gap--horizontal,1%)}.mutelife-galeria .mutelife-image{max-width:100%;width:50%;text-align:center}.mutelife-galeria .mutelife-image.fortico-horizontal,.mutelife-galeria .mutelife-image.terco{-ms-flex:1;flex:1;width:auto}.mutelife-galeria .mutelife-image.tercos{-ms-flex:2.25;flex:2.25;width:auto}.mutelife-galeria .mutelife-image.fortico-vertical{-ms-flex:1.425;flex:1.425;width:auto}.mutelife-galeria .mutelife-image.fortico-horizontal:last-of-type{margin-left:0;margin-bottom:0}.mutelife-galeria .mutelife-image img{display:block;z-index:1;position:relative;width:100%}.mutelife-galeria .fortico-horizontais{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;width:auto;gap:var(--wp--custom--gap--vertical,1%)}.mutelife-galeria .terco+.tercos,.mutelife-galeria .tercos+.terco{margin-bottom:0}@media (max-width:48em){.mutelife-galeria{-ms-flex-direction:column;flex-direction:column}.mutelife-galeria .mutelife-image{width:auto}}

/* zoom.js */
body:not(.page) .wp-block-post-content img[data-action="zoom"] {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}
.zoom-img,
.zoom-img-wrap {
  position: relative;
  z-index: 666;
  -webkit-transition: all 300ms;
       -o-transition: all 300ms;
          transition: all 300ms;
}
img.zoom-img {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
}
.zoom-overlay {
  z-index: 420;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
  -webkit-transition:      opacity 300ms;
       -o-transition:      opacity 300ms;
          transition:      opacity 300ms;
}
.zoom-overlay-open .zoom-overlay {
  filter: "alpha(opacity=100)";
  opacity: 1;
}
.zoom-overlay-open,
.zoom-overlay-transitioning {
  cursor: default;
}

time a,
a.comment-reply-link {
	text-decoration: none;
}