/* ==========================================================================
   Fonts
   No custom @font-face declarations yet. Add @font-face rules here once
   Cool Beans brand font files are placed in /fonts.
   ========================================================================== */

:root {
	--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
/* ==========================================================================
   Cool Beans Brand Overrides
   Only override the --xo-* variables xo-dna exposes for branding.
   Do not redeclare xo-dna's primitive or semantic variable names.
   ========================================================================== */

:root {
	/* --xo-brand-primary: #___; */
	/* --xo-brand-secondary: #___; */
	/* --xo-brand-accent: #___; */
   --color-black: #000;
   --color-white: #fff;
   --color-turquoise: #18dcdb;
   --color-turquoise-over: #09ccc6;
   --superlight-blue: #e5fbf7;
   --xo-bg-light-blue: #e4f6f9;
   --xo-coolbeans-seafoam: #c9f4ed;
   --xo-coolbeans-seafoam-blue: #cdf3f7;
   --xo-coolbeans-cta-over-bg: #def9f4;
   --xo-coolbeans-blue: #0066b2;
   --color-deep-blue: #0044a1;
   --color-creamy-yellow: #fffeea;
   --color-light-grey-bg: #e8e8e8;

   /* Mobile menu colors */
   --xo-coolbeans-menu-background: #eeffff;
   --xo-coolbeans-submenu-text: #00779b;
   --xo-coolbeans-booking-blue: #0059ba;
   --xo-coolbeans-icon-blue: #82b5d8;

   --xo-coolbeans-blue-over: #1c7da3;
   --xo-coolbeans-blue-footer: #1d689c;
   --xo-coolbeans-submenu-bg: var( --superlight-blue );
   --bg-light-blue: var( --xo-bg-light-blue );
   --color-nav-background: transparent;
   --header-background-color: rgba(255, 255, 255, 0.777 );
   --header-sticky-background-color: rgba(0, 0, 0, 0.777 );
   --color-header-nav-text: var( --color-black );
   --color-header-sticky-nav-text: var( --color-white );
   --xo-coolbeans-lavender: #ece7f7;
   --xo-coolbeans-purple: #4b2a86;
   --xo-coolbeans-navy: #12307a;
   --xo-coolbeans-pale-cyan: #cdf3f7;
   --xo-slider-max-width: 90rem;
}

:root,
html[data-xo-theme="light"] {
   --color-nav-background: transparent;
   --color-nav-text: var( --color-header-nav-text );
}
/* ==========================================================================
   Base element overrides
   Add rules here only when Cool Beans needs to diverge from xo-dna's base
   element styles.
   ========================================================================== */


/* Buttons */

/*
 * ".wp-block-button__link.wp-element-button" (rather than just
 * ".wp-block-button__link") matches WordPress core's own default button
 * rule in specificity-breaking order: both classes are always present on
 * rendered button blocks, so this compound selector outscores core's
 * single-class rule regardless of stylesheet load order. Without it, core's
 * default background wins in the block editor iframe while ours wins on
 * the front end, since the two contexts print core and theme styles in a
 * different order.
 */
.button,
.wp-block-button__link,
.wp-block-button__link.wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.555rem 1.444rem;
	border-radius: var(--radius);
	background: var(--color-button-background);
	color: var(--color-button-text);
	text-decoration: none;
	font-weight: 700;
	border: 1px solid var(--color-button-background);
}


.btn{
    display: inline-block;
    background: var(--xo-coolbeans-blue );
    color: var( --color-white );
    border-radius: 1.5rem;
    padding: .65rem 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}
a.btn:hover{
	background: var(--xo-coolbeans-blue-over);
	color: var( --color-white );
}
/* ==========================================================================
   Layout overrides
   Add rules here only when Cool Beans needs to diverge from xo-dna's layout
   styles.
   ========================================================================== */


/* --- Body --- */

body{ font-size: clamp(1rem, 2vw, 1.125rem); }

/* --- Headings & Titles --- */

.xo-page-title{ margin: clamp(2rem, 5vw, 4rem) 0 clamp(2rem, 5vw, 4rem) 0;font-size: 1.75rem; text-align: center; }
.xo-page-title h1 {
	font-size: clamp(1.75rem, 3vw, 2.75rem);
	margin: 0 0 0 0;
}

/* --- Header --- */
.xo-site-header{ background-color: var( --header-background-color ); }
.xo-header-is-stuck .xo-site-header{ background-color: var( --header-sticky-background-color ); }
/* Blur lives on a pseudo-element: backdrop-filter on .xo-site-header itself would make it the containing block for the position:fixed mobile menu overlay inside it. */
.xo-header-is-stuck .xo-site-header::before{ content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.xo-header-is-stuck .xo-site-header__phone a{ color: var( --color-turquoise ); }
.xo-header-is-stuck nav.xo-site-header__navigation a.wp-block-navigation-item__content, nav.xo-site-header__navigation button.wp-block-navigation-item__content{ color: var( --color-header-sticky-nav-text ); }
.xo-header-is-stuck .xo-site-header .wp-block-button__link{ background-color: var( --color-turquoise ); color: var( --color-black ); }
.xo-site-header .wp-block-button__link{ background-color: var( --xo-coolbeans-blue ); color: var( --color-white ); }
.xo-site-header__navigation-row{ margin-block-start: 0; margin-block-end: 0; }
nav.xo-site-header__navigation{ border-radius: 2rem; }
nav.xo-site-header__navigation > ul > li > .wp-block-navigation-item__content { font-size: 1.2rem; font-weight: 600; text-transform: uppercase; }
nav.xo-site-header__navigation.xo-site-header__navigation--centered .wp-block-navigation__container{ justify-content: space-evenly; }
nav.xo-site-header__navigation .wp-block-navigation__submenu-container{ background-color: var(--xo-coolbeans-submenu-bg) !important; border: none; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{ background-color: var(--xo-coolbeans-submenu-bg) !important; border: none; }
.xo-site-header__cta .wp-block-button__link, .xo-site-header__cta .wp-block-button__link.wp-element-button{ border-radius: 1rem; font-size: 1.0625rem; border: none; }
.xo-site-header__cta .wp-block-button__link:hover, .xo-site-header__cta .wp-block-button__link.wp-element-button:hover{ border:none; background-color: var( --color-turquoise-over); color: var( --color-black ); }
.xo-site-header__inner{ padding-inline: var(--xo-header-gutter-mobile); }
.xo-site-header__phone{ font-size: 1.555rem; }
.xo-site-header__phone a{ color: var( --xo-coolbeans-blue ); }
.xo-site-header__phone a:hover{ color: var( --xo-coolbeans-blue-over); }
@media( min-width: 783px ){
   .xo-site-header__inner{ padding-inline: var(--xo-header-gutter); }
}

/* =========================================================
   Desktop Navigation — Dropdown Menus
   ========================================================= */

.xo-site-header__navigation .wp-block-navigation__submenu-container {
	width: -moz-max-content;
	width: max-content;
	min-width: 15rem;
	padding: 0.5rem 0;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0.75rem;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
}

/* Dropdown links */
.xo-site-header__navigation
	.wp-block-navigation__submenu-container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	padding: 0.75rem 2rem;

	font-size: 1.125rem;
	line-height: 1.4;
	white-space: nowrap;
}

/* Dropdown hover / focus */
.xo-site-header__navigation
	.wp-block-navigation__submenu-container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content:hover,
.xo-site-header__navigation
	.wp-block-navigation__submenu-container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content:focus {
	background: #c9f4ed;
}


/* --- Main Content --- */

.bg-blue{ background-color: var(--color-deep-blue); }
.bg-light-blue{ background-color: var(--bg-light-blue); }
.bg-creamy-yellow{ background-color: var(--color-creamy-yellow); }
.wp-block-xo-dna-team{ padding: 4rem 1rem 2rem 1rem; }
.blue-frame{ border: 5px solid var(--bg-light-blue); }

/* --- Homepage Content --- */

.xo-section.homepage-introduction{ padding: 2rem 0 1rem 0; }
.xo-section.section-home-our-boats{ padding: 2rem 0 2rem 0; background-color: var(--color-light-grey-bg); }
.xo-section.section-home-our-boats .boat-name a{ font-size: 1.0625rem; color: var( --color-black ); }
@media( min-width: 64rem ){
	.xo-section.section-home-our-boats .boat-name a{ font-size: 1.25rem; }
}
@media( min-width: 90rem ){
	.xo-section.homepage-introduction{ font-size: 1.25rem; }
	.xo-section.section-home-our-boats .boat-name a{ font-size: 1.5rem; }
}

/* --- Team --- */

.xo-team .xo-team-intro{ margin: 0 0 0 0; padding: 3rem 0 0 0; font-size: clamp(1.222rem, 3vw, 2.333rem); line-height: 1.2; }
.xo-team__grid > :last-child {
	grid-column: 2;
}
.xo-team__grid .xo-team__member{ margin: 0 0 1rem 0; }
.xo-team__grid .xo-team--portrait-circle .xo-team__portrait{ max-width: 266px; }
.xo-team__grid h3.xo-team__name{ font-size: 1.222rem; font-weight: 400; margin: 1rem 0 0 0; }
.xo-team__grid .xo-team__job-title{ font-weight: 600; }

/* --- Slider --- */

.xo-slider{ overflow: hidden; max-width: var( --xo-slider-max-width ); margin: 0 auto; }
.xo-slider__next, .xo-slider__previous{
	display: none;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	border: none;
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
}

@media (min-width: 783px){
	.xo-slider__next, .xo-slider__previous{
		display: inline-flex;
	}
}

/* Slider media
--------------------------------------------- */

.xo-slider__media {
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.xo-slider__picture {
	display: block;
	width: 100%;
	height: 100%;
}

.xo-slider__image {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

/* --- Cruise Cards --- */
.xo-cruise-cards-container{ padding: 2rem 0 2rem 0; }

/* Mobile: 4:3
--------------------------------------------- */

@media (max-width: 480px) {

	.xo-slider__media {
		aspect-ratio: 4 / 3;
	}

}


/* Large desktop: panoramic
 * Approx. 1136 × 505 = 2.25:1
--------------------------------------------- */

@media (min-width: 1200px) {

	.xo-slider__media {
		aspect-ratio: 2.25 / 1;
	}

}

/* --- Footer --- */

.xo-site-footer{ padding-block: 0px; }
.xo-customer-reviews{ background-color: var(--xo-coolbeans-seafoam-blue); color: var( --color-black ); padding: 2.5rem 0 2.5rem 0; }
.xo-customer-reviews__heading, .xo-customer-reviews__links{ margin: 0px auto; }
.xo-customer-reviews__heading{ display: table; margin: 0 auto 1.5rem auto; }
.xo-customer-reviews__links{ display: flex; justify-content: center; gap: 1rem; }
.xo-customer-reviews__links a{ color: var(  --xo-coolbeans-blue-footer ); text-transform: uppercase; font-weight: 600; }
@media( min-width: 783px ){
	.xo-customer-reviews__heading{ display: table; margin: 0 auto 2rem auto; }
	.xo-customer-reviews__links{ gap: 3rem; }
}
.xo-site-footer__copyright{ text-align: center; padding: 1rem 0; }

/* Footer information stays within the existing three-column block layout. */
.xo-site-footer__bottom { padding-block: clamp(2.5rem, 5vw, 4rem) 1.25rem; }
.xo-footer-columns { gap: clamp(2rem, 5vw, 5rem); margin-bottom: 2.5rem; }
.xo-footer-columns h2 { color: inherit; font-size: 1.25rem; margin: 0 0 1.25rem; }
.xo-footer-columns p { margin-block: 1rem; }
.xo-footer-columns .wp-block-xo-dna-site-logo { max-width: 180px; margin-bottom: 1.25rem; }
.xo-footer-columns .contact-info { line-height: 1.5; }
.xo-footer-links { list-style: none; padding: 0; margin: 0; }
.xo-footer-links li { margin-bottom: 0.85rem; }
.xo-site-footer__bottom a:not(.wp-element-button) { color: inherit; text-underline-offset: 0.2em; }
.xo-site-footer__bottom a:not(.wp-element-button):hover { color: var(--color-turquoise); }
.xo-site-footer__bottom a:focus-visible { outline: 2px solid var(--color-turquoise); outline-offset: 5px; }
.xo-footer-columns .wp-element-button { background: var(--color-turquoise); color: #111; border: 0; border-radius: 1.5rem; font-weight: 700; }
.xo-footer-columns .wp-element-button:hover { background: var(--color-turquoise-over); }
.xo-footer-columns .xo-footer-follow { margin-top: 1.75rem; font-size: 0.95rem; }
.xo-footer-legal { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.75rem 2rem; border-top: 1px solid #ffffff30; padding-top: 1.25rem; font-size: 0.875rem; }
.xo-footer-legal .xo-site-footer__copyright { padding: 0; text-align: left; }
.xo-footer-legal > *, .xo-footer-legal p { margin: 0; }
@media (max-width: 782px) {
	.xo-footer-columns { gap: 2.25rem; }
	.xo-footer-legal { flex-direction: column; align-items: flex-start; }
}
/* ==========================================================================
   Single Cruise (xo_cruise) — mobile first
   Scoped to .xo-cruise-detail; the slider keeps its own xo-slider CSS.
   ========================================================================== */

.xo-cruise-detail { overflow-x: clip; }
.xo-cruise-detail > * { margin-block: 0; }

/* --- Title --- */
.xo-cruise-detail__header { background-color: var( --xo-coolbeans-lavender ); padding: 0.875rem 0.75rem; }
.xo-cruise-detail .xo-cruise-detail__title { margin: 0; color: var( --xo-coolbeans-purple ); font-size: 1.25rem; font-weight: 600; line-height: 1.25; text-align: center; overflow-wrap: anywhere; }

/* --- Slider --- */
.xo-cruise-detail__slider-section{ background-color: var(--xo-bg-light-blue); }
.xo-cruise-detail__slider { padding-inline: 0; }
.xo-cruise-detail__slider .xo-slider { max-width: none; margin: 0; border-radius: 0; }
.xo-cruise-detail__slider .xo-slider__media { aspect-ratio: 4 / 3; }

/* Pagination sits below the image as even-width bars. */
.xo-cruise-detail__slider .xo-slider__pagination { position: static; display: flex; gap: 0.5rem; padding: 0.5rem; }
.xo-cruise-detail__slider .xo-slider__pagination-item { flex: 1 1 0; width: auto; height: 0.5rem; background-color: var( --xo-coolbeans-blue ); border-radius: 0; position: relative; }
.xo-cruise-detail__slider .xo-slider__pagination-item::before { content: ""; position: absolute; inset: -0.75rem 0; } /* larger touch target */
.xo-cruise-detail__slider .xo-slider__pagination-item.is-active { background-color: var( --color-turquoise ); }
.xo-cruise-detail__slider .xo-slider__pagination-item:focus-visible { outline: 2px solid var( --xo-coolbeans-blue ); outline-offset: 2px; }

/* --- Information --- */
.xo-cruise-detail__information { margin-top: 1rem; display: grid; gap: 1rem; }
.xo-cruise-detail__item p { margin: 0; line-height: 1.45; }
.xo-cruise-detail__item + .xo-cruise-detail__item { margin: 0; }
.xo-cruise-detail .xo-cruise-detail__label { margin: 0 0 0.125rem; font-size: 1rem; font-weight: 700; line-height: 1.3; }
.xo-cruise-detail__pricing-notes { margin-top: 0.25rem !important; font-size: 0.9375rem; }
.xo-cruise-detail__sale { margin-top: 0.25rem !important; font-weight: 600; }
.xo-cruise-detail__price-regular { opacity: 0.65; }

/* --- Booking CTA --- */
.xo-cruise-detail__booking { margin-top: 1.25rem; text-align: left; }
.xo-cruise-detail .xo-cruise-detail__button { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0.5rem 1.5rem; background-color: var( --xo-coolbeans-blue ); color: var( --color-white ); border-radius: 999px; font-size: 1rem; font-weight: 600; line-height: 1.2; text-decoration: none; }
.xo-cruise-detail .xo-cruise-detail__button:hover { background-color: var( --xo-coolbeans-blue-over ); color: var( --color-white ); }
.xo-cruise-detail .xo-cruise-detail__button:focus-visible { outline: 3px solid var( --xo-coolbeans-navy ); outline-offset: 3px; }

/* --- Details & Policies --- */
.xo-cruise-detail__body { padding-block: 0.5rem 2.5rem; }
.xo-cruise-detail .xo-cruise-detail__content-heading { margin: 1.5rem 0 0.75rem; font-size: 1.25rem; font-weight: 600; }
.xo-cruise-detail__content > :first-child { margin-top: 0; }
.xo-cruise-detail__content > * + * { margin-block-start: 1rem; }
.xo-cruise-detail__content { line-height: 1.55; }

/* --- Tablet --- */
@media ( min-width: 783px ) {
	.xo-cruise-detail__header { padding-block: 1.25rem; padding-inline: 1.5rem; }
	.xo-cruise-detail .xo-cruise-detail__title { font-size: 1.75rem; }
	.xo-cruise-detail__slider { padding-inline: var( --xo-page-gutter ); }
	.xo-cruise-detail__slider .xo-slider__media { aspect-ratio: 16 / 9; }
	.xo-cruise-detail__body { padding-block: 1rem 3.5rem; }
}
/* One header row: phone / logo / booking on desktop, phone / logo / menu on mobile. */
body .xo-site-header .xo-site-header__top-row--responsive {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
}

body .xo-site-header .xo-site-header__top-row--responsive > * {
	grid-area: auto;
	min-width: 0;
	margin: 0;
}

.xo-site-header__top-row--responsive > .xo-site-header__phone { justify-self: start; }
.xo-site-header__top-row--responsive > .xo-site-header__identity { justify-self: center; }
.xo-site-header__top-row--responsive > .xo-site-header__cta { justify-self: end; }
.xo-site-header__top-row--responsive > .xo-mobile-menu__toggle { display: none; }

.xo-site-header__phone a:focus-visible,
.xo-site-header__top-row--responsive > .xo-mobile-menu__toggle:focus-visible {
	outline: 3px solid var(--xo-coolbeans-blue);
	outline-offset: 4px;
}

@media (min-width: 783px) {
	body.xo-mobile-menu-enabled .xo-mobile-menu { display: none !important; }
}

@media (max-width: 782px) {
	body .xo-site-header .xo-site-header__top-row--responsive {
		grid-template-columns: 48px minmax(0, 1fr) 48px;
		gap: clamp(0.75rem, 3vw, 1.5rem);

	}

	.xo-site-header__top-row--responsive .xo-site-header__identity {
		width: min(80%, 150px);
	}

	.xo-site-header__top-row--responsive .xo-site-header__identity img {
		width: 100%;
		height: auto;
	}

	.xo-site-header__phone p { margin: 0; }
	.xo-site-header__phone a {
		display: block;
		width: 44px;
		height: 44px;
		font-size: 0;
		background: url("../images/icons/phone-icon.svg") center / contain no-repeat;
	}

	.xo-site-header__top-row--responsive > .xo-site-header__cta,
	body .xo-site-header .xo-site-header__navigation-row { display: none; }

	.xo-site-header__top-row--responsive > .xo-mobile-menu__toggle {
		display: block;
		justify-self: end;
		width: 48px;
		height: 46px;
		padding: 0;
		border-radius: 10px;
		background: url("../images/icons/menu-icon.svg") center / contain no-repeat;
	}

	.xo-site-header__top-row--responsive > .xo-mobile-menu__toggle > * { display: none; }
}

/* Keep the final desktop dropdown within the viewport at tablet widths. */
.xo-site-header__navigation > ul > li:last-child > .wp-block-navigation__submenu-container {
	left: auto;
	right: 0;
}


/* Cool Beans mobile menu design. */
#xo-mobile-menu {
	--xo-mobile-menu-background: var(--xo-coolbeans-menu-background);
	--xo-mobile-menu-color: var(--xo-coolbeans-blue);
	--xo-mobile-menu-submenu-color: var(--xo-coolbeans-submenu-text);
}

@media (max-width: 782px) {
	#xo-mobile-menu .xo-mobile-menu__close {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		padding: 0;
		border-radius: 50%;
		background: var(--xo-coolbeans-blue);
		color: var(--xo-coolbeans-menu-background);
		margin: 0.5rem 0.75rem 0;
	}

	#xo-mobile-menu .xo-mobile-menu__close .xo-mobile-menu__icon {
		width: 28px;
		height: 28px;
	}

	#xo-mobile-menu .xo-mobile-menu__content {
		padding: 0.75rem clamp(1.5rem, 12vw, 4rem) max(2rem, env(safe-area-inset-bottom));
	}

	#xo-mobile-menu .xo-mobile-menu__navigation > ul {
		gap: 1.35rem;
		align-items: stretch;
	}

	#xo-mobile-menu .xo-mobile-menu__navigation > ul > li {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.3;
		text-transform: uppercase;
	}

	#xo-mobile-menu .xo-mobile-submenu__toggle {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0;
		min-height: 44px;
		font: inherit;
		text-align: left;
		color: var(--xo-coolbeans-blue);
		background: transparent;
		border: 0;
	}

	#xo-mobile-menu .xo-mobile-submenu__symbol {
		flex: 0 0 21px;
		width: 21px;
		height: 21px;
		font-size: 0;
		border-radius: 50%;
		background: var(--xo-coolbeans-blue) url("../images/icons/plus-bg-01.svg") center / contain no-repeat;
	}

	#xo-mobile-menu .xo-mobile-submenu__symbol--expanded {
		border-radius: 4px;
		background-image: url("../images/icons/minus-bg-01.svg");
	}

	#xo-mobile-menu .wp-block-navigation__submenu-container > li {
		font-size: 1.375rem;
		font-weight: 600;
		line-height: 1.4;
		text-transform: none;
	}

	#xo-mobile-menu .wp-block-navigation__submenu-container > li > a {
		padding: 0.65rem 0;
		white-space: normal;
	}

	#xo-mobile-menu .xo-mobile-menu__actions {
		margin-top: 2.5rem;
	}

	#xo-mobile-menu .xo-mobile-menu__actions .wp-block-button__link {
		padding: 0.65rem 1.35rem;
		border: 0;
		border-radius: 1.5rem;
		background: var(--xo-coolbeans-booking-blue);
		color: #fff;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.3;
	}

	#xo-mobile-menu .xo-mobile-menu__actions p {
		margin-top: 1.75rem;
		font-size: clamp(1.25rem, 6vw, 1.5rem);
		font-weight: 700;
		white-space: nowrap;
	}

	#xo-mobile-menu .xo-mobile-menu__actions p a { color: var(--xo-coolbeans-booking-blue); }
	#xo-mobile-menu :is(a, button):focus-visible {
		outline: 3px solid var(--xo-coolbeans-booking-blue);
		outline-offset: 4px;
	}
}

@media (max-width: 782px) {
	body.admin-bar #xo-mobile-menu .xo-mobile-menu__panel {
		padding-top: 46px;
		box-sizing: border-box;
	}

	#xo-mobile-menu .xo-mobile-menu__actions p a {
		text-decoration: none;
	}
}

/* Desktop condenses to the navigation row at the main-content boundary. */
@media (min-width: 783px) {
	body.xo-condensed-sticky-header.xo-coolbeans-header-compact .xo-site-header .xo-site-header__top-row--responsive {
		display: none;
	}
}
/* ==========================================================================
   Utility overrides
   Add rules here only when Cool Beans needs to diverge from xo-dna's utility
   styles.
   ========================================================================== */
/* ==========================================================================
   Compatibility overrides
   Add rules here only when Cool Beans needs to diverge from xo-dna's
   compatibility styles.
   ========================================================================== */

h2{ font-weight: var( --font-weight-normal ); }

/*# sourceMappingURL=main.css.map */