/*
Theme Name: BWS Base
Theme URI: https://bws-base.local/
Author: BWS
Author URI: https://bws-base.local/
Description: Empty block, pattern, and template based base theme for WordPress 7.0 and the Site Editor.
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 8.1
Version: 1.0.99
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bws-base
Tags: full-site-editing, block-patterns, block-styles, editor-style
*/

:root {
	--bws-site-content-width: min(calc(100% - 64px), 1360px);
	--bws-site-wide-width: min(calc(100% - 48px), 1480px);
}

.wp-site-blocks .bws-destination-content,
.wp-site-blocks .bws-boat-content {
	margin-block-start: 0;
	padding: clamp(28px, 5vw, 64px) 0;
}

.wp-site-blocks :is(.msc-boats-landing, .msc-destinations-landing) > .msc-section--tight:first-of-type,
.editor-styles-wrapper :is(.msc-boats-landing, .msc-destinations-landing) > .msc-section--tight:first-of-type {
	padding-bottom: clamp(40px, 4vw, 56px);
}

.wp-site-blocks :is(.msc-boats-landing, .msc-destinations-landing) > .msc-section--tight:first-of-type + .msc-section,
.editor-styles-wrapper :is(.msc-boats-landing, .msc-destinations-landing) > .msc-section--tight:first-of-type + .msc-section {
	padding-top: clamp(40px, 4vw, 64px);
}

.wp-site-blocks h1,
.wp-site-blocks h2,
.wp-site-blocks h3,
.wp-site-blocks h4,
.wp-site-blocks h5,
.wp-site-blocks h6,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
	overflow-wrap: anywhere;
	text-wrap: balance;
}

.wp-site-blocks :is([class*="card"], [class*="kart"]),
.editor-styles-wrapper :is([class*="card"], [class*="kart"]) {
	text-align: left !important;
}

.wp-site-blocks :is([class*="card"], [class*="kart"]) :is(.has-text-align-center, .has-text-align-right, h1, h2, h3, h4, h5, h6, p, li),
.editor-styles-wrapper :is([class*="card"], [class*="kart"]) :is(.has-text-align-center, .has-text-align-right, h1, h2, h3, h4, h5, h6, p, li) {
	text-align: left !important;
}

.wp-site-blocks :is([class*="card"], [class*="kart"]) .wp-block-buttons,
.editor-styles-wrapper :is([class*="card"], [class*="kart"]) .wp-block-buttons {
	justify-content: flex-start !important;
}

@media (max-width: 700px) {
	:root {
		--bws-site-content-width: min(calc(100% - 32px), 1360px);
		--bws-site-wide-width: min(calc(100% - 24px), 1480px);
	}

	.wp-site-blocks h1,
	.editor-styles-wrapper h1 {
		font-size: clamp(40px, 11vw, 54px) !important;
		line-height: 1.06 !important;
	}

	.wp-site-blocks h2,
	.editor-styles-wrapper h2 {
		font-size: clamp(34px, 9.2vw, 44px) !important;
		line-height: 1.08 !important;
	}

	.wp-site-blocks h3,
	.editor-styles-wrapper h3 {
		font-size: clamp(27px, 7vw, 34px) !important;
		line-height: 1.14 !important;
	}

	.wp-site-blocks h4,
	.editor-styles-wrapper h4 {
		font-size: clamp(22px, 5.8vw, 28px) !important;
		line-height: 1.2 !important;
	}

	.wp-site-blocks h5,
	.editor-styles-wrapper h5 {
		font-size: clamp(18px, 4.8vw, 22px) !important;
		line-height: 1.28 !important;
	}

	.wp-site-blocks h6,
	.editor-styles-wrapper h6 {
		font-size: clamp(15px, 4vw, 18px) !important;
		line-height: 1.34 !important;
	}

	.wp-site-blocks > .wp-block-group.alignfull:not(.bws-hero):not(.bws-secondary-hero):not(.bws-footer) > :is(h1, h2, h3, h4, h5, h6, p),
	.wp-site-blocks > .wp-block-group.alignfull:not(.bws-hero):not(.bws-secondary-hero):not(.bws-footer) > .wp-block-group:not([class*="card"]):not([class*="kart"]) > :is(h1, h2, h3, h4, h5, h6, p),
	.editor-styles-wrapper .wp-block-group.alignfull:not(.bws-hero):not(.bws-secondary-hero):not(.bws-footer) > :is(h1, h2, h3, h4, h5, h6, p),
	.editor-styles-wrapper .wp-block-group.alignfull:not(.bws-hero):not(.bws-secondary-hero):not(.bws-footer) > .wp-block-group:not([class*="card"]):not([class*="kart"]) > :is(h1, h2, h3, h4, h5, h6, p) {
		text-align: left !important;
	}

	.wp-site-blocks > .wp-block-group.alignfull:not(.bws-hero):not(.bws-secondary-hero):not(.bws-footer) > .wp-block-buttons.is-content-justification-center,
	.wp-site-blocks > .wp-block-group.alignfull:not(.bws-hero):not(.bws-secondary-hero):not(.bws-footer) > .wp-block-group:not([class*="card"]):not([class*="kart"]) > .wp-block-buttons.is-content-justification-center,
	.editor-styles-wrapper .wp-block-group.alignfull:not(.bws-hero):not(.bws-secondary-hero):not(.bws-footer) > .wp-block-buttons.is-content-justification-center,
	.editor-styles-wrapper .wp-block-group.alignfull:not(.bws-hero):not(.bws-secondary-hero):not(.bws-footer) > .wp-block-group:not([class*="card"]):not([class*="kart"]) > .wp-block-buttons.is-content-justification-center {
		justify-content: flex-start !important;
	}
}

.bws-brand-introduction,
.bws-hero + .wp-block-group.alignfull.has-text-color {
	color: #111;
	margin-block-start: 0;
	overflow: hidden;
}

.bws-hero + .wp-block-group.alignfull.has-background {
	background: transparent !important;
	background-color: transparent !important;
}

.bws-brand-introduction__heading,
.bws-brand-introduction > h2.wp-block-heading,
.bws-hero + .wp-block-group.alignfull > h2 {
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	max-width: min(100%, 1180px) !important;
	width: 100%;
}

@media (min-width: 701px) {
	.bws-brand-introduction__heading,
	.bws-brand-introduction > h2.wp-block-heading,
	.bws-hero + .wp-block-group.alignfull > h2 {
		line-height: 1.5 !important;
	}
}

.bws-brand-introduction__reveal {
	animation: bws-brand-introduction-slide-in 760ms ease forwards;
	opacity: 0;
	transform: translateY(18px);
}

.bws-hero + .wp-block-group.alignfull > p:first-child,
.bws-hero + .wp-block-group.alignfull > h2,
.bws-hero + .wp-block-group.alignfull > p:nth-of-type(2),
.bws-hero + .wp-block-group.alignfull > p:nth-of-type(3),
.bws-hero + .wp-block-group.alignfull > .wp-block-buttons {
	animation: bws-brand-introduction-slide-in 760ms ease forwards;
	opacity: 0;
	transform: translateY(18px);
}

.bws-hero + .wp-block-group.alignfull > p:first-child {
	animation-name: bws-brand-introduction-fade-in;
	transform: none;
}

.bws-hero + .wp-block-group.alignfull > h2 {
	animation-delay: 120ms;
}

.bws-hero + .wp-block-group.alignfull > p:nth-of-type(2) {
	animation-delay: 240ms;
}

.bws-hero + .wp-block-group.alignfull > p:nth-of-type(3),
.bws-hero + .wp-block-group.alignfull > .wp-block-buttons {
	animation-delay: 360ms;
}

.bws-brand-introduction__reveal--fade {
	animation-name: bws-brand-introduction-fade-in;
	transform: none;
}

.bws-brand-introduction__delay-1 {
	animation-delay: 120ms;
}

.bws-brand-introduction__delay-2 {
	animation-delay: 240ms;
}

.bws-brand-introduction__delay-3 {
	animation-delay: 360ms;
}

.bws-brand-introduction__actions,
.bws-hero + .wp-block-group.alignfull > .wp-block-buttons {
	margin-top: 34px;
}

@keyframes bws-brand-introduction-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes bws-brand-introduction-slide-in {
	from {
		opacity: 0;
		transform: translateY(18px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.bws-brand-introduction__reveal,
	.bws-brand-introduction__reveal--fade,
	.bws-hero + .wp-block-group.alignfull > p:first-child,
	.bws-hero + .wp-block-group.alignfull > h2,
	.bws-hero + .wp-block-group.alignfull > p:nth-of-type(2),
	.bws-hero + .wp-block-group.alignfull > p:nth-of-type(3),
	.bws-hero + .wp-block-group.alignfull > .wp-block-buttons {
		animation: none;
		opacity: 1;
		transform: none;
	}
}