/*
Theme Name: 37Signals V2 By Piccmaq
Theme URI: https://piccmaq.com
Author: Piccmaq
Author URI: https://piccmaq.com
Description: A Free WordPress theme based on 37signals design. based on twentytwentyfive
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pmq37signals
Tags: 
*/
:root {
	--rgb-black: 0, 0, 0;
	--rgb-error: 255, 1, 1;
	--rgb-white: 255, 255, 255;
	--rgb-theme: var(--rgb-black);
	--rgb-theme-1: 244, 103, 199;
	--rgb-theme-2: 190, 82, 255;
	--rgb-theme-3: 139, 119, 255;
	--rgb-theme-4: 0, 170, 194;
	--rgb-theme-5: 154, 162, 0;
	--rgb-theme-6: 248, 121, 23;
	--rgb-theme-7: 240, 177, 3;
	--rgb-theme-8: 204, 61, 51;
	--rgb-theme-9: 41, 152, 80;
	--rgb-theme-10: 0, 100, 230;
	--rgb-theme-11: 236, 67, 67;
	--rgb-theme-12: 207, 111, 182;
	--color-black: rgb(var(--rgb-black));
	--color-error: rgb(var(--rgb-error));
	--color-white: rgb(var(--rgb-white));
	--color-theme: rgb(var(--rgb-theme));
	--color-theme-1: rgb(var(--rgb-theme-1));
	--color-theme-2: rgb(var(--rgb-theme-2));
	--color-theme-3: rgb(var(--rgb-theme-3));
	--color-theme-4: rgb(var(--rgb-theme-4));
	--color-theme-5: rgb(var(--rgb-theme-5));
	--color-theme-6: rgb(var(--rgb-theme-6));
	--color-theme-7: rgb(var(--rgb-theme-7));
	--color-theme-8: rgb(var(--rgb-theme-8));
	--color-theme-9: rgb(var(--rgb-theme-9));
	--color-theme-10: rgb(var(--rgb-theme-10));
	--color-theme-11: rgb(var(--rgb-theme-11));
	--color-theme-12: rgb(var(--rgb-theme-12));
	/* --font-family: 'Lab Grotesque', Sans-Serif; */
	/* --font-family-mono: 'Lab Grotesque Mono', Monospace; */
	--font-size: 20px;
	/* //calc(1em + 1vw); */
	--font-size-x-small: calc(var(--font-size) * 0.6);
	--font-size-small: calc(var(--font-size) * 0.8);
	--font-size-large: calc(var(--font-size) * 1.05);
	--font-size-x-large: calc(var(--font-size) * 1.1);
	--font-size-xx-large: calc(var(--font-size) * 1.15);
	--font-size-xxx-large: calc(var(--font-size) * 1.25);
	--font-size-xxxx-large: calc(var(--font-size) * 1.4);
	--line-height: calc(1.3em + 1vw);
	--spacing: 0.75em;
	--transition: 0.2s ease;

	@media screen and (min-width:800px) {
		--font-size: 22px;
	}

	@media screen and (min-width:1000px) {
		--font-size: 26px;
	}
}

html {
	font-size: 16px;
	background: var(--color-theme);
	min-height: -webkit-fill-available;
	scroll-padding-top: calc(var(--font-size) * 7.4);
}

body {
	font-size: var(--font-size);
}

main {
	position: relative;
	margin-top: max(22.2vh, 5.4em);
	margin-bottom: max(22.2vh, 5.4em);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

a.wp-block-navigation-item__content {
	font-weight: 700;
	font-size: calc(var(--font-size) * 0.75);
}

.wp-block-navigation__submenu-container a.wp-block-navigation-item__content {
	font-weight: 700;
	font-size: calc(var(--font-size) * 0.65);
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 8px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

h1,
h2,
h3 {
	font-weight: 700;
}

h1.wp-block-post-title,
h2 {
	font-size: var(--font-size-xxx-large);
	font-weight: 700;
	line-height: 1.2;
}

.page .page__headline h6 {
	font-size: var(--font-size-small);
	font-weight: 700;
	line-height: 1.2;
}

.page .page__headline small {
	font-size: var(--font-size-small);
	font-weight: 700;
}

.entry-content,
.entry-content div,
.entry-content span,
.entry-content applet,
.entry-content button,
.entry-content input,
.entry-content select,
.entry-content textarea,
.entry-content object,
.entry-content iframe,
.entry-content hr,
.entry-content p,
.entry-content blockquote,
.entry-content pre,
.entry-content a,
.entry-content abbr,
.entry-content acronym,
.entry-content address,
.entry-content big,
.entry-content cite,
.entry-content code,
.entry-content del,
.entry-content dfn,
.entry-content em,
.entry-content img,
.entry-content ins,
.entry-content kbd,
.entry-content q,
.entry-content s,
.entry-content samp,
.entry-content small,
.entry-content strike,
.entry-content strong,
.entry-content sub,
.entry-content sup,
.entry-content tt,
.entry-content var,
.entry-content b,
.entry-content u,
.entry-content i,
.entry-content center,
.entry-content dl,
.entry-content dt,
.entry-content dd,
.entry-content ol,
.entry-content ul,
.entry-content li,
.entry-content fieldset,
.entry-content form,
.entry-content label,
.entry-content legend,
.entry-content table,
.entry-content caption,
.entry-content tbody,
.entry-content tfoot,
.entry-content thead,
.entry-content tr,
.entry-content th,
.entry-content td,
.entry-content article,
.entry-content aside,
.entry-content canvas,
.entry-content details,
.entry-content embed,
.entry-content figure,
.entry-content figcaption,
.entry-content footer,
.entry-content header,
.entry-content hgroup,
.entry-content main,
.entry-content menu,
.entry-content nav,
.entry-content output,
.entry-content ruby,
.entry-content section,
.entry-content summary,
.entry-content time,
.entry-content mark,
.entry-content audio,
.entry-content video {
	font-size: var(--font-size-small);
	line-height: 1.8;
}

.entry-content h1,
.entry-content h2,
.entry-content h3 {
	margin-top: calc(var(--line-height) * 2);
}

.entry-content .wp-block-media-text h1,
.entry-content .wp-block-media-text h2,
.entry-content .wp-block-media-text h3 {
	margin-top: 0px;
}

main {
	position: relative;
}

div.wp-site-blocks {
	align-items: stretch;
	background: rgba(var(--rgb-theme), 1);
	color: rgba(var(--rgb-white), 0.85);
	display: flex;
	flex-direction: column;
	/* font-family: var(--font-family);
	font-feature-settings: 'liga', 'ss02'; */
	/* font-size: var(--font-size); */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.3;
	min-height: 100vh;
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(var(--rgb-white), 0);
	text-rendering: optimizeLegibility;
}

header.wp-block-template-part {
	background: linear-gradient(180deg, rgba(var(--rgb-theme), 1) 0, rgba(var(--rgb-theme), 0) 100%);
	justify-content: flex-end;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 104;
	padding-top: 15px;
}

.admin-bar header.wp-block-template-part {
	/* /// adin bar addds 32px */
	padding-top: 47px;
}

.page .home-picture-block .home-colored-user-image,
.page .home-picture-block:hover .home-black-white-user-image {
	display: none !important;
}

.page .home-picture-block:hover .home-colored-user-image {
	display: block !important;
	margin: 0px;
}

.page .home-black-white-user-image,
.page .home-colored-user-image {
	margin: 0px;
}

.pmq_blog_translation_link {
	padding: 5px;
	background-color: #000000;
	color: #FFFFFF;
}

.pmq_portfolio-item figure img {
	max-width: 100px;
}

@media(min-width:781px) {

	.home-picture-block:before {
		background-color: #2A3333;
		border-radius: 30px 0px;
		position: absolute;
		top: 50px;
		right: 0px;
		left: 0px;
		bottom: 0px;
		z-index: 11;
		content: ' ';
	}

	.home-picture-block {
		position: relative;
	}

	.home-picture-block>div {
		position: relative;
		z-index: 12;
	}

	.home-picture-block .home-picture-block-col-2 {
		vertical-align: bottom;
		display: flex;
		flex-direction: column;
		padding-bottom: 30px;
		justify-content: end;
	}

	.home-picture-block .home-picture-block-col-2 em {
		background: #A83786;
		border-radius: 8px;
		color: white;
		padding: 4px 6px;
	}
}

@media(min-width:600px) {
	footer.wp-block-template-part {
		background: linear-gradient(0deg, rgba(var(--rgb-theme), 1) 0, rgba(var(--rgb-theme), 0) 100%);
		bottom: 0;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 104;
	}
}

@media(max-width:600px) {
	body {
		--wp--style--root--padding-right: 10px;
		--wp--style--root--padding-left: 10px;
	}

	h1.wp-block-post-title {
		text-align: center;
	}

	.pmq_portfolio-item {
		text-align: center;
	}

	.pmq_portfolio-item .wp-block-buttons {
		display: block;
	}

	main {
		margin-top: max(25.2vh, 7.4em);
		margin-bottom: max(25.2vh, 7.4em);
	}
}