/*
Theme Name: Tunah (mod of Malavi)
Theme URI: https://##
Author: Tunah
Author URI: https://##
Description: Tunah mod, is an easy-to-use WordPress theme inspired by simplicity. With block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s colors and eye-catching design will let your work shine. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.5
Requires PHP: 5.6
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: malavi
Tags: one-column, custom-menu, featured-images, full-site-editing, block-patterns, threaded-comments, translation-ready, wide-blocks, blog, portfolio, news
*/


/*-------------------------------------------------------
Normalize Styles
-------------------------------------------------------*/

/*
1. Apply generic border-box to all elements. See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	box-sizing: border-box; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/*
Relax the definition a bit, to allow components to override it manually.
*/

*,
*::before,
*::after {
	box-sizing: inherit;
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox.
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	text-decoration: underline dotted;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/*
1. Improve consistency of default fonts in all browsers.
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family: var(--wp--preset--font-family--monospace-font); /* 1 */
	font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/*
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari.
2. Correct table border color inheritance in Chrome and Safari.
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: var(--wp--custom--line-height); /* 1 */
	margin: 0; /* 2 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
	text-transform: none;
}

/*
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
	appearance: button;
}

/*
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/*
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/*
Remove the additional ':invalid' styles in Firefox.
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/*
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}


/*-------------------------------------------------------
Links
-------------------------------------------------------*/

a {
	cursor: pointer;
	text-decoration-color: var(--wp--preset--color--contrast-text-underline) !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.25em;
}

a:hover,
a:focus,
a:active {
	text-decoration-color: var(--wp--preset--color--contrast) !important;
}

a,
.wp-element-button,
.wp-block-button__link {
	transition: all 0.25s ease-in-out;
}

.has-contrast-background-color .has-link-color a {
	text-decoration-color: var(--wp--preset--color--base-text-underline) !important;
}

.has-contrast-background-color .has-link-color a:hover,
.has-contrast-background-color .has-link-color a:focus,
.has-contrast-background-color .has-link-color a:active {
	text-decoration-color: var(--wp--preset--color--base) !important;
}

/*-------------------------------------------------------
Forms
-------------------------------------------------------*/

::-moz-placeholder {
	opacity: 1;
}

/*
Form
*/

form > * {
	margin-top: var(--wp--custom--spacing--base);
	margin-bottom: var(--wp--custom--spacing--base);
}

form > :first-child {
	margin-top: 0;
}

form > :last-child {
	margin-bottom: 0;
}

/*
Label
*/

label {
	display: block;
	margin-bottom: calc(var(--wp--custom--spacing--base) / 4);

	color: var(--wp--preset--color--contrast-secondary-text);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--text);
}

/*
Fieldset
*/

fieldset {
	margin-top: var(--wp--custom--spacing--base);
	margin-bottom: var(--wp--custom--spacing--base);
}

fieldset:first-child {
	margin-top: 0;
}

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

/*
Input
*/

:not(.wp-block-more) > 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 {
	appearance: none;
	backface-visibility: hidden;
	outline: none;
	-webkit-appearance: none;
	-webkit-backface-visibility: hidden;

	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0.75em 1em;
	min-height: 3em;

	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--normal);
	font-weight: var(--wp--custom--font-weight--text);
	line-height: var(--wp--custom--line-height);
	letter-spacing: var(--wp--custom--letter-spacing--text);

	background-color: var(--wp--preset--color--contrast-secondary-bg);
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-radius: 0.5em;
	box-shadow: none;
	-webkit-border-radius: 0.5em;
	-webkit-box-shadow: none;

	transition: all 0.25s ease-in-out;
}

.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	padding: 0.75em 1em;
}

.wp-block-post-comments-form input:not([type="submit"]),
.wp-block-post-comments-form textarea {
	font-size: var(--wp--preset--font-size--normal);
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

:not(.wp-block-more) > input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="range"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="time"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="color"]:hover,
textarea:hover {
	border-color: transparent;
}

:not(.wp-block-more) > input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	border-color: var(--wp--preset--color--contrast-borders);
	outline: none;
}

:not(.wp-block-more) > input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="range"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="time"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
	opacity: 0.8;
}

textarea {
	resize: vertical;
}

/*
Select
*/

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;

	height: 3em;
	max-width: 100%;
	padding: 0 2em 0 1em;

	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--normal);
	font-weight: var(--wp--custom--font-weight--text);
	line-height: var(--wp--custom--line-height);
	letter-spacing: var(--wp--custom--letter-spacing--text);

	background-color: var(--wp--preset--color--contrast-secondary-bg);
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-box-shadow: none;
	box-shadow: none;

	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23000000'><polygon points='0,0 10,0 5,5'/></svg>");
	background-position: right 1rem top 60%;
	background-repeat: no-repeat;

	transition: all 0.25s ease-in-out;
}

select:hover {
	border-color: transparent;
}

select:focus {
	border-color: var(--wp--preset--color--contrast-borders);
	outline: none;
}

/*
Radio, checkbox
*/

input[type="radio"],
input[type="checkbox"] {
	position: relative;
	border-width: 1px !important;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
	display: inline;
	margin-bottom: 0;
	margin-left: 0.25em;
	font-weight: var(--wp--custom--font-weight--text);
}

.wp-block-post-comments-form .comment-form-cookies-consent {
	align-items: baseline;
}

.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
	margin-top: 0;
}

/*
Search
*/

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
	border-radius: 0.5em;
	border-color: var(--wp--preset--color--contrast-borders);
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
	border: none !important;
	border-radius: 0 !important;
	background-color: transparent !important;
}

.wp-block-search__inside-wrapper {
	margin-top: 0;
}

/*-------------------------------------------------------
Misk
-------------------------------------------------------*/

html {
	-moz-osx-font-smoothing: grayscale;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

del {
	opacity: 0.8;
}

address {
	margin: var(--wp--custom--spacing--base) 0;
	font-style: italic;
}

pre {
	white-space: pre;
	overflow-x: auto;
}

abbr,
acronym {
	cursor: help;
}

mark,
ins {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--primary);
	text-decoration: none;
}

big {
	font-size: 125%;
}

figure > figcaption {
	margin-top: 0.5em;
	margin-bottom: 1em;

	color: var(--wp--preset--color--contrast-secondary-text);
	font-size: var(--wp--preset--font-size--small);
	text-align: center;
}

/*
Blockquote, pullquote
*/

.wp-block-quote::before {
	content: "\275D";
	position: absolute;
	left: -3px;
	top: -4px;
	font-size: 2.5rem;
	line-height: 1;
}

.wp-block-quote.is-large:where(:not(.is-style-plain)),
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) {
	padding-right: 0;
	padding-left: calc(var(--wp--custom--spacing--base) * 2);
}

blockquote {
	position: relative;
	margin: 1rem 1.5rem;
}

blockquote {
	quotes: "" "";
}

blockquote::before,
blockquote::after {
	content: "";
}

q {
	quotes: "\201c" "\201d" "\2018" "\2019";
}

/*
Code
*/

:not(pre) > code {
	padding: 0.125rem 0.25rem;

	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--monospace-font);
	font-size: calc(var(--wp--preset--font-size--normal) * 0.9375);

	background-color: var(--wp--preset--color--contrast-secondary-bg);
	border-radius: 0.125em;
}

/*
Fonts
*/

.has-large-font-size {
	line-height: 1.3;
}

.has-x-large-font-size {
	line-height: 1.25;
}

.has-xx-large-font-size {
	line-height: 1.15;
}

.has-xxx-large-font-size {
	line-height: 1.125;
}

.has-xxxx-large-font-size {
	line-height: 1.05;
}

.has-xxxxx-large-font-size {
	line-height: 1.0513;
}

.has-xxxxxx-large-font-size {
	line-height: 1;
}

.has-xxxxxxx-large-font-size {
	line-height: 0.975;
}

/*
Table
*/

.wp-block-table .wp-element-caption {
	margin-top: 0.5em;
	margin-bottom: 1em;

	color: var(--wp--preset--color--contrast-secondary-text);
	font-size: var(--wp--preset--font-size--small);
	text-align: center;
}

/*
Image
*/

.wp-block-image figcaption {
	color: var(--wp--preset--color--contrast-secondary-text);
	font-size: var(--wp--preset--font-size--small);
}

/*-------------------------------------------------------
Google material design icons
-------------------------------------------------------*/

.material-icons {
	display: inline-block;

	font-family: 'Material Icons';
	font-size: 24px;  /* Preferred icon size */
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
}

/*-------------------------------------------------------
Theme spacings
-------------------------------------------------------*/

/*
Remove margin before template parts
*/

.wp-block-template-part {
	margin-top: 0 !important;
}

/*
Add more space before headings
*/

body .is-layout-constrained > * + h1,
body .is-layout-constrained > * + h2,
body .is-layout-constrained > * + h3,
body .is-layout-constrained > * + h4,
body .is-layout-constrained > * + h5,
body .is-layout-constrained > * + h6 {
	margin-block-start: calc(var(--wp--custom--spacing--base) * 2);
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-block-start: 0;
}

/*
Removing the "more" tag to remove space before it
*/

span[id^="more"] {
	display: none;
}

/*-------------------------------------------------------
Clearings
-------------------------------------------------------*/

.clear::after,
.header::after,
.content::after,
.footer::after,
.entry-content::after,
.comment-content::after,
.textwidget::after {
	content: "";
	display: block;
	clear: both;
}

/*-------------------------------------------------------
Header Navigation
-------------------------------------------------------*/

/*
Adding a color to a root menu item when hovering over a child menu item
*/

.wp-block-navigation .has-child:hover > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--contrast-secondary-text);
}

/*
Submenu container
*/

.wp-block-navigation .wp-block-navigation__submenu-container {
	padding: 0.75rem 0;
	font-size: 0.95em;
	line-height: var(--wp--custom--spacing--base);
	border: none !important;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	margin-top: -0.75rem;
	top: 0 !important;
}

/*
Submenu item
*/

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a {
	padding: 0.25rem 1.25rem;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:focus {
	color: var(--wp--preset--color--base-secondary-text) !important;
}

.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > a {
	color: var(--wp--preset--color--base-secondary-text);
}

/*
Arrow
*/

.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
	margin-left: 0;
	margin-right: 0.75rem;
}

/*-------------------------------------------------------
Navigation overlay
-------------------------------------------------------*/

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--preset--spacing--10);
	padding-bottom: var(--wp--preset--spacing--40);
}

.wp-block-navigation__responsive-close {
	max-width: 100%;
}

/*
Button close height
*/

.wp-block-navigation__responsive-container-close {
	height: calc(var(--wp--custom--spacing--base) * 2);
}

/*
Padding before the close button (with button height)
*/

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: calc(var(--wp--custom--spacing--base) * 2 + var(--wp--preset--spacing--20));
}

/*
Menu item
*/

.wp-block-navigation__responsive-container.is-menu-open a {
	padding: 0.25rem 0 !important;
	font-size: var(--wp--preset--font-size--normal);
	line-height: var(--wp--custom--spacing--base);
}

.wp-block-navigation__responsive-container.is-menu-open a:hover {
	color: var(--wp--preset--color--base) !important;
}

/*
Fix focused first item
*/

.wp-block-navigation__responsive-container.is-menu-open a:focus {
	color: inherit !important;
	text-decoration: none;
}

.wp-block-navigation__responsive-container.is-menu-open a:focus:hover {
	color: var(--wp--preset--color--base) !important;
}

/*
Submenu container
*/

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/*-------------------------------------------------------
Loop
-------------------------------------------------------*/

@media (min-width: 960px) {
	.wp-block-query .wp-block-post-template.columns-2 {
		gap: calc(var(--wp--style--block-gap) * 2.5) calc(var(--wp--style--block-gap) * 1.75);
	}
}

@media (max-width: 782px) {
	.wp-block-query .wp-block-post-template.columns-2 {
		grid-template-columns: 1fr;
		gap: calc(var(--wp--style--block-gap) * 2);
	}
}

/*-------------------------------------------------------
Loop item
-------------------------------------------------------*/

.wp-block-query .wp-block-post-featured-image {
	padding-top: 56%;
	overflow: hidden;
	border-radius: 0.5em;
}

.wp-block-query .wp-block-post-featured-image a {
	height: 100%;
}

.wp-block-query .wp-block-post-featured-image img,
.wp-block-query .wp-block-post-featured-image .components-placeholder,
.wp-block-query .wp-block-post-featured-image .wp-block-post-featured-image__placeholder {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	transform: scale(1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.wp-block-query .wp-block-post-featured-image a:hover img,
.wp-block-query .wp-block-post-featured-image a:focus img,
.wp-block-query .wp-block-post-featured-image a:active img {
	transform: scale(1.05);
}

/*
Loop item post title
*/

.wp-block-query .wp-block-post-title {
	max-width: max(480px, 75%);
}

.wp-block-query .wp-block-post-title a {
	display: initial;
	text-underline-offset: 0.175em;
}

/*-------------------------------------------------------
Post
-------------------------------------------------------*/

/*
Editor post title
*/

.wp-block.wp-block-post-title.editor-post-title {
	max-width: 100%;
	margin-bottom: var(--wp--preset--spacing--40);
	padding-bottom: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--wp--preset--color--contrast-borders);
}

/*
Post title
*/
.wp-block-post-title {
	max-width: max(720px, 75vw);
}

/*
Post meta
*/

.entry-meta {
	line-height: var(--wp--custom--spacing--base);
}

/*
Post terms
*/

.wp-block-post-terms > * {
	display: inline-block;
}

.wp-block-post-terms > a:not(:last-child) {
	margin-right: calc(var(--wp--style--block-gap) / 1.5);
}

.wp-block-post-terms__separator {
	position: absolute;
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	word-wrap: normal !important;
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	overflow: hidden;
	border: 0;
}

/*-------------------------------------------------------
Comments
-------------------------------------------------------*/

.comment-body .wp-block-avatar {
	display: inherit;
}

/*
Comment date
*/

.wp-block-comment-date a {
	text-decoration-color: transparent !important;
}

.wp-block-comment-date a:hover,
.wp-block-comment-date a:focus,
.wp-block-comment-date a:active {
	text-decoration-color: var(--wp--preset--color--contrast-text-underline) !important;
}

/*
Comment edit link
*/

.wp-block-comment-edit-link a {
	text-decoration-color: transparent !important;
}

.wp-block-comment-edit-link a:hover,
.wp-block-comment-edit-link a:focus,
.wp-block-comment-edit-link a:active {
	text-decoration-color: var(--wp--preset--color--contrast-text-underline) !important;
}

/*
Comment content
*/

.comment-body .comment-content {
	margin-top: calc(var(--wp--custom--spacing--base) / 1.375);
}

.comment-body .comment-content > * {
	margin-top: var(--wp--custom--spacing--base);
	margin-bottom: var(--wp--custom--spacing--base);
}

.comment-body .comment-content > :first-child {
	margin-top: 0;
}

.comment-body .comment-content > :last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 600px) {
	.comment-body .comment-content,
	.comment-body .comment-reply {
		margin-left: 4rem !important;
	}

	.wp-block-comment-template ol {
		padding-left: 4rem;
	}
}

/*
Comments pagination
*/

.wp-block-comments-pagination {
	gap: 0.75rem !important;
	padding-top: var(--wp--preset--spacing--10);
	font-size: var(--wp--preset--font-size--small);
	border-top: 1px solid var(--wp--preset--color--contrast-borders);
}

.wp-block-comments-pagination > .wp-block-comments-pagination-next,
.wp-block-comments-pagination > .wp-block-comments-pagination-numbers,
.wp-block-comments-pagination > .wp-block-comments-pagination-previous {
	margin-bottom: 0;
	margin-right: 0;
}

.wp-block-comments-pagination > a,
.wp-block-comments-pagination-numbers > * {
	color: var(--wp--preset--color--contrast-secondary-text);
}

.wp-block-comments-pagination a {
	text-decoration: none;
}

.wp-block-comments-pagination a:hover,
.wp-block-comments-pagination a:focus {
	color: var(--wp--preset--color--contrast);
}

.wp-block-comments-pagination-numbers > * {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

.wp-block-comments-pagination-numbers > :not(:last-child) {
	margin-right: 0.25rem;
}

.wp-block-comments-pagination-numbers .current {
	color: var(--wp--preset--color--contrast);
}

/*
Comments form
*/

.comment + .wp-block-post-comments-form {
	margin-top: var(--wp--preset--spacing--30) !important;
	margin-bottom: var(--wp--preset--spacing--30);
}

.wp-block-post-comments-form .comment-reply-title {
	margin-bottom: var(--wp--preset--spacing--10);
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.1667;
}

.comment-form .comment-notes,
.comment-form .logged-in-as {
	color: var(--wp--preset--color--contrast-text);
	font-size: var(--wp--preset--font-size--small);
}

.comment-form .logged-in-as a {
	color: var(--wp--preset--color--contrast-text);
}

.comment-form .required {
	color: var(--wp--preset--color--primary);
}

@media only screen and (min-width: 640px) {
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		width: 32%;
		float: left;
		margin-top: 0;
	}

	.comment-form-author,
	.comment-form-email {
		margin-right: 2%;
	}

	.wp-block-post-comments-form .comment-form-cookies-consent {
		clear: both;
	}
}

/*-------------------------------------------------------
Pagination
-------------------------------------------------------*/

.wp-block-query-pagination > .wp-block-query-pagination-next,
.wp-block-query-pagination > .wp-block-query-pagination-numbers,
.wp-block-query-pagination > .wp-block-query-pagination-previous {
	margin-bottom: 0;
	margin-right: 0;
}

.wp-block-query-pagination .page-numbers {
	padding: 0 0.25em;
}

.wp-block-query-pagination .wp-block-query-pagination-previous ::after,
.wp-block-query-pagination .wp-block-query-pagination-next ::after {
	opacity: 1;
}

.wp-block-query-pagination .page-numbers.current {
	color: var(--wp--preset--color--contrast);
}

/*
Animation for pagination arrows
*/

.wp-block-query-pagination-next .wp-block-query-pagination-next-arrow,
.wp-block-query-pagination-previous .wp-block-query-pagination-previous-arrow {
	transition: transform 0.25s ease-in-out;
}

.wp-block-query-pagination-next:hover .wp-block-query-pagination-next-arrow,
.wp-block-query-pagination-next:focus .wp-block-query-pagination-next-arrow {
	transform: translateX(0.5rem);
}

.wp-block-query-pagination-previous:hover .wp-block-query-pagination-previous-arrow,
.wp-block-query-pagination-previous:focus .wp-block-query-pagination-previous-arrow {
	transform: translateX(-0.5rem);
}

/*-------------------------------------------------------
Footer
-------------------------------------------------------*/

.footer .footer__container {
	gap: calc(var(--wp--style--block-gap) * 0.5) var(--wp--style--block-gap);
}

/*
Footer navigation
*/

.footer .footer__navigation a:where(:not(.wp-element-button)) {
	text-decoration: underline;
}

.footer .footer__navigation a:where(:not(.wp-element-button)):hover,
.footer .footer__navigation a:where(:not(.wp-element-button)):focus,
.footer .footer__navigation a:where(:not(.wp-element-button)):active {
	color: var(--wp--preset--color--contrast) !important;
}

.footer .footer__navigation a:where(:not(.wp-element-button)):focus {
	text-decoration: dashed underline;
}

.footer .footer__navigation a:where(:not(.wp-element-button)):active {
	text-decoration: underline;
}

/*-------------------------------------------------------
PATTERNS
-------------------------------------------------------*/

/*-------------------------------------------------------
Pattern "Page header"
-------------------------------------------------------*/

.page-header > .wp-block-columns {
	gap: 0 var(--wp--style--block-gap);
}

.page-header .page-header__small-note {
	max-width: 350px;
}

/*-------------------------------------------------------
Pattern "Who we are"
-------------------------------------------------------*/

.section--who-we-are .wp-block-columns {
	gap: 0 var(--wp--style--block-gap);
}

.section--who-we-are .section__small-note {
	max-width: 350px;
}

/*-------------------------------------------------------
Pattern "What we are doing"
-------------------------------------------------------*/

.section--what-we-are-doing {
	padding-right: var(--wp--style--root--padding-right) !important;
	padding-left: var(--wp--style--root--padding-left) !important;
}

.section--what-we-are-doing .wp-block-columns {
	gap: 0 var(--wp--style--block-gap);
}

/*-------------------------------------------------------
Pattern "Featured projects"
-------------------------------------------------------*/

.section--featured-projects .section__small-note {
	max-width: 350px;
}

/*
Project card featured image
*/

.project-card__featured-image:not(.block-editor-block-list__block) {
	position: relative;
	padding-top: 125%;
	overflow: hidden;
	border-radius: 0.5em;
}

.project-card__featured-image:not(.block-editor-block-list__block) a {
	height: 100%;
}

.project-card__featured-image:not(.block-editor-block-list__block) img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	transform: scale(1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.project-card__featured-image:not(.block-editor-block-list__block):hover img {
	transform: scale(1.05);
}

/*
Project card body
*/

.project-card__body {
	position: sticky;
	top: var(--wp--preset--spacing--40);
	max-width: max(500px, 90%);
	margin-left: auto;
}

/*
Project card title
*/

.project-card__title {
	line-height: 1.1;
}

.project-card__title a {
	text-underline-offset: 0.175em;
}

/*
Project card content
*/

.project-card__content {
	max-width: max(480px, 75%) !important;
}

/*
Project card link "more"
*/

.project-card__more-link {
	padding-bottom: var(--wp--preset--spacing--10);
}

.project-card__more-link a {
	text-decoration: none;
}

.project-card__more-link a .link-text {
	vertical-align: middle;
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--contrast-text-underline);
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.25em;
	transition: all 0.25s ease-in-out;
}

.project-card__more-link a:hover .link-text,
.project-card__more-link a:focus .link-text,
.project-card__more-link a:active .link-text {
	text-decoration-color: var(--wp--preset--color--contrast);
}

.project-card__more-link a:focus .link-text {
	text-decoration: dashed underline;
}

.project-card__more-link a:active .link-text {
	text-decoration: underline;
}

.project-card__more-link a .link-icon {
	display: inline-block;
	position: relative;
	margin-left: 0.5rem;
	vertical-align: middle;
	font-size: var(--wp--preset--font-size--normal);
	transition: all 0.25s ease-in-out;
}

.project-card__more-link a:hover .link-icon,
.project-card__more-link a:focus .link-icon,
.project-card__more-link a:active .link-icon {
	transform: translateX(1rem);
}

.project-card__more-link a .link-icon::after {
	content: "";
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: transparent;
	border-radius: 50%;
	transition: all 0.25s ease-in-out;
}

.project-card__more-link a:hover .link-icon::after,
.project-card__more-link a:focus .link-icon::after,
.project-card__more-link a:active .link-icon::after {
	transform: scale(2.5);
	background-color: var(--wp--preset--color--contrast-secondary-bg);
}

@media only screen and (max-width: 781px) {
	.project-card__featured-image {
		margin-bottom: var(--wp--preset--spacing--10);
	}

	.project-card__body {
		margin-left: 0;
		margin-right: auto;
	}

	.project-card__more-link {
		margin-top: var(--wp--preset--spacing--20) !important;
		padding-bottom: 0;
	}
}

/*-------------------------------------------------------
Pattern "Services"
-------------------------------------------------------*/

.section--services {
	padding-right: var(--wp--style--root--padding-right) !important;
	padding-left: var(--wp--style--root--padding-left) !important;
}

.services-list__item {
	height: 100%;
}

/*
"Services" more link
*/

.services-list__item--more .more-link {
	display: flex;
	justify-content: flex-end;
	line-height: 1;
}

.services-list__item--more .more-link a {
	display: inline-block;
	padding: 1rem;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	background-color: var(--wp--preset--color--contrast-borders);
	border-radius: 50%;
}

.services-list__item--more .more-link a:hover,
.services-list__item--more .more-link a:focus,
.services-list__item--more .more-link a:active {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--contrast);
}

.services-list__item--more .more-link a > span {
	display: block;
}

@media only screen and (max-width: 781px) {
	.services-list .wp-block-column:empty {
		display: none;
	}
}

/*-------------------------------------------------------
Pattern "Testimonials"
-------------------------------------------------------*/

.section--testimonials .testimonials-list__item {
	height: 100%;
}

/*
"Testimonials" more link
*/

.section--testimonials .more-link {
	display: flex;
	justify-content: flex-end;
	line-height: 1;
}

.section--testimonials .more-link a {
	display: inline-block;
	padding: 1rem;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	background-color: var(--wp--preset--color--contrast-borders);
	border-radius: 50%;
}

.section--testimonials .more-link a:hover,
.section--testimonials .more-link a:focus,
.section--testimonials .more-link a:active {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--contrast);
}

.section--testimonials .more-link a > span {
	display: block;
}

/*-------------------------------------------------------
Pattern "Keep in touch"
-------------------------------------------------------*/

.section--keep-in-touch a {
	color: var(--wp--preset--color--primary);
	text-decoration-color: var(--wp--preset--color--primary) !important;
	text-underline-offset: 0.125em;
}

.section--keep-in-touch a:hover,
.section--keep-in-touch a:focus,
.section--keep-in-touch a:active {
	text-decoration-color: transparent !important;
}

/*-------------------------------------------------------
Pattern "Our history"
-------------------------------------------------------*/

.section--our-history .wp-block-cover {
	margin-left: calc(var(--wp--style--root--padding-right) * -1);
	margin-right: calc(var(--wp--style--root--padding-right) * -1);
}

/*-------------------------------------------------------
Pattern "Our awards"
-------------------------------------------------------*/

.section--our-awards {
	padding-right: var(--wp--style--root--padding-right) !important;
	padding-left: var(--wp--style--root--padding-left) !important;
}

/*
"Our awards" more link
*/

.section--our-awards .more-link {
	display: flex;
	justify-content: flex-end;
	line-height: 1;
}

.section--our-awards .more-link a {
	display: inline-block;
	padding: 0.75rem;
	color: var(--wp--preset--color--base);
	text-decoration: none;
	background-color: var(--wp--preset--color--base-borders);
	border-radius: 50%;
}

.section--our-awards .more-link a:hover {
	color: var(--wp--preset--color--contrast);
	background-color: var(--wp--preset--color--base);
}

.section--our-awards .more-link a > span {
	display: block;
}

/*-------------------------------------------------------
Pattern "Our team"
-------------------------------------------------------*/

.section--our-team {
	padding-right: var(--wp--style--root--padding-right) !important;
	padding-left: var(--wp--style--root--padding-left) !important;
}

/*-------------------------------------------------------
Pattern "Contact us"
-------------------------------------------------------*/

.section--contact-us .contact-link a {
	text-decoration-color: var(--wp--preset--color--contrast-borders) !important;
	text-underline-offset: 0.1em;
}

.section--contact-us .contact-link a:hover,
.section--contact-us .contact-link a:focus,
.section--contact-us .contact-link a:active {
	text-decoration-color: var(--wp--preset--color--contrast) !important;
}

.section--contact-us .contact-icon {
	display: flex;
	justify-content: flex-end;
	line-height: 1;
}

.section--contact-us .contact-icon a {
	display: inline-block;
	padding: 0.75rem;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	background-color: var(--wp--preset--color--contrast-secondary-bg);
	border-radius: 50%;
}

.section--contact-us .contact-icon a > span {
	display: block;
	font-size: var(--wp--preset--font-size--xxxxx-large);
	transform: rotate(-45deg);
	transition: all 0.25s ease-in-out;
}

.section--contact-us .contact-icon a:hover > span,
.section--contact-us .contact-icon a:focus > span,
.section--contact-us .contact-icon a:active > span {
	transform: rotate(0);
}

/*-------------------------------------------------------
Pattern "Contact Page"
-------------------------------------------------------*/

@media only screen and (max-width: 781px) {
	.section--contacts-page .wp-block-cover {
		min-height: 100vh !important;
	}
}