.wp-block-query.insights-layout {
	> .wp-block-post-template.columns-3 {
		@media (min-width: 601px) and (max-width: 899px) {
			grid-template-columns: repeat(2, 1fr);
		}

		@media (min-width: 900px) {
			> li:nth-child(4n+1) {
				grid-column: 1 / -1;
				
				> .wp-block-group.is-vertical {
					display: flex;
					flex-direction: row;
					flex-wrap: nowrap;
					border-radius: var(--wp--preset--border-radius--lg);
					overflow: hidden;

					> * {
						flex-basis: 50%;

						&:last-child {
							padding-top: var(--wp--preset--spacing--60) !important;
							padding-bottom: var(--wp--preset--spacing--60) !important;
							overflow: hidden;
							position: relative;

							* {
								z-index: 1;
							}

							&:before {
								content: '';
								background: url('/wp-content/themes/baytek-3-0/assets/images/lines-rounded.svg');
								background-size: cover;
								background-repeat: no-repeat;
								position: absolute;
								inset: 0;
								z-index: 0;
							}
						}
					}

					h2 {
						font-size: var(--wp--preset--font-size--h-2) !important;
					}

					img {
						border-top-left-radius: 0 !important;
						border-top-right-radius: 0 !important;
						border-bottom-left-radius: 0 !important;
						border-bottom-right-radius: 0 !important;
					}
				}
			}

			> li:nth-child(5) {
				> .wp-block-group.is-vertical {
					flex-direction: row-reverse;

					> *:last-child:before {
						transform: scaleX(-1);
					}
				}
			}
		}
	}
}

.pagination-links,
.wp-block-query-pagination {
	.wp-block-query-pagination-numbers,
	.pagination {
		display: flex;
		flex-wrap: wrap;
		gap: var(--wp--preset--spacing--10);

		.page-numbers,
		.page-number {
			width: 39px;
			height: 39px;
			border-radius: 100%;
			border: solid 1px var(--wp--preset--color--eggplant-950);
			display: inline-flex;
			justify-content: center;
			align-items: center;
			background-color: transparent;
			transition: var(--wp--custom--animation--default-transition);
			font-size: var(--wp--preset--font-size--small);
			cursor: pointer;

			&:is(:hover,:focus,.current,.active) {
				color: var(--wp--preset--color--eggplant-400);
				background-color: var(--wp--preset--color--eggplant-950);
			}

			&.dots {
				border: none;
				pointer-events: none;
				width: fit-content;
			}
		}

		.previous {
			padding-right: 1ch;
		}

		.next {
			padding-left: 1ch;
		}

		.previous,
		.next {
			cursor: pointer;
		}
	}
}

/**
 * Button hover states (including icon blocks that are linked)
 */

.wp-block-outermost-icon-block.is-style-button a.icon-container,
:where(.wp-element-button:not(.is-style-plain), .wp-block-button__link) {
	--button-hover-background: var(--wp--preset--color--black);
	--button-hover-border: var(--button-hover-background);
	--button-hover-text: var(--wp--preset--color--eggplant-400);
	transition: var(--wp--custom--animation--default-transition);
}

.wp-block-outermost-icon-block.is-style-button a.icon-container:hover,
:where(.wp-block-button:not(.is-style-plain)) :where(.wp-element-button, .wp-block-button__link):hover {
	background-color: var(--button-hover-background) !important;
	border-color: var(--button-hover-border) !important;
	color: var(--button-hover-text) !important;
}

:where(.has-eggplant-400-background-color):is(.wp-element-button, .wp-block-button__link),
.wp-block-outermost-icon-block.is-style-button a.icon-container:where(.has-eggplant-400-color) {
	--button-hover-background: var(--wp--preset--color--eggplant-950);
	--button-hover-text: var(--wp--preset--color--eggplant-400);
}
.wp-block-button.is-style-outline :where(.has-eggplant-400-color):where(.wp-element-button, .wp-block-button__link),
:where(.has-eggplant-400-color) :where(.wp-block-button.is-style-outline) :where(.wp-element-button, .wp-block-button__link) {
	--button-hover-background: var(--wp--preset--color--eggplant-400);
	--button-hover-text: var(--wp--preset--color--eggplant-950);
}
:where(.has-burnt-sienna-500-background-color):is(.wp-element-button, .wp-block-button__link),
.wp-block-outermost-icon-block.is-style-button a.icon-container:where(.has-burnt-sienna-500-color,.has-burnt-sienna-400-color),
.wp-block-button.is-style-outline :where(.has-burnt-sienna-500-color,.has-burnt-sienna-400-color):where(.wp-element-button, .wp-block-button__link),
:where(.has-burnt-sienna-500-color,.has-burnt-sienna-400-color) :where(.wp-block-button.is-style-outline) :where(.wp-element-button, .wp-block-button__link) {
	--button-hover-background: var(--wp--preset--color--burnt-sienna-400);
	--button-hover-text: var(--wp--preset--color--black);
}
:where(.has-astra-300-background-color):is(.wp-element-button, .wp-block-button__link),
.wp-block-outermost-icon-block.is-style-button a.icon-container:where(.has-gimblet-950-color),
.wp-block-button.is-style-outline :where(.has-gimblet-950-color):where(.wp-element-button, .wp-block-button__link),
:where(.has-gimblet-950-color) :where(.wp-block-button.is-style-outline) :where(.wp-element-button, .wp-block-button__link) {
	--button-hover-background: var(--wp--preset--color--gimblet-950);
	--button-hover-text: var(--wp--preset--color--astra-300);
}
:where(.has-gimblet-950-background-color):is(.wp-element-button, .wp-block-button__link),
.wp-block-outermost-icon-block.is-style-button a.icon-container:where(.has-astra-300-color),
.wp-block-button.is-style-outline :where(.has-astra-300-color):where(.wp-element-button, .wp-block-button__link),
:where(.has-astra-300-color) :where(.wp-block-button.is-style-outline) :where(.wp-element-button, .wp-block-button__link) {
	--button-hover-background: var(--wp--preset--color--astra-300);
	--button-hover-text: var(--wp--preset--color--gimblet-950);
}
:where(.has-rock-blue-950-background-color):is(.wp-element-button, .wp-block-button__link),
.wp-block-outermost-icon-block.is-style-button a.icon-container:where(.has-rock-blue-500-color),
.wp-block-button.is-style-outline :where(.has-rock-blue-500-color):where(.wp-element-button, .wp-block-button__link),
:where(.has-rock-blue-500-color) :where(.wp-block-button.is-style-outline) :where(.wp-element-button, .wp-block-button__link) {
	--button-hover-background: var(--wp--preset--color--rock-blue-500);
	--button-hover-text: var(--wp--preset--color--rock-blue-950);
}
:where(.has-rock-blue-700-background-color,.has-rock-blue-500-background-color):is(.wp-element-button, .wp-block-button__link),
.wp-block-outermost-icon-block.is-style-button a.icon-container:where(.has-rock-blue-950-color,.has-rock-blue-700-color),
.wp-block-button.is-style-outline :where(.has-rock-blue-950-color,.has-rock-blue-700-color):where(.wp-element-button, .wp-block-button__link),
:where(.has-rock-blue-950-color,.has-rock-blue-700-color) :where(.wp-block-button.is-style-outline) :where(.wp-element-button, .wp-block-button__link) {
	--button-hover-background: var(--wp--preset--color--rock-blue-950);
	--button-hover-text: var(--wp--preset--color--rock-blue-500);
}
:where(.has-coffee-900-background-color,.has-coffee-800-background-color):is(.wp-element-button, .wp-block-button__link),
.wp-block-outermost-icon-block.is-style-button a.icon-container:where(.has-coffee-900-color,.has-coffee-800-color,.has-coffee-600-color),
.wp-block-button.is-style-outline :where(.has-coffee-900-color,.has-coffee-800-color,.has-coffee-600-color):where(.wp-element-button, .wp-block-button__link),
:where(.has-coffee-900-color,.has-coffee-800-color,.has-coffee-600-color) :where(.wp-block-button.is-style-outline) :where(.wp-element-button, .wp-block-button__link) {
	--button-hover-background: var(--wp--preset--color--coffee-600);
	--button-hover-text: var(--wp--preset--color--astra-100);
}
:where(.has-coffee-900-background-color,.has-coffee-800-background-color,.is-style-section-speckled-brown):where(.has-eggplant-400-color) :where(.wp-block-button.is-style-outline) :where(.wp-element-button, .wp-block-button__link) {
	--button-hover-background: var(--wp--preset--color--eggplant-400);
	--button-hover-text: var(--wp--preset--color--coffee-900);
}
:where(.has-black-background-color,.has-white-background-color):is(.wp-element-button, .wp-block-button__link),
.wp-block-outermost-icon-block.is-style-button a.icon-container:where(.has-black-color,.has-dark-gray-color,.has-white-color),
.wp-block-button.is-style-outline :where(.has-black-color,.has-dark-gray-color,.has-white-color):where(.wp-element-button, .wp-block-button__link),
:where(.has-black-color,.has-dark-gray-color,.has-white-color) :where(.wp-block-button.is-style-outline) :where(.wp-element-button, .wp-block-button__link) {
	--button-hover-background: var(--wp--preset--color--dark-gray);
	--button-hover-text: var(--wp--preset--color--white);
}

@media (max-width: 781px) {
    .wp-block-columns.stack-reverse {
        flex-direction: column-reverse;
    }
}

.wp-block-column.align-self-start {
    align-self: flex-start;
}
.wp-block-column.align-self-end {
    align-self: flex-end;
}

.is-style-cover-content-reveal {
	position: relative;

	.wp-block-cover__inner-container > .wp-block-group {
		position: static;
	}

	.wp-block-post-title a:before {
		content: '';
		position: absolute;
		inset: 0;
	}

	@media (max-width: 786px) {
		.wp-block-cover__background {
			background: linear-gradient(180deg, rgba(66, 58, 73, 0) 0%, #423A49 100%) !important;
		}
	}

	@media (min-width: 992px) {
		> .wp-block-cover__background,
		> .wp-block-cover__inner-container {
			transition: opacity 0.3s ease-in-out;
		}

		&:not(:hover,:focus) {
			> .wp-block-cover__background,
			> .wp-block-cover__inner-container {
				opacity: 0 !important;
			}
		}
	}
}

/**
 * Block: genesis-custom-blocks/team-member
 */

.featured-work .wp-block-image a {
	display: block;
}
.featured-work .wp-block-image img {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

.featured-work .work-title {
	margin-block-start: var(--wp--preset--spacing--30);
	margin-block-end: var(--wp--preset--spacing--20);
}
.featured-work .work-title + p {
	margin-block-start: var(--wp--preset--spacing--20);
}
/**
 * Block: genesis-custom-blocks/logo-slider
 */
.logo-slider.swiper {
	padding-inline-start: 24px;
	padding-inline-end: 24px;
}
@media (min-width: 768px) {
	.logo-slider.swiper {
		padding-inline-start: 48px;
		padding-inline-end: 48px;
	}
}
.swiper-logos {
	padding: 0 28px;
	@media(min-width: 768px) {
		padding: 0;
	}
}
.logo-slider .swiper-wrapper {
	align-items: center;
}
.logo-slider figure {
	margin-block-end: 0;
}
.logo-slider figure img {
	width: 100%;
}
/**
 * Block: genesis-custom-blocks/testimonial-slider
 */
.testimonial-slider blockquote {
    margin-block-end: var(--wp--preset--spacing--50);
}
.testimonial-slider {
    @media (max-width: 1023px) {
        .swiper-pagination {
            top: unset !important;
            bottom: -7px !important;
        }
    }
}

    
.wp-block-getwid-megamenu {
    --toggle-icon-color: var(--wp--preset--color--astra-400);
    --dropdown-bg-color: var(--wp--preset--color--eggplant-950);
}
.design-header .wp-block-getwid-megamenu {
    --toggle-icon-color: var(--wp--preset--color--eggplant-400);
    --dropdown-bg-color: var(--wp--preset--color--coffee-900);
}
.build-header .wp-block-getwid-megamenu {
    --toggle-icon-color: var(--wp--preset--color--burnt-sienna-400);
    --dropdown-bg-color: var(--wp--preset--color--rock-blue-950);
}
.support-header .wp-block-getwid-megamenu {
    --toggle-icon-color: var(--wp--preset--color--astra-300);
    --dropdown-bg-color: var(--wp--preset--color--gimblet-950);
}
.work-header .wp-block-getwid-megamenu {
    --toggle-icon-color: var(--wp--preset--color--black);
    --dropdown-bg-color: var(--wp--preset--color--white);
}
.archive-header .wp-block-getwid-megamenu {
    --toggle-icon-color: var(--wp--preset--color--astra-400);
    --dropdown-bg-color: var(--wp--preset--color--astra-100);
}

.gw-mm-item__toggle .dashicons {
    color: var(--toggle-icon-color);
}
.gw-mm-item__toggle .dashicons::before {
    content: "\f347";
}

.gw-mm-item__link a {
    padding: var(--wp--preset--spacing--10) 0px;
}
.gw-mm__content {
    gap: var(--wp--preset--spacing--50);
}
.gw-mm__content:hover .gw-mm-item:not(:hover) {
    opacity: 0.5;
}
.gw-mm-item__dropdown-wrapper {
    --header-height: 80px;
    --header-padding-offset: var(--wp--preset--spacing--30);
    margin-top: calc(-1 * (var(--header-height) - var(--header-padding-offset)));
    z-index: -1;
}
.gw-mm-item__dropdown {
    background-color: var(--dropdown-bg-color);
    padding: 0 var(--wp--preset--spacing--30);
    box-shadow: 0 50vh 0 25vh rgba( 0 0 0 / 0.5);
    opacity: 0;
    transition: opacity 0.2s ease-out;
    will-change: opacity;
}
.gw-mm-item__dropdown-content > .wp-block-group {
    padding-top: calc(var(--wp--preset--spacing--70) + var(--header-height)) !important;
}

.gw-mm:not(.is-mobile) .gw-mm-item:hover .gw-mm-item__dropdown,
.gw-mm.is-mobile .gw-mm-item__dropdown-wrapper.is-opened .gw-mm-item__dropdown,
.gw-mm-item.is-opened .gw-mm-item__dropdown-wrapper .gw-mm-item__dropdown {
    opacity: 1;
}

.gw-mm-item__link.current-menu-item > a,
.gw-mm-item__link > a.current-menu-ancestor {
    text-decoration: underline;
}

@media (max-width: 1100px) {
    .wp-block-getwid-megamenu .gw-mm__content {
        gap: var(--wp--preset--spacing--30);
    }
}

.wp-block-getwid-tabs.featured-work {
	margin-top: calc(-1 * (var(--wp--preset--spacing--70) + 48px)) !important;
}

.wp-block-getwid-tabs__nav-links {
	--border-radius: 100px;

	margin: 0 auto var(--wp--preset--spacing--70);
	width: fit-content;
	border: solid 2px var(--wp--preset--color--eggplant-950);
	border-radius: var(--border-radius);

	li {
		background-color: transparent;
		transition: var(--wp--custom--animation--default-transition);
		margin: 0;
		border-radius: var(--border-radius);
		border: none;
		color: var(--wp--preset--color--eggplant-950);
		transform: scale(1.01);

		&.ui-state-active {
			background-color: var(--wp--preset--color--eggplant-950);
			color: var(--wp--preset--color--eggplant-400);
		}

		&:not(.ui-state-active):is(:hover,:focus) {
			color: var(--wp--preset--color--eggplant-700);
		}
	}
}

.wp-block-getwid-tabs__tab-content {
	border: none;
	padding: 0;
}

/**
 * Form Blocks: gravityforms/form
 * Intended to replace the built in gravity form css files.
 */

/* Form Fields - up 4 column grid */
.gform_fields {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--forms--fields--spacing--block-gap);
}
.gfield {
	width: 100%;
	box-sizing: border-box;
}
.gfield--width-half {
	width: calc(50% - var(--wp--custom--forms--fields--spacing--block-gap) * 0.5);
}
.gfield--width-third {
	width: calc(33.3333% - var(--wp--custom--forms--fields--spacing--block-gap) * 0.66667);
}
.gfield--width-quarter {
	width: calc(25% - var(--wp--custom--forms--fields--spacing--block-gap) * 0.75);
}

/* Checkbox & Radio Group Form Fields */
.gfield_label + :where(.ginput_container_checkbox, .ginput_container_radio) {
	margin-block-start: var(--wp--custom--forms--fields--spacing--padding);
}

.ginput_container_checkbox .gfield_checkbox {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--10);

	input {
		margin: 0;
	}
}

.ginput_container_checkbox .gchoice {
	display: flex;
	gap: var(--wp--preset--spacing--20);
	align-items: start;
}

.ginput_container_checkbox .gchoice label {
	font-family: var(--wp--preset--font-family--aspekta);
	font-size: var(--wp--preset--font-size--small);
}

/* Field descriptions */
.gfield_description {
	font-family: var(--wp--preset--font-family--geist-mono);
	font-size: var(--wp--preset--font-size--tiny);
	opacity: 0.5;
}

/** 
 * Special Complex Fields 
 * e.g. name, address, date, time, etc
 */
.ginput_complex {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--forms--fields--spacing--padding);
}
.ginput_complex label {
	font-size: var(--wp--preset--font-size--small);
}

/* Name Field */
:is(.gf_name_has_1, .gf_name_has_2, .gf_name_has_3, .gf_name_has_4, .gf_name_has_5) {
	gap: var(--wp--custom--forms--fields--spacing--padding) var(--wp--custom--forms--fields--spacing--block-gap);
}
:where(.gf_name_has_1, .gf_name_has_2, .gf_name_has_3, .gf_name_has_4, .gf_name_has_5) > * {
	flex-basis: calc(20% - var(--wp--custom--forms--fields--spacing--block-gap) * 0.8);
	flex-grow: 1;
}
:where(.gf_name_has_1, .gf_name_has_2, .gf_name_has_3, .gf_name_has_4, .gf_name_has_5) :is(.name_prefix_select, .name_suffix) {
	flex-basis: 4em;
	flex-grow: 0;
}

/* Address Field */
.ginput_container_address {
	gap: var(--wp--custom--forms--fields--spacing--padding) var(--wp--custom--forms--fields--spacing--block-gap);
}
.ginput_container_address .ginput_full {
	width: 100%;
}
.ginput_container_address :where(.ginput_left, .ginput_right) {
	width: calc(50% - var(--wp--custom--forms--fields--spacing--block-gap) * 0.5);
}

/* Date Field */
.ginput_container_date {
	display: flex;
	gap: var(--wp--custom--forms--fields--spacing--padding);
}
:is(.ui-datepicker, .gform-theme-datepicker) {
	padding: 1em;
	/* background-color: var(--wp--preset--color--main-background); */
	font-size: calc(var(--wp--preset--font-size--small) * 0.875);
	border-bottom-left-radius: var(--wp--custom--border--radius-small);
	border-bottom-right-radius: var(--wp--custom--border--radius-small);
	box-shadow: 0px 4px 6px 2px var(--wp--custom--forms--fields--color--box-shadow);
}
.ui-datepicker-header {
	display: grid;
	grid-template-columns: auto 1fr auto;
    align-items: center;
	gap: calc(var(--wp--custom--forms--fields--spacing--padding) * 2);
}
.ui-datepicker-header > * {
	grid-row: 1;
}
.ui-datepicker-header :is(.ui-datepicker-prev, .ui-datepicker-next) {
	cursor: pointer;
}
.ui-datepicker-header :is(.ui-datepicker-prev, .ui-datepicker-next) span {
	display: none;
}
.ui-datepicker-header :is(.ui-datepicker-prev, .ui-datepicker-next)::before {
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
}
.ui-datepicker-header .ui-datepicker-prev::before {
	content: '\f323';
}
.ui-datepicker-header .ui-datepicker-next::before {
	content: '\f324';
}
.ui-datepicker-header .ui-datepicker-next {
	grid-column: 3;
}
.ui-datepicker-title {
	display: flex;
	gap: var(--wp--custom--forms--fields--spacing--padding);
}
.ui-datepicker-title select {
	width: auto;
	font-size: inherit;
	border: none;
	padding-right: 0;
}
.ui-datepicker-calendar {
	width: 100%;
	margin-block-start: var(--wp--custom--forms--fields--spacing--padding);
	text-align: center;
}
.ui-datepicker-calendar :is(th,td) {
	width: calc(100% / 7);
	padding: 0;
}

/* Time Field */
.ginput_container_time {
	display: inline-flex;
	flex-basis: 3em;
	flex-grow: 1;
}
.ginput_container_time input {
	text-align: center;
}
.gfield_time_ampm {
	flex-basis: 4em;
}

/* List Field */
.gfield_list_groups .gfield_list_group + .gfield_list_group {
	margin-block-start: var(--wp--custom--forms--fields--spacing--padding);
}
.gfield_list .gfield_list_icons {
	margin-block-start: var(--wp--custom--forms--fields--spacing--padding);
}
.gfield_list .gfield_list_icons :is(.add_list_item, .delete_list_item) {
	font-size: calc(var(--wp--preset--font-size--small) * 0.875);
}
.gfield_list .gfield_list_icons .delete_list_item {
	margin-inline-start: 1.5em;
	padding: 0;
	background: none;
	/* color: var(--wp--preset--color--main-highlight); */
}

/* File Field */
.ginput_container_fileupload .gform_fileupload_rules {
	font-size: var(--wp--preset--font-size--small);
}

/* Error Validation */
.gform_validation_errors {
	margin-block-end: var(--wp--custom--forms--fields--spacing--block-gap);
	padding: 1em;
	background-color: var(--wp--custom--forms--errors--color--background);
	color: var(--wp--custom--forms--errors--color--text);
	border: 1px solid var(--wp--custom--forms--errors--color--border);
	border-radius: var(--wp--preset--border-radius--sm);
}
.gform_validation_errors .gform_submission_error {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: currentColor;
}
.gform_validation_errors > * {
	margin: 0;
}
.gform_validation_errors > * + *{
	margin-block-start: var(--wp--preset--spacing--20);
}
.gform_validation_error_link {
	color: currentColor;
}
.gfield .validation_message {
	margin-block-start: var(--wp--preset--spacing--10);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--custom--forms--errors--color--text);
}
.gfield.gform_validation_container {
	display: none;
}

/* Form Wrapper - removing margin on the block - leaving to a wrapper block */
body .is-layout-flow > .gform_wrapper {
	margin: 0;
}
/* Form Header */
.gform_heading .gform_required_legend {
	display: none;
}

/* Form Footer */
.gform_footer {
	margin-block-start: var(--wp--custom--forms--fields--spacing--block-gap);
}

/* Spinner styles */
span[data-js-spinner-id="gform-ajax-spinner"] {
	width: 24px;
	height: 24px;
	margin-left: 0.75rem;
	vertical-align: middle;
	display: inline-block !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='currentColor' stroke-width='5' stroke-linecap='round' stroke-dasharray='90 60'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	color: var(--wp--preset--color--brown-600);
	animation: gform-spin 0.8s linear infinite;
	opacity: 0.8;
}

/* Outline on confirmation? */
.gform_anchor {
	opacity: 0;
}

.wp-block-group.is-style-section-grid-3-column {
	> * {
		width: 100%;

		@media (min-width: 788px) {
			width: calc((100% - var(--grid-gap)) / 2);
		}

		@media (min-width: 1199px) {
			width: calc((100% - (var(--grid-gap) * 2)) / 3);
		}
	}
}

/* Image Block */
.wp-block-image a {
    transition: opacity 0.3s;
}
.wp-block-image a:hover {
    opacity: .8;
}
/* Stretches image height to container */
.wp-block-image.flex-stretch {
    display: flex;
    height: 100%;
}

.wp-block-media-text:is(.is-style-hero-image, .is-style-hero-image-reversed) {
    --column-gap: 0 var(--wp--preset--spacing--50);
    --image-gradient-overlay: var(--wp--preset--gradient--d-hero-gradient);
	max-width: var(--wp--custom--spacing--extra-wide-size);
    grid-template-columns: auto 45% !important;
    gap: var(--column-gap);
}
@media (max-width: 600px) {
    .wp-block-media-text:is(.is-style-hero-image, .is-style-hero-image-reversed, .is-style-cta-image).is-stacked-on-mobile {
        grid-template-columns: 100% !important;
    }
    .wp-block-media-text:is(.is-style-hero-image, .is-style-hero-image-reversed, .is-style-cta-image).is-stacked-on-mobile .wp-block-media-text__content {
        grid-row: 1;
        padding-right: var(--wp--style--root--padding-left);
    }
    .wp-block-media-text:is(.is-style-hero-image, .is-style-hero-image-reversed, .is-style-cta-image).is-stacked-on-mobile .wp-block-media-text__media {
        grid-row: 2;
    }
}
.wp-block-media-text:is(.is-style-hero-image) .wp-block-media-text__content {
    padding-right: 0;
    padding-left: calc(100% - (var(--wp--style--global--wide-size)/1.8) + (var(--wp--preset--spacing--50)/2));
}
.wp-block-media-text:is(.is-style-hero-image, .is-style-hero-image-reversed) .wp-block-media-text__media::before {
    content: '';
    position: absolute; 
    z-index: 1;
    inset: 0; 
    background: center / cover no-repeat url(/wp-content/themes/baytek-3-0/assets/images/scuff-1.webp); 
    pointer-events: none; 
    mix-blend-mode: lighten; 
    opacity: .2;
    -webkit-mask-image: url(/wp-content/themes/baytek-3-0/assets/images/hero-mask.svg);
            mask-image: url(/wp-content/themes/baytek-3-0/assets/images/hero-mask.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: left top;
            mask-position: left top;
}
.wp-block-media-text:is(.is-style-hero-image, .is-style-hero-image-reversed) .wp-block-media-text__media::after {
    content: '';
    position:absolute; 
    z-index: 2;
    inset:0; 
    background: var(--image-gradient-overlay);
    -webkit-mask-image: url(/wp-content/themes/baytek-3-0/assets/images/hero-mask.svg);
            mask-image: url(/wp-content/themes/baytek-3-0/assets/images/hero-mask.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: left top;
            mask-position: left top;
}
.wp-block-media-text:is(.is-style-hero-image-reversed) .wp-block-media-text__media::after {
    --image-gradient-overlay: var(--wp--preset--gradient--d-hero-gradient-reversed);
}
.wp-block-media-text:is(.is-style-hero-image).design .wp-block-media-text__media::after {
    --image-gradient-overlay: var(--wp--preset--gradient--d-hero-gradient-design);
}
.wp-block-media-text:is(.is-style-hero-image).support .wp-block-media-text__media::after {
    --image-gradient-overlay: var(--wp--preset--gradient--d-hero-gradient-support);
}
.wp-block-media-text:is(.is-style-hero-image).build .wp-block-media-text__media::after {
    --image-gradient-overlay: var(--wp--preset--gradient--d-hero-gradient-build);
}
.wp-block-media-text:is(.is-style-hero-image-reversed) .wp-block-media-text__content {
    padding-right: calc(100% - (var(--wp--style--global--wide-size)/2) + (var(--column-gap)/2));
    padding-left: 0;
}
@media (max-width: 1535px) {
    .wp-block-media-text:is(.is-style-hero-image) .wp-block-media-text__content {
        /*padding-left: var(--wp--style--root--padding-left);*/
    }
    .wp-block-media-text:is(.is-style-hero-image-reversed) .wp-block-media-text__content {
        padding-right: var(--wp--style--root--padding-left);
    }
}
.wp-block-navigation {
    --dropdown-bg-color: var(--wp--preset--color--eggplant-950);
    --dropdown-border-color: var(--wp--preset--color--burnt-sienna-400);
    --dropdown-separator-color: var(--wp--preset--color--eggplant-700);
}
.design-header .wp-block-navigation {
    --dropdown-bg-color: var(--wp--preset--color--coffee-900);
    --dropdown-border-color: var(--wp--preset--color--eggplant-400);
    --dropdown-separator-color: var(--wp--preset--color--eggplant-400);
}
.build-header .wp-block-navigation {
    --dropdown-bg-color: var(--wp--preset--color--rock-blue-950);
    --dropdown-border-color: var(--wp--preset--color--burnt-sienna-400);
    --dropdown-separator-color: var(--wp--preset--color--burnt-sienna-400);
}
.support-header .wp-block-navigation {
    --dropdown-bg-color: var(--wp--preset--color--gimblet-950);
    --dropdown-border-color: var(--wp--preset--color--astra-300);
    --dropdown-separator-color: var(--wp--preset--color--astra-300);
}
.work-header .wp-block-navigation {
    --dropdown-bg-color: var(--wp--preset--color--black);
    --dropdown-border-color: var(--wp--preset--color--black);
    --dropdown-separator-color: var(--wp--preset--color--dark-gray);
}

@media (min-width: 1024px) {
    .gw-mm-item a:focus:not(:focus-visible),
    .wp-block-navigation-item a:focus:not(:focus-visible) {
        outline: none;
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child {
        --submenu-closed-width: 8.5rem;
        --submenu-open-width: 16rem;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        inline-size: fit-content;
        max-inline-size: var(--submenu-closed-width);
        justify-content: flex-end;
        align-items: center;
        gap: 0;
        padding-top: calc(var(--wp--preset--spacing--20) - 1px);
        padding-right: var(--wp--preset--spacing--40);
        padding-bottom: calc(var(--wp--preset--spacing--20) - 1px);
        padding-left: var(--wp--preset--spacing--40);
        border: 1px solid var(--dropdown-border-color);
        border-radius: var(--wp--preset--border-radius--md);
        background-color: var(--dropdown-bg-color);
        overflow: hidden;
        transition: max-inline-size 0.3s ease;
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
        padding: 0;
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle {
        min-width: 0;
        padding: 0;
        border: 0;
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
        position: static;
        min-width: calc(100% + 2px);
        margin: 0;
        background: transparent;
        border: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition:
            opacity 0.2s ease,
            transform 0.2s ease,
            visibility 0.2s ease;
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child:is(:hover, :focus-within, .has-expanded-submenu) > .wp-block-navigation__submenu-container {
        margin-top: var(--wp--preset--spacing--30);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child:is(:hover, :focus-within, .has-expanded-submenu) {
        max-inline-size: var(--submenu-open-width);
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container .wp-block-navigation-item {
        margin: 0;
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container .wp-block-navigation-item {
        border-top: 1px solid var(--dropdown-separator-color);
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        display: block;
        padding: var(--wp--preset--spacing--30) 0;
        outline-offset: 0;
        text-align: right;
    }
}

.wp-block-group:not(.mobile-menu) ul.wp-block-navigation__container > li.wp-block-navigation-submenu > a.wp-block-navigation-item__content::before {
	content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0;
    right: var(--wp--preset--spacing--30) !important;
    bottom: calc(var(--wp--preset--spacing--50) * -1) !important;
    opacity: 0;
	display: block;
	width: 100%;
}
.mobile-menu-open .mobile-header .logo-row {
	opacity: 0;
}
.mobile-header .logo-row {
	flex-wrap: nowrap;
}

.mobile-menu {
	.logo-row {
		padding-bottom: var(--wp--preset--spacing--30);
	}
	img {
		width: 265px !important;
	}
}
.mobile-menu:not(.block-editor-block-list__block) {
	transition: var(--wp--custom--animation--default-transition);
	position: fixed;
	top: 0;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 5;
	overflow: auto;
	overflow-x: hidden;
	opacity: 0;
	pointer-events: none;
	height: 0;
}
.mobile-menu:not(.block-editor-block-list__block) nav.wp-block-navigation {
	margin-top: 0;
}
.mobile-menu:not(.block-editor-block-list__block) nav.wp-block-navigation a {
    font-weight: 800;

    &.secondary-link {
        font-weight: 700;
    }
}

body.mobile-menu-open {
	overflow: hidden;

	.mobile-menu {
		opacity: 1;
		pointer-events: auto;
		height: 100vh;
		justify-content: start;
	}
}

.wp-block-quote cite {
    font-size: var(--wp--preset--font-size--small);
}
/**
 * Animations for blocks tied to scripting
 * @see /source/scripts/animate.js
 */


/**
 * Be mindful of unintuitive / unexpected animations for those that don't want them 
 * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
 */
@media(prefers-reduced-motion) {

}

.animate {
    transition: all 0.3s;
}


/* Fade in and out based on percentage visible in viewport */
:not(.block-editor-block-list__block).animate.scroll-fade-in-out {
    opacity: 0;
}


/**
 * Triggered Canned Animations
 * Animations with set values that get triggered once the element is in view
 */

 
/* Cover specific fade in - image, then text */
.animate.cover-fade-in {
    background-color: var(--wp--preset--color--main-foreground);
}
.animate.in-view.cover-fade-in .wp-block-cover__image-background {
    animation: focus-in 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s both;
}
.animate.in-view.cover-fade-in .wp-block-cover__inner-container {
    animation: fade-in 0.75s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0.25s both;
}


/* Blur the text into focus */
.animate.in-view.text-focus-in {
    animation: focus-in 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both;
}
@keyframes focus-in {
    0% {
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        filter: blur(0px);
        opacity: 1;
    }
}

/* Fade in gradually */
.animate.in-view.fade-in {
    animation: fade-in 2s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Slide left */
.animate.in-view.slide-left {
    animation: slide-left 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
@keyframes slide-left {
    0% {
        translate: 10%;
    }
    100% {
        translate: 0;
    }
}
/* Slide right */
.animate.in-view.slide-right {
    animation: slide-right 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
@keyframes slide-right {
    0% {
        translate: -10%;
    }
    100% {
        translate: 0;
    }
}
body.post-type-work :where(.editor-styles-wrapper) {
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--black);
}

.editor-styles-wrapper .wp-block-list:is(.is-style-checkmarks-green,.is-style-checkmarks-light-green,.is-style-checkmarks-dark-green) {
	padding-left: 0;
}

.editor-styles-wrapper .wp-block-list:is(.is-style-checkmarks-green,.is-style-checkmarks-light-green,.is-style-checkmarks-dark-green) li {
	list-style-type: none;
	margin-top: 1rem;
	position: relative;
	padding-left: calc(1.25em + var(--wp--preset--spacing--30));
}

.editor-styles-wrapper .wp-block-list:is(.is-style-checkmarks-green,.is-style-checkmarks-light-green,.is-style-checkmarks-dark-green) li::marker {
	font-size: 0;
}

.editor-styles-wrapper .wp-block-list:is(.is-style-checkmarks-green,.is-style-checkmarks-light-green,.is-style-checkmarks-dark-green) li::before {
	content: "";
	width: 1.25em;
	height: 1.25em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}

.editor-styles-wrapper .wp-block-list.is-style-checkmarks-green li::before {
	background-image: url(/wp-content/themes/baytek-3-0/assets/images/checkmark-green.svg);
}

.editor-styles-wrapper .wp-block-list.is-style-checkmarks-light-green li::before {
	background-image: url(/wp-content/themes/baytek-3-0/assets/images/checkmark-light-green.svg);
}

.editor-styles-wrapper .wp-block-list.is-style-checkmarks-dark-green li::before {
	background-image: url(/wp-content/themes/baytek-3-0/assets/images/checkmark-dark-green.svg);
}

/* Labels */
label {
	font-weight: 400;
	font-family: var(--wp--preset--font-family--geist-mono);
	font-size: var(--wp--preset--font-size--tiny);
}

/* General Form Field Settings */
input:not([type="submit"], [type="button"], [type="reset"], [type="file"]), textarea, select {
	border-width: var(--wp--custom--forms--fields--border--width);
	border-bottom-color: var(--wp--custom--forms--fields--color--border);
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-radius: var(--wp--custom--forms--fields--border--radius);
	border-style: solid;
	background-color: var(--wp--custom--forms--fields--color--background);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	line-height: inherit;
	color: inherit;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

/* Text Input Fields */
input:not([type="checkbox"],[type="radio"], [type="submit"]), textarea {
	padding: var(--wp--custom--forms--fields--spacing--padding) 0;
	width: 100%;
}
textarea {
	height: 6em;
	resize: vertical;
}
:is(input:not([type="submit"], [type="button"], [type="reset"], [type="file"]), textarea)::placeholder {
	color: inherit;
	opacity: 0.5;
}
:is(input:not([type="submit"], [type="button"], [type="reset"], [type="file"]), textarea, select):focus {
	outline: none;
}
:is(input:not([type="submit"], [type="button"], [type="reset"], [type="file"]), textarea, select):focus-visible {
	border-bottom-color: currentColor;
	box-shadow: inset 0 -3px 0px 0px color-mix(in srgb, currentColor 22%, transparent);
}
:is(input:not([type="submit"], [type="button"], [type="reset"], [type="file"]), textarea):invalid, .gfield_error :is(input:not([type="submit"], [type="button"], [type="reset"], [type="file"]), textarea, select) {
	background-color: var(--wp--custom--forms--errors--color--background);
	border-bottom-color: var(--wp--custom--forms--errors--color--border);
	color: var(--wp--custom--forms--errors--color--text);
}
.gfield_error {
	color: var(--wp--custom--forms--errors--color--text);
}

/* Radio / Checklist */
input:is([type="checkbox"],[type="radio"]) + label {
	font-weight: 400;
}

input:is([type="checkbox"]) {
	appearance: none;
	width: var(--wp--preset--font-size--medium);
	height: var(--wp--preset--font-size--medium);
	border: solid 1px currentColor;
	border-radius: 4px;
	flex-shrink: 0;
	position: relative;
	transition: none;

	&:before {
		content: url('data:image/svg+xml;charset=UTF-8,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3594 0.304688C10.6641 0.585938 10.6641 1.07812 10.3594 1.35938L4.35938 7.35938C4.07812 7.66406 3.58594 7.66406 3.30469 7.35938L0.304688 4.35938C0 4.07812 0 3.58594 0.304688 3.30469C0.585938 3 1.07812 3 1.35938 3.30469L3.84375 5.76562L9.30469 0.304688C9.58594 0 10.0781 0 10.3594 0.304688Z" fill="currentColor"/></svg>');
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -55%);
		font-size: var(--wp--preset--font-size--small);
		pointer-events: none;
		opacity: 0;
	}

	&:checked {
		background-color: currentColor;
	}

	&:checked:before {
		opacity: 1;
		filter: invert(100%);
	}
}

/* Select */
select {
	padding-top: var(--wp--custom--forms--fields--spacing--padding);
	padding-bottom: var(--wp--custom--forms--fields--spacing--padding);
	padding-left: 0;
	padding-right: 1em;
	width: 100%;
}

/* Select - Custom Drop Down Arrow - Requires Wrapper */
:is(.ginput_container_select, .ginput_address_country, .name_prefix_select, .gfield_time_ampm) {
	position: relative;
}
:is(.ginput_container_select, .ginput_address_country, .name_prefix_select, .gfield_time_ampm)::after {
	position: absolute;
	top: var(--wp--custom--forms--fields--spacing--padding);
	right: 0;
	z-index: 2;
	font-family: dashicons;
	font-style: normal;
	content: "\f347";
	pointer-events: none;
	cursor: pointer;
}
:is(.ginput_container_select, .ginput_address_country, .name_prefix_select, .gfield_time_ampm) > select {
	appearance: none;
}

/* Fixes for select options on Windows */
body.is-windows .has-eggplant-950-background-color select {
	background-color: var(--wp--preset--color--eggplant-950);
}

/* Form Buttons */
form :is(input[type="submit"], button), input[type="file"]::file-selector-button {
	--outline-color: var(--wp--preset--color--burnt-sienna-400);
	--text-color: var(--wp--preset--color--burnt-sienna-400);
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	color: var(--text-color);
	padding: 0.625em 1.5em;
	border-width: 1px;
	border-style: solid;
	border-color: var(--outline-color);
	border-radius: var(--wp--preset--border-radius--lg);
	box-shadow: none;
	line-height: 1.5;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--medium);
	cursor: pointer;
	transition: var(--wp--custom--animation--default-transition);
}
form :is(input[type="submit"], button):hover, input[type="file"]::file-selector-button:hover {
	background-color: var(--outline-color);
	--text-color: var(--wp--preset--color--eggplant-950);
}
form input[type="file"]::file-selector-button {
	margin-inline-end: 1em;
}
form :is(input[type="submit"], button):focus  {
	opacity: 0.8;
}

/* File Field */
form input[type="file"] {
	border-width: 0;
}
form input[type="file"]:focus {
	border-width: initial;
	border-radius: var(--wp--preset--border-radius--lg);
}

/* Fieldset */
fieldset {
	border: none;
	padding-inline-start: 0;
	padding-block-start: 0;
	padding-block-end: 0;
	padding-inline-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}
fieldset legend {
	font-weight: 400;
	font-family: var(--wp--preset--font-family--geist-mono);
	font-size: var(--wp--preset--font-size--tiny);
}

/* Style variants */
.is-style-section-speckled-yellow {
	--wp--custom--forms--fields--color--border: var(--wp--preset--color--gimblet-950);
}
.is-style-section-speckled-yellow form :is(input[type="submit"], button), 
.is-style-section-speckled-yellow input[type="file"]::file-selector-button {
	--outline-color: var(--wp--preset--color--gimblet-950);
	--text-color: var(--wp--preset--color--gimblet-950);
}
.is-style-section-speckled-yellow form :is(input[type="submit"], button):hover, 
.is-style-section-speckled-yellow input[type="file"]::file-selector-button:hover {
	--outline-color: var(--wp--preset--color--gimblet-950);
	--text-color: var(--wp--preset--color--astra-300);
}

.wp-block-post-template li.wp-block-post .wp-block-cover {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.wp-block-post-template li.wp-block-post .wp-block-cover > :is(.wp-block-cover__background, .wp-block-cover__image-background, .wp-block-cover__inner-container) {
    border-radius: inherit;
}
.wp-block-post-template li.wp-block-post .wp-block-cover > :is(.wp-block-cover__background, .wp-block-cover__image-background) {
    backface-visibility: hidden;
    transform: translateZ(0);
}
.wp-block-post-template li.wp-block-post .wp-block-cover .wp-block-cover__inner-container {
    position: static;
    z-index: 1;
}
.wp-block-post-template li.wp-block-post .wp-block-cover .wp-block-post-title a::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    inset: -1px;
    background-color: transparent;
    transition: 0.3s background-color;
}
.wp-block-post-template li.wp-block-post .wp-block-cover .wp-block-post-title a:hover::before {
    background-color: rgba(0,0,0,0.3);
}
.wp-block-post-template li.wp-block-post .wp-block-post-terms a {
    white-space: normal;
}
.wp-block-post-template li.wp-block-post:nth-child(even) > .is-style-section-speckled-brown {
    background-image:url(/wp-content/themes/baytek-3-0/assets/images/speckle-purple.svg);
    color: var(--wp--preset--color--coffee-900) !important;
    rotate: 0.41deg;
}
.wp-block-post-template li.wp-block-post:nth-child(even) > .is-style-section-speckled-brown a {
    color: inherit;
}

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

:root :where(.is-style-bold-circle-light-orange strong, .is-style-bold-circle-orange strong, .is-style-bold-circle-yellow strong, .is-style-bold-circle-purple strong)::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: -1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transform: scaleX(1.18) scaleY(1.55);
	transform-origin: center;
}

:root :where(.is-style-bold-circle-light-orange strong)::after {
	background-image: url(/wp-content/themes/baytek-3-0/assets/images/circle-light-orange.svg);
}

:root :where(.is-style-bold-circle-orange strong)::after {
	background-image: url(/wp-content/themes/baytek-3-0/assets/images/circle-orange.svg);
}

:root :where(.is-style-bold-circle-purple strong)::after {
	background-image: url(/wp-content/themes/baytek-3-0/assets/images/circle-purple.svg);
}

:root :where(.is-style-bold-circle-yellow strong)::after {
	background-image: url(/wp-content/themes/baytek-3-0/assets/images/circle-yellow.svg);
}

/* 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: 3px;
}

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

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

:where(.is-style-section-speckled)::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: rgba(244, 228, 182, 0.302);
	mask-image: url(/wp-content/themes/baytek-3-0/assets/images/noise.svg);
	mask-repeat: repeat;
	mask-size: 120px 120px;
	opacity: 0.20;
	mix-blend-mode: overlay;
}

:root :where(.yoast-breadcrumbs.is-style-eyebrow) {
	width: fit-content;
	padding-top: var(--wp--preset--spacing--10);
	padding-right: var(--wp--preset--spacing--30);
	padding-bottom: var(--wp--preset--spacing--10);
	padding-left: var(--wp--preset--spacing--30);
	background-color: var(--wp--preset--color--eggplant-400);
	color: var(--wp--preset--color--eggplant-950);
	mask-image: url(/wp-content/themes/baytek-3-0/assets/images/eyebrow.svg);
	mask-position: center;
	mask-size: cover;
	mask-repeat: no-repeat;
	border-radius: var(--wp--preset--border-radius--xs);
	font-family: var(--wp--preset--font-family--geist-mono);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
	line-height: 1.5;
}

body.single-work {
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--black);
}

.wp-site-blocks > header {
	z-index: 10 !important;
	position: absolute;
	width: 100%;
}

@media (max-width: 1472px) {
	.fullwidth-under-widewidth {
		margin-left: calc(-1 * var(--wp--style--root--padding-left)) !important;
		margin-right: calc(-1 * var(--wp--style--root--padding-left)) !important;
	}
	.no-border-radius-under-widewidth {
		border-radius: 0 !important;
	}
}

/**
 * General Modal Styling
 */

/* overlay for when dialogs are open */
dialog::backdrop {
    background-color: var(--wp--preset--color--black);
    opacity: 0.93;
}

/* leave the container styling to the content within */
dialog {
    background: white;
    border: none;
    padding: 0;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}

dialog,
body .is-layout-flow > dialog {
    position: fixed;
    max-height: calc(100vh - (var(--wp--preset--spacing--30)*5) - var(--wp--preset--font-size--large));
    margin-block-start: auto !important;
    margin-block-end: auto !important;
}

/* allow it to overflow so we don't have a double scrollbar on smaller screens */
@media (max-width: 850px) {
    dialog {
        /* position: absolute; */
        margin-block-start: var(--wp--preset--spacing--60);
    }
}

/* Close Button Form - closes the modal without the need for scripting */
dialog form.close-modal {
    position: fixed;
    top: var(--wp--preset--spacing--50);
    right: var(--wp--preset--spacing--50);
    z-index: 9999;
}
dialog form.close-modal button {
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    transition: 0.3s opacity;
}
dialog form.close-modal button:hover {
    opacity: .8;
    background-color: transparent;
}
dialog form.close-modal button:focus {
    outline: none;
}
dialog form.close-modal button svg {
    fill: var(--wp--preset--color--eggplant-400);
    width: var(--wp--preset--font-size--large);
}

body.modal-open {
    overflow: hidden;
    position: relative;
}
/**
 * Rotation utilities
 *
 * Applied via the block Advanced panel Additional CSS class(es).
 * Uses the rotate property so it can coexist with transform-based effects.
 */

.rotate-r-10 { rotate: 0.41deg; }
.rotate-r-15 { rotate: 0.69deg; }
.rotate-r-20 { rotate: 0.76deg; }
.rotate-r-25 { rotate: 1.0deg; }
.rotate-r-30 { rotate: 1.42deg; }
.rotate-r-35 { rotate: 1.74deg; }
.rotate-r-40 { rotate: 2.00deg; }
.rotate-r-45 { rotate: 2.35deg; }
.rotate-r-50 { rotate: 2.5deg; }
.rotate-r-55 { rotate: 3.0deg; }
.rotate-r-60 { rotate: 3.55deg; }
.rotate-r-65 { rotate: 4.31deg; }
.rotate-r-70 { rotate: 5.2deg; }
.rotate-r-75 { rotate: 5.81deg; }

.rotate-l-10 { rotate: -0.41deg; }
.rotate-l-15 { rotate: -0.69deg; }
.rotate-l-20 { rotate: -0.83deg; }
.rotate-l-25 { rotate: -1.06deg; }
.rotate-l-30 { rotate: -1.42deg; }
.rotate-l-35 { rotate: -1.72deg; }
.rotate-l-40 { rotate: -2.00deg; }
.rotate-l-45 { rotate: -2.35deg; }
.rotate-l-50 { rotate: -2.5deg; }
.rotate-l-55 { rotate: -3.0deg; }
.rotate-l-60 { rotate: -3.8deg; }
.rotate-l-65 { rotate: -4.22deg; }
.rotate-l-70 { rotate: -5.2deg; }
.rotate-l-75 { rotate: -5.63deg; }

/**
 * Any applicable css related to sitewide scrolling
 */

html { 
    scroll-behavior: smooth; 
}
/**
 * Common styling for swiper module sliders
 */

.swiper {
    --swiper-theme-color: currentColor;
    --swiper-pagination-color: currentColor;
    --swiper-pagination-bullet-inactive-color: currentColor;
    --swiper-pagination-bullet-inactive-opacity: 0.3;
}
.swiper-logos {
    position: relative;
    .swiper {
        position: unset;
    }
    .swiper-button-next {
        @media(min-width: 1400px) {
            right: var(--swiper-navigation-sides-offset, -40px);
        }
        
    }
    .swiper-button-prev {
        @media(min-width: 1400px) {
            left: var(--swiper-navigation-sides-offset, -40px);
        }
    }
}
/**
 * Z-Index utilities
 *
 * Applied via the block Advanced panel Additional CSS class(es).
 * Uses to fix laying issues on overlapping blocks
 */
:where(.z-index--1, .z-index-1, .z-index-2, .z-index-3, .z-index-4, .z-index-5, .z-index-6) { position: relative; }

.z-index--1 { z-index: -1; }
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.z-index-3 { z-index: 3; }
.z-index-4 { z-index: 4; }
.z-index-5 { z-index: 5; }
.z-index-6 { z-index: 6; }

/**
 * Footer specific styles
 */
footer.wp-block-template-part {
    margin-top: calc(-1 * var(--wp--preset--spacing--70));
    position: relative;
    z-index: 0;
}

/**
 * Peeking header styles
 */
 .wp-site-blocks > header {
	--admin-bar-offset: 0px;
    --sticky-background: var(--wp--preset--color--eggplant-950);
	position: absolute;
    width: 100%;
	z-index: 10 !important;
	top: var(--admin-bar-offset);
	transition: background-color 0.2s ease, transform 0.2s ease-out, box-shadow 0.2s ease;
}

/* Hiding header */
.wp-site-blocks > header.hiding {
	transform: translateY(-100%);
}

/* Peeking header */
.wp-site-blocks > header.peeking {
    position: sticky;
	box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    background: var(--sticky-background);
}
/* Apply to child group for the single post since the header block is not accessible in the editor */
.wp-site-blocks .wp-block-template-part > .single-post-header {
	background: var(--sticky-background);
}
body.single-post .wp-site-blocks > header, .wp-site-blocks .wp-block-template-part > .single-post-header {
    --sticky-background: var(--wp--preset--color--astra-100);
}
body.single-work .wp-site-blocks > header {
    --sticky-background: var(--wp--preset--color--white);
}
body.page-template-page-design .wp-site-blocks > header {
    --sticky-background: var(--wp--preset--color--coffee-900);
}
body.page-template-page-build .wp-site-blocks > header {
    --sticky-background: var(--wp--preset--color--rock-blue-950);
}
body.page-template-page-support .wp-site-blocks > header {
    --sticky-background: var(--wp--preset--color--gimblet-950);
}

body.admin-bar .wp-site-blocks > header {
	--admin-bar-offset: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .wp-site-blocks > header {
		--admin-bar-offset: 46px;
	}
}

@media (max-width: 600px) {
	body.admin-bar .wp-site-blocks > header {
		--admin-bar-offset: 0px;
	}
}
header .wp-block-navigation__responsive-container-open  {
	display: block !important;
}
@media(min-width: 1024px) {
	header .wp-block-navigation__responsive-container-open  {
		display: none !important;
	}
}
@media(min-width: 600px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}
@media(min-width: 1024px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block;
	}
}

/**
 * Main content area specific styles
 */
.wp-site-blocks > main {
    position: relative;
    z-index: 1;
    overflow-x: hidden;
}
body:is(.single-insight, .single-post) {
	.insights-final-cta {
		position: relative;

		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: var(--wp--preset--spacing--70);
			background-color: var(--wp--preset--color--astra-200);
		}
	}
}

body.single-work {
	.work-final-cta {
		position: relative;

		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: var(--wp--preset--spacing--70);
			background-color: var(--wp--preset--color--light-gray);
		}
	}
}