/*!
 * Theme Name: Between Carpools Block Theme
 * Theme URI:
 * Author: SiteCare
 * Author URI: https://sitecare.com/
 * Description: The Between Carpools Block Theme is a custom WordPress theme designed for the Between Carpools website, utilizing the block editor to create a modern and flexible layout.
 * Version: 3.0.0
 * Requires at least: 6.7
 * Tested up to: 6.9
 * 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: betweencarpools-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;
}

*,
*::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: 7rem;
	box-sizing: border-box;
	scroll-behavior: smooth;
	scroll-padding-top: var(--navbar-size, 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;
}

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

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

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


/* 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 {
		color: var(--wp--custom--elements--button--color--text);
		border-radius: 20px;
		border-width: var(--wp--custom--elements--button--border--width);
		border-color: var(--wp--custom--elements--button--border--color);
		border-style: var(--wp--custom--elements--button--border--style);
		padding-top: var(--wp--custom--elements--button--spacing--padding--top);
		padding-bottom: var(--wp--custom--elements--button--spacing--padding--bottom);
		padding-left: var(--wp--custom--elements--button--spacing--padding--left);
		padding-right: var(--wp--custom--elements--button--spacing--padding--right);
		font-size: var(--wp--custom--elements--button--typography--font-size);
		height: 100%;
	}

	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;
		font-style: italic;
		font-size: var(--wp--preset--font-size--08);
	}

	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;
}


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

.w-100 {
	width: 100% !important;
}
.w-fit-content {
	width: fit-content !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;
}

.flex-column {
	flex-direction: column !important;
}
.flex-shrink-0 {
	flex-shrink: 0 !important;
}
.flex-shrink-1 {
	flex-shrink: 1 !important;
}
.flex-grow-0 {
	flex-grow: 0 !important;
}
.flex-grow-1 {
	flex-grow: 1 !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;
}

.overflow-hidden {
	overflow: hidden;
}

.min-width-0 {
	min-width: 0px !important;
}

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


@media screen and (max-width: 952px) {
	.d-lg-none {
		display: none;
	}
	.d-lg-flex {
		display: flex;
	}
	.justify-lg-center {
		justify-content: center;
	}
	.w-lg-100 {
		width: 100%;
	}
	.flex-lg-wrap {
		flex-wrap: wrap !important;
	}
	.order-lg-1 {
		order: 1;
	}
	.order-lg-2 {
		order: 2;
	}
	.order-lg-3 {
		order: 3;
	}
	.order-lg-4 {
		order: 4;
	}
	.order-lg-5 {
		order: 5;
	}
}

@media screen and (max-width: 781px) {
	.d-md-none {
		display: none;
	}
	.d-md-flex, .is-style-post-template-bento-layout {
		display: flex !important;
	}
	.flex-md-column, .is-style-post-template-bento-layout {
		flex-direction: column !important;
	}
	.flex-md-wrap {
		flex-wrap: wrap;
	}
	.flex-md-no-wrap {
		flex-wrap: nowrap !important;
	}
	.order-md-1 {
		order: 1;
	}
	.order-md-2 {
		order: 2;
	}
	.order-md-3 {
		order: 3;
	}
	.order-md-4 {
		order: 4;
	}
	.order-md-5 {
		order: 5;
	}
	.justify-content-md-center {
		justify-content: center !important;
	}
	.align-items-md-center {
		align-items: center !important;
	}
	.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;
	}
	.text-md-center {
		text-align: center !important;
	}
	.mt-md-0 {
		margin-top: 0 !important;
	}
	.px-md-0 {
		padding-left: 0 !important;
		padding-right: 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;
	}

	.padding-md\+0 {
		padding: 0 !important;
	}

}