/*!
 * Theme Name: Hughes Marino Block Theme
 * Theme URI:
 * Author: SiteCare
 * Author URI: https://sitecare.com/
 * Description: The Hughes Marino Block Theme is a custom WordPress theme designed for the Hughes Marino website, utilizing the block editor to create a modern and flexible layout.
 * Version: 2.0.1c
 * Requires at least: 6.7
 * Tested up to: 6.7
 * Requires PHP: 5.7
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Domain Path: /languages
 * Text Domain: hughes-marino-block-theme
 */


/* CSS Reset
----------------------------------------------------------------------------- */
html, body, :root {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	font-smooth: always;
}

:root, body {
	overscroll-behavior: none;
}
*,
*::before,
*::after {
	box-sizing: inherit;
}
*:focus-visible {
	outline-color: var(--wp--preset--color--contrast);
	outline-offset: 0.25em;
	:root :where(.has-contrast-background-color) & {
		outline-color: var(--wp--preset--color--accent);
	}
}

html {
	--navbar-size: 12rem;
	box-sizing: border-box;
	box-sizing: border-box;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--navbar-size) + var(--wp-admin--admin-bar--height, 0px)) !important;

	&:not(.scroll-top):where(.scroll-is-scrolling, .scroll-bottom) .d-scrolling-none {
		display: none;
	}
}

b,
strong {
	font-weight: var(--wp--custom--font-weight--bold);
}

ol,
ul {
	padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list) {
	padding-inline-start: var(--wp--custom--block-gap--default-relative);
}
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: 0.8em;
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--10);
	margin-bottom: 0;
	margin-top: 1.25em;
	text-align: center;
}

img,
figure {
	max-width: 100%;
	height: auto;
}

/* Template Parts
----------------------------------------------------------------------------- */

.wp-site-blocks>.wp-block-template-part {
	margin-top: 0px;
}

/* Social Icons */
.wp-block-template-part.site-social-icons {
	position: fixed;
	top: var(--navbar-size);
	left: 0;
	z-index: 9998;

	@media screen and (max-width: 1300px) {
		display: none;
	}
}


/* Form styles
----------------------------------------------------------------------------- */
:root:not(:has(.editor-styles-wrapper, #site-editor, #editor)) {

	input,
	button,
	textarea,
	select {
		font: inherit;
	}

	input[type="button"],
	input[type="email"],
	input[type="search"],
	input[type="submit"],
	input[type="text"],
	textarea {
		-webkit-appearance: none;
		appearance: none;
	}

	input:not([type="submit"], .wp-block-search__input, [type="checkbox"]),
	select,
	textarea,
	.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
	.wp-block-post-comments-form textarea {
		color: var(--wp--preset--color--neutral-medium);
		border-radius: 0px;
		border: solid 2px var(--wp--preset--color--neutral-medium);
		padding: .55em .7em;
		background-color: #fff;
		font-weight: 500;
		height: auto;
		font-size: var(--wp--preset--font-size--12);
	}

	input:focus-visible,
	textarea:focus-visible {
		outline-color: var(--wp--preset--color--neutral-dark);
	}

	input[type="checkbox"],
	input[type="image"],
	input[type="radio"] {
		width: auto;
	}

	label:not(.ot-switch) {
		width: auto;
		display: block;
	}

	::placeholder {
		color: var(--wp--preset--color--neutral-medium);
		opacity: 1;
	}

	select:not(.gfield_select) {
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-color: transparent;
		border: 1px solid var(--wp--preset--color--neutral-light);
		border-radius: 0.25rem;
		padding: 0.5rem 1rem;
		color: var(--wp--preset--color--contrast);
		font-size: var(--wp--preset--font-size--10);
		font-weight: 700;
	}
}


/* Helper styles
----------------------------------------------------------------------------- */

a.more-link {
	display: block;
}

/* Inline code */
*:not(.wp-block-code)>code {
	background-color: var(--wp--preset--color--tertiary);
	font-weight: var(--wp--custom--font-weight--medium);
	;
	padding: 3px 5px;
	position: relative;
	border-radius: 3px;
}

.wp-block-group:empty:has(+ .comment-respond) {
	display: none;
}

/**
 * Page headings
 * -----------------------------------------------------------------------------
 */
:root:not(:has(.editor-styles-wrapper)) .page-heading--container {

	/* When no image is present, remove min-height */
	&:not(:has(.wp-block-cover__image-background)) {

		&,
		.page-heading--content {
			padding: 0 !important;
			min-height: unset !important;
			aspect-ratio: unset !important;
		}
	}

	@media screen and (max-width: 781px) {
		min-height: unset !important;
	}
}

.page-heading--content {
	max-width: 500px;
	@media screen and (min-width: 782px) {
		width: 460px;
	}
	@media screen and (max-width: 781px) {
		min-height: unset !important;
		aspect-ratio: 4/3;
	}

	.page-heading--meta {
		max-width: 400px;
	}
}

/**
 * Utilities
 * -----------------------------------------------------------------------------
 */

.w-100 {
	width: 100% !important;
}
.h-100 {
	height: 100% !important;
}
.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

:root:not(:has(.editor-styles-wrapper)) {
	.d-no-child-none:not(:has(*)) {
		display: none;
	}
	.d-has-spacer-none:has(.wp-block-spacer) {
		display: none;
	}
}

.has-default-transition {
	transition: var(--wp--custom--transition--default);
}

.has-slow-transition {
	transition: var(--wp--custom--transition--slow);
}

.fst-italic {
	font-style: italic !important;
}

.d-none {
	display: none !important;
}
.d-flex {
	display: flex !important;
}

.justify-content-center {
	justify-content: center !important;
}

.text-nowrap {
	white-space: nowrap;
}

.position-absolute {
	position: absolute;
}
.position-relative {
	position: relative;
}
.top-100 {
	top: 100%;
}
.z-index-5 {
	z-index: 5;
}

.text-center {
	text-align: center;
}
.text-decoration-underline {
	text-decoration: underline;
}
.text-decoration-link-underline a {
	text-decoration: underline;
}

.ratio-1x1 {
	aspect-ratio: 1 / 1;
}

.object-fit-cover {
	object-fit: cover;
}

/**
 * Responsive
 * -----------------------------------------------------------------------------
 */


@media screen and (max-width: 781px) {
	.d-md-none {
		display: none;
	}
	.flex-md-column {
		flex-direction: column;
	}
	.order-md-1 {
		order: 1;
	}
	.order-md-2 {
		order: 2;
	}
	.w-md-100 {
		width: 100% !important;
		&.wp-block-image [class*="wp-image-"] {
			width: 100% !important;
		}
	}
	.gap-md-0 {
		gap: 0 !important;
	}
}

@media screen and (min-width: 782px) {

	:where(.columns\+md-2,
		.columns\+md-3,
		.is-style-paragraph-columns-2,
		.is-style-paragraph-columns-3) {
		column-gap: calc( var(--wp--custom--block-gap--default) * 4.25 );

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

	:where(.columns\+md-2,
		.is-style-paragraph-columns-2) {
		column-count: 2;
	}

	:where(.columns\+md-3,
		.is-style-paragraph-columns-3) {
		column-count: 3;
	}
	.d-md\+none {
		display: none;
	}

}