/*
Theme Name: DHWP Block 2025 Suncatcher
Theme URI: 
Author: Digital Hill Multimedia, Inc.
Author URI: 
Description: Clone of the DHWP Block 2025 Child theme but with all the Suncatcher specific updates and theme style edits. Now if you “go back to default” it will be the Suncatcher default.
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: dhwp-block-2025
Text Domain: dhwp-block-2025-suncatcher
Tags: 

body {
    font-size: 16px;
}

body .wp-site-blocks:has(> .wp-block-group) {
    grid-template-rows: auto auto 1fr;
    min-height: 100vh;
}
body:not(.home) .wp-site-blocks > .wp-block-group {
    padding-bottom: 0;
}

/* Header Scroll Logo Transition */

/* .wp-block-template-part.is-scrolled .dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
    color: white !important;
} */

:root :where(.wp-block-post-date) {
    color: inherit !important;
}

body {
    font-size: 16px;
}

body .wp-site-blocks:has(> .wp-block-group) {
    grid-template-rows: auto auto 1fr;
    min-height: 100vh;
}
body:not(.home) .wp-site-blocks > .wp-block-group {
    padding-bottom: 0;
}

/* Header Scroll Logo Transition */
body header.wp-block-template-part .wp-block-site-logo img {
	width: 160px;
	height: auto;
	transition: all .3s ease;
}
body header.wp-block-template-part.is-scrolled .wp-block-site-logo.is-default-size img {
	width: 130px;
	height: auto;
}
/* Header Scroll Other Header Transitions */
body header.wp-block-template-part > .wp-block-group > .topbar > .wp-block-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
    
	transition: all .3s ease;
}
body header.wp-block-template-part.is-scrolled > .wp-block-group > .topbar > .wp-block-group {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body header.wp-block-template-part.is-scrolled > .wp-block-group > .topbar > .wp-block-group {
	margin-top: 0;
	padding-top: 0;
}

/* No space between top level child blocks unless we put it there, WordPress */
body :where(.wp-site-blocks) > * { 
	margin-block-start: 0;
}

/* Sticky applied to header */
.sticky-wrapper, .wp-site-blocks > header.wp-block-template-part {
	z-index: 10;
	width: 100vw;
}
body.admin-bar .sticky-wrapper {
    padding-top: 32px;
}
@media screen and (max-width:782px) {
    body.admin-bar .sticky-wrapper {
        padding-top: 46px;
    }
}
/* Header Colors, note these can now be set in Customizer, but still overriden here. */
/* Background on Header WHEN SCROLLED */
.wp-site-blocks header.wp-block-template-part.is-scrolled .topbar {
	/* background-color: rgba(255,255,255,0.05) !important; */
	backdrop-filter: blur(10px);
}
/* Background on Header WHEN HOVERED */
.wp-site-blocks header.wp-block-template-part:hover .topbar {
	/* background-color: rgba(255,255,255,0.05) !important; */
	backdrop-filter: blur(10px);
}

/* Header sub_topbar */
.sub_topbar {
	overflow: hidden;
	/* background: rgba(0,0,0,0.1); */
	background: rgba(255,255,255,0.05);
	transition: all .3s ease;
	max-height: 1000px; /* Must be set for transition off top of page. Set to larger than the element will ever be. */
	top: 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	
}
.sticky-wrapper > header.wp-block-template-part.is-scrolled .sub_topbar {
	top: -100px; /* Probably has to be set to larger than the max height of the actual element, depends on content. */
	max-height: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* Social Navigation */
body .wp-block-social-links {
	display: flex;
	flex-wrap: nowrap;
	/* background: rgba(0,0,0,0.1); */
	padding-top: 4px;
	padding-bottom: 4px;
}
/* Social Button Icon Colors */
body .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, 
body .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, 
body .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, 
body .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, 
body .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
	/* fill: white; */
	fill: rgba(0,0,0,0.8);
	transition: all .3s ease;
}
/* Social Button Background, Border, Border Radius */
body :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
	/* background-color: rgba(255,255,255,0.1); */
	background-color: rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 6px;
	transition: all .3s ease;
}
/* Social Buttons Hover */
body .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor, 
body .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor svg, 
body .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor:active, 
body .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor:hover, 
body .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor:visited {
	/* fill: white; */
	/* fill: rgba(0,0,0,0.8); */
	fill: rgba(0,0,0,0.9);
}
body :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link:hover {
	transform: scale(1.3);
	/* background-color: var(--wp--preset--color--luminous-vivid-orange);
	border-color: var(--wp--preset--color--luminous-vivid-orange); */
	background-color: rgba(0,0,0,0.1);
}

/* Footer */
footer .dhwp-footer > .wp-block-columns.alignwide .wp-block-column > .wp-block-group > .wp-block-columns > .wp-block-column {
	min-width: 150px;
}
@media screen and (max-width: 782px) {
	footer .dhwp-footer > .wp-block-columns.alignwide .wp-block-column > .wp-block-group > .wp-block-columns {
		width: 100%;
	}
}


/* Copyright color */
.wp-block-digital-hill-dhwp-copyright-block {
	color: inherit !important;
	font-size: inherit !important;
}


/* DHWP NAVIGATION BLOCK OVERRIDE EXAMPLES **********************************************/

/* Top Level */
/* UL */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container {
    /* background: rgba(0,0,0,0.1); */
	/* font-size: 18px; */
}
/* UL LI */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item {
    /* background: rgba(0,0,0,0.1); */
}
/* UL LI A */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
    /* background: rgba(0,0,0,0.1); */
    font-weight: 500;
}

/* 2nd Level */
/* UL LI UL */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container {
	/* background-color: rgba(0,0,0,0.1); */
}
/* UL LI UL LI */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item {
	/* background-color: rgba(0,0,0,0.1);
	margin-bottom: 2px; */
}
/* UL LI UL LI A */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
	/* background-color: rgba(0,0,0,0.1); */
}

/* 3rd Level */
/* UL LI UL LI UL */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container {
	/* background-color: rgba(0,0,0,0.1); */
}
/* UL LI UL LI UL LI */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item  > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item {
	/* background-color: rgba(0,0,0,0.1); */
}
/* UL LI UL LI A */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
	/* background-color: rgba(0,0,0,0.1); */
}

/* 4th Level */
/* UL LI UL LI UL LI UL */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container {
	/* background-color: rgba(0,0,0,0.1); */
}
/* UL LI UL LI UL LI UL LI */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item  > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item {
	/* background-color: rgba(0,0,0,0.1); */
}
/* UL LI UL LI UL LI UL LI A */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
	/* background-color: rgba(0,0,0,0.1); */
}

/* ALL Submenus */
.dhwp-navigation nav.wp-block-navigation ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
	/* background: rgba(0,0,0,0.1); */
}
/* All Submenu LIs */
.dhwp-navigation nav.wp-block-navigation ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item {
	/* background: rgba(0,0,0,0.1); */
}
/* All Submenu LI As */
.dhwp-navigation nav.wp-block-navigation ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a.wp-block-navigation-item__content {
	/* background: rgba(0,0,0,0.1); */
}

/* Horizontal Only use "nav.wp-block-navigation.is-horizontal" Examples: */
/* Align the drop downs to the right side on horizontal navs */
.dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container > li.wp-block-navigation-item.active > ul.wp-block-navigation__submenu-container {
    right: 0;
}
/* Add current menu item marker to horizontal navs, its off by default */
.dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container li.current-menu-item > a {
	/* padding-left: 30px; */
}
.dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container li.current-menu-item > a:before {
    /* content: "\f139";
    font-family:"dashicons";
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    left: 0;
    top: 0px;
    width: 34px;
    height: 100%;
    display: grid;
    align-self: center;
    align-content: center;
    justify-self: center;
    justify-content: center; */
}
/* Text align right on horizontal navs, set width with calc to align right to the pixel */
.dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item > a {
	text-align: right;
	width: calc(100% - 30px);
}

/* Vertical Only use "nav.wp-block-navigation.is-vertical" Examples: */
/* Add background to 2nd level submenut, but only on vertical navs. */
.dhwp-navigation nav.wp-block-navigation.is-vertical > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container {
	/* background: rgba(0,0,0,0.1); */
}

/* Caret */
/* All Caret Background */
.dhwp-navigation nav.wp-block-navigation ul.wp-block-navigation__container li.wp-block-navigation-item.has-child::after {
	background-color: rgba(0,0,0,0) !important;
}
/* Top Caret Background */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item.has-child::after {
	/* background-color: rgba(0,0,0,0) !important; */
}
/* Caret Icon */
/* Uses Dashicons by Default, change caret to a different Dashicon */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item.has-child::before {
	/* font-family: "dashicons";
	content: "\f140" !important;
	font-size: 26px; */
}
/* Use Material Icons, change caret to a different Material Icon for top level items. */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item.has-child::before {
	/* font-family: "Material Symbols Outlined" !important;
    content: '\e313' !important;
	font-size: 26px; */
}
/* Use Material Icons, change caret to a different Material Icon for all items. */
.dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container li.wp-block-navigation-item.has-child::before {
	/* font-family: "Material Symbols Outlined" !important;
    content: '\e7cd' !important;
	font-size: 26px; */
}

/* Current Menu Item */
.dhwp-navigation nav.wp-block-navigation.is-vertical ul.wp-block-navigation__container li.current-menu-item > a {
    /* Change CSS attributes about the current menu item. */
    /* padding-left: 28px !important;
    color: red; */
}
/* Use different dashicon to mark current menu item. */
.dhwp-navigation nav.wp-block-navigation.is-vertical ul.wp-block-navigation__container li.current-menu-item > a:before {
    /* content: "\f313";
    font-family:"dashicons"; */
}
/* Use Material Icons, change current menu item marker icon. */
.dhwp-navigation nav.wp-block-navigation.is-vertical ul.wp-block-navigation__container li.current-menu-item > a:before {
    font-family: "Material Symbols Outlined" !important;
    content: '\e866' !important;
	font-size: 20px;
	width: 16px;
}
/* Set a Special Material Icon for the current menu item, but only for the homepage. Horizontal. */
.dhwp-navigation nav.wp-block-navigation.is-vertical ul.wp-block-navigation__container li.current-menu-item > a {
	padding-left: 22px !important;
}
body.home .dhwp-navigation nav.wp-block-navigation.is-vertical ul.wp-block-navigation__container li.current-menu-item > a:before {
    font-family: "Material Symbols Outlined" !important;
    content: '\e88a' !important;
	font-size: 20px;
	width: 20px;
}
body .topbar > div:not(.sub_topbar) .dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container li.current-menu-item a {
	/* color: var(--wp--preset--color--luminous-vivid-orange) !important; */
    color: #ec1d24 !important;
}
body footer .dhwp-navigation nav.wp-block-navigation.is-vertical ul.wp-block-navigation__container li.current-menu-item a {
	/* color: var(--wp--preset--color--luminous-vivid-orange) !important; */
    color: #ec1d24 !important;
}

/* Set a Special Material Icon for the Homepage, Horizontal. */
body .topbar > div:not(.sub_topbar) .dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container > li:first-child > a {
	display: grid;
	align-items: top;
	grid-template-columns: auto 1fr;
	column-gap: 5px;
}
body .topbar > div:not(.sub_topbar) .dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container > li:first-child > a:before {
    /* font-family: "Material Symbols Outlined" !important;
    content: '\e88a' !important;
	font-size: 20px;
	line-height: 26px;
	width: 20px;
	display: inline-block; */
}

/* dhwp-block-2024 > assets > css > client-styles.css */
/* Custom Classes */
/* CSS Classes to add backdrop-filter blur to blocks */
/* .blur-1{backdrop-filter:blur(1px)}.blur-2{backdrop-filter:blur(2px)}.blur-3{backdrop-filter:blur(3px)}.blur-4{backdrop-filter:blur(4px)}.blur-5{backdrop-filter:blur(5px)}.blur-6{backdrop-filter:blur(6px)}.blur-7{backdrop-filter:blur(7px)}.blur-8{backdrop-filter:blur(8px)}.blur-9{backdrop-filter:blur(9px)}.blur-10{backdrop-filter:blur(10px)}.blur-11{backdrop-filter:blur(11px)}.blur-12{backdrop-filter:blur(12px)}.blur-13{backdrop-filter:blur(13px)}.blur-14{backdrop-filter:blur(14px)}.blur-15{backdrop-filter:blur(15px)}.blur-16{backdrop-filter:blur(16px)}.blur-17{backdrop-filter:blur(17px)}.blur-18{backdrop-filter:blur(18px)}.blur-19{backdrop-filter:blur(19px)}.blur-20{backdrop-filter:blur(20px)}.blur-21{backdrop-filter:blur(21px)}.blur-22{backdrop-filter:blur(22px)}.blur-23{backdrop-filter:blur(23px)}.blur-24{backdrop-filter:blur(24px)}.blur-25{backdrop-filter:blur(25px)}.blur-26{backdrop-filter:blur(26px)}.blur-27{backdrop-filter:blur(27px)}.blur-28{backdrop-filter:blur(28px)}.blur-29{backdrop-filter:blur(29px)}.blur-30{backdrop-filter:blur(30px)} */
.blur-1{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}
.blur-2{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.blur-3{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.blur-4{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.blur-5{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.blur-6{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.blur-7{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.blur-8{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.blur-9{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.blur-10{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.blur-11{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}
.blur-12{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.blur-13{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}
.blur-14{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.blur-15{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.blur-16{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.blur-17{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}
.blur-18{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.blur-19{-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px)}
.blur-20{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.blur-21{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px)}
.blur-22{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.blur-23{-webkit-backdrop-filter:blur(23px);backdrop-filter:blur(23px)}
.blur-24{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.blur-25{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}
.blur-26{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}
.blur-27{-webkit-backdrop-filter:blur(27px);backdrop-filter:blur(27px)}
.blur-28{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
.blur-29{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px)}
.blur-30{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}

.dark-glow-1 { text-shadow: 0px 0px 1px rgba(0,0,0,0.5); }
.dark-glow-2 { text-shadow: 0px 0px 2px rgba(0,0,0,0.5); }
.dark-glow-3 { text-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.dark-glow-4 { text-shadow: 0px 0px 4px rgba(0,0,0,0.5); }
.dark-glow-5 { text-shadow: 0px 0px 5px rgba(0,0,0,0.5); }
.dark-glow-6 { text-shadow: 0px 0px 6px rgba(0,0,0,0.5); }
.dark-glow-7 { text-shadow: 0px 0px 7px rgba(0,0,0,0.5); }
.dark-glow-8 { text-shadow: 0px 0px 8px rgba(0,0,0,0.5); }
.dark-glow-9 { text-shadow: 0px 0px 9px rgba(0,0,0,0.5); }
.dark-glow-10 { text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.dark-glow-11 { text-shadow: 0px 0px 11px rgba(0,0,0,0.5); }
.dark-glow-12 { text-shadow: 0px 0px 12px rgba(0,0,0,0.5); }
.dark-glow-13 { text-shadow: 0px 0px 13px rgba(0,0,0,0.5); }
.dark-glow-14 { text-shadow: 0px 0px 14px rgba(0,0,0,0.5); }
.dark-glow-15 { text-shadow: 0px 0px 15px rgba(0,0,0,0.5); }
.dark-glow-16 { text-shadow: 0px 0px 16px rgba(0,0,0,0.5); }
.dark-glow-17 { text-shadow: 0px 0px 17px rgba(0,0,0,0.5); }
.dark-glow-18 { text-shadow: 0px 0px 18px rgba(0,0,0,0.5); }
.dark-glow-19 { text-shadow: 0px 0px 19px rgba(0,0,0,0.5); }
.dark-glow-20 { text-shadow: 0px 0px 20px rgba(0,0,0,0.5); }
.dark-glow-21 { text-shadow: 0px 0px 21px rgba(0,0,0,0.5); }
.dark-glow-22 { text-shadow: 0px 0px 22px rgba(0,0,0,0.5); }
.dark-glow-23 { text-shadow: 0px 0px 23px rgba(0,0,0,0.5); }
.dark-glow-24 { text-shadow: 0px 0px 24px rgba(0,0,0,0.5); }
.dark-glow-25 { text-shadow: 0px 0px 25px rgba(0,0,0,0.5); }
.dark-glow-26 { text-shadow: 0px 0px 26px rgba(0,0,0,0.5); }
.dark-glow-27 { text-shadow: 0px 0px 27px rgba(0,0,0,0.5); }
.dark-glow-28 { text-shadow: 0px 0px 28px rgba(0,0,0,0.5); }
.dark-glow-29 { text-shadow: 0px 0px 29px rgba(0,0,0,0.5); }
.dark-glow-30 { text-shadow: 0px 0px 30px rgba(0,0,0,0.5); }

.light-glow-1 { text-shadow: 0px 0px 1px rgba(255,255,255,0.5); }
.light-glow-2 { text-shadow: 0px 0px 2px rgba(255,255,255,0.5); }
.light-glow-3 { text-shadow: 0px 0px 3px rgba(255,255,255,0.5); }
.light-glow-4 { text-shadow: 0px 0px 4px rgba(255,255,255,0.5); }
.light-glow-5 { text-shadow: 0px 0px 5px rgba(255,255,255,0.5); }
.light-glow-6 { text-shadow: 0px 0px 6px rgba(255,255,255,0.5); }
.light-glow-7 { text-shadow: 0px 0px 7px rgba(255,255,255,0.5); }
.light-glow-8 { text-shadow: 0px 0px 8px rgba(255,255,255,0.5); }
.light-glow-9 { text-shadow: 0px 0px 9px rgba(255,255,255,0.5); }
.light-glow-10 { text-shadow: 0px 0px 10px rgba(255,255,255,0.5); }
.light-glow-11 { text-shadow: 0px 0px 11px rgba(255,255,255,0.5); }
.light-glow-12 { text-shadow: 0px 0px 12px rgba(255,255,255,0.5); }
.light-glow-13 { text-shadow: 0px 0px 13px rgba(255,255,255,0.5); }
.light-glow-14 { text-shadow: 0px 0px 14px rgba(255,255,255,0.5); }
.light-glow-15 { text-shadow: 0px 0px 15px rgba(255,255,255,0.5); }
.light-glow-16 { text-shadow: 0px 0px 16px rgba(255,255,255,0.5); }
.light-glow-17 { text-shadow: 0px 0px 17px rgba(255,255,255,0.5); }
.light-glow-18 { text-shadow: 0px 0px 18px rgba(255,255,255,0.5); }
.light-glow-19 { text-shadow: 0px 0px 19px rgba(255,255,255,0.5); }
.light-glow-20 { text-shadow: 0px 0px 20px rgba(255,255,255,0.5); }
.light-glow-21 { text-shadow: 0px 0px 21px rgba(255,255,255,0.5); }
.light-glow-22 { text-shadow: 0px 0px 22px rgba(255,255,255,0.5); }
.light-glow-23 { text-shadow: 0px 0px 23px rgba(255,255,255,0.5); }
.light-glow-24 { text-shadow: 0px 0px 24px rgba(255,255,255,0.5); }
.light-glow-25 { text-shadow: 0px 0px 25px rgba(255,255,255,0.5); }
.light-glow-26 { text-shadow: 0px 0px 26px rgba(255,255,255,0.5); }
.light-glow-27 { text-shadow: 0px 0px 27px rgba(255,255,255,0.5); }
.light-glow-28 { text-shadow: 0px 0px 28px rgba(255,255,255,0.5); }
.light-glow-29 { text-shadow: 0px 0px 29px rgba(255,255,255,0.5); }
.light-glow-30 { text-shadow: 0px 0px 30px rgba(255,255,255,0.5); }


/* By setting a lot of the default backgrounds to be rgba colors, we can change the theme substantially with just the body background color. */
body {
    
    /*background: var(--wp--preset--color--base);*/
    /* We can use the default above from Editor, or overide with our own. */
    /* background:darkslategray;
    background: #fff; */
    font-size: 16px;
}
/* Fix sticky z-index */
.sticky-wrapper {
    z-index: 1001;
    margin-block-start: 0;
}
/* When stuck, the top bar will backdrop blur. Welcome to the future, old man. */
.sticky-wrapper .wp-block-template-part {
    /* backdrop-filter: blur(5px); */
    /* background-color: var(--wp--preset--color--base-2); */
    background-color: transparent;
}
.sticky-wrapper .wp-block-template-part .has-base-background-color {
    /* background-color: var(--wp--preset--color--base-2); */
    background-color: transparent !important;
}
/* Header */
/*body header.wp-block-template-part > div {
    background-color: var(--wp--preset--color--base-2);
}*/
body header.wp-block-template-part {
	position: absolute;
	z-index: 2;
	width: 100vw;
}
body .wp-block-navigation__responsive-container.has-modal-open {
    height: 100vh !important;
}

/* Fix link text-size */
body p a:where(:not(.wp-element-button)) {
    /* font-size: 14px; */
    font-size: inherit;
}

body :where(.wp-site-blocks) > * {
    margin-block-start: 0;
}

/* Equal Height Columns */
.equal_height_columns {
    
}

/* Getting a bit fancier now, shrink some elements in the topbar when it has sticky class? */
/*.wp-block-site-logo img {
    transition: all .3s ease;
    max-height: 70px;
    width: auto;
}
.wp-block-template-part.is-scrolled .wp-block-site-logo img {
    max-height: 46px;
    width: auto
}*/

/* Hide the top top navigation on scroll */
.sticky-wrapper {
    z-index: 999;
    /* height: auto !important; */
}
.sticky-wrapper .sub_topbar {
    position:relative;
    transition: all .3s ease-in-out;
    transition-delay: .2s;
    top: 0;
    background-color: var(--wp--preset--color--accent-4);
}
.sticky-wrapper.is-sticky .sub_topbar {
    /* top: -64px;
    margin-bottom: -64px; */
}
.sticky-wrapper.is-sticky .is-scrolled .sub_topbar {
    top: -64px;
    margin-bottom: -64px; 
}
.sticky-wrapper.is-sticky .dh-sticky {
    /* background: rgba(0,0,0,0.6) !important;
    backdrop-filter: blur(5px); */

    transition: all .3s ease-in-out;
}
.sticky-wrapper.is-sticky .dh-sticky * {
    transition: all .3s ease;
}
.sticky-wrapper .wp-block-site-logo,
.sticky-wrapper .wp-block-site-logo .custom-logo-link,
.sticky-wrapper .wp-block-site-logo .custom-logo-link * {
    /* height: 150px;
    min-height: 150px; */
   /*  width: 162px;
    min-width: 162px; */
    transition: all .3s ease-in-out;
}
/* .sticky-wrapper.is-sticky .wp-block-site-logo,
.sticky-wrapper.is-sticky .wp-block-site-logo .custom-logo-link,
.sticky-wrapper.is-sticky .wp-block-site-logo .custom-logo-link img {
    height: 102px;
    min-height: 102px;
    width: 110px;
    min-width: 110px;
    
} */
.sticky-wrapper.is-sticky .wp-block-site-logo .custom-logo-link img {
    width: 80%;
}

/* Social Icons - These are a sub-class of links and I couldn't find a core/social section,
 * so I guess we're going to style the social icons the old fashioned way. 
 */
ul.wp-block-social-links {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.wp-block-social-links li.wp-social-link {
    background-color: var(--wp--preset--color--button-background) !important;
    border-radius: var(--wp--preset--spacing--20);
}
ul.wp-block-social-links li.wp-social-link.small {
    background-color: var(--wp--preset--color--button-background) !important;
    border-radius: var(--wp--preset--spacing--20);
}
ul.wp-block-social-links li.wp-social-link.square,
ul.wp-block-social-links li.wp-social-link.small.square {
    border-radius: 0 !important;
}
ul.wp-block-social-links li.wp-social-link a.wp-block-social-link-anchor {
    fill: transparent!important;
    color: transparent !important;
    padding: 3px !important;
}
ul.wp-block-social-links li.wp-social-link a.wp-block-social-link-anchor svg {
    fill: var(--wp--preset--color--button-text) !important;
    stroke: var(--wp--preset--color--button-text) !important;
    background-color: var(--wp--preset--color--button-background) !important;
    padding: 2px;
    /* width: 32px;
    height: 32px; */
    border-radius: 0;
    border-radius: var(--wp--preset--spacing--20);
    /* Can do some cool stuff with filers here too, but for now that's too much */
    /* For now, dumping our button color into the SVG's fill and stroke gets us there. */
    /* filter: invert(100%) hue-rotate(170deg); */
}

/* Smaller social icons? Add the "small" class to each icon block */
ul.wp-block-social-links li.wp-social-link.small a.wp-block-social-link-anchor {
    padding: 2px !important;
}
ul.wp-block-social-links li.wp-social-link.small a.wp-block-social-link-anchor svg {
    width: 24px;
    height: 24px;
}

/* Larger social icons? Add the "large" class to each icon block */
ul.wp-block-social-links li.wp-social-link.large {
    border-radius: 32px;
}
ul.wp-block-social-links li.wp-social-link.large.square {
    border-radius: 0 !important;
}
ul.wp-block-social-links li.wp-social-link.large a.wp-block-social-link-anchor {
    padding: 6px !important;
}
ul.wp-block-social-links li.wp-social-link.large a.wp-block-social-link-anchor svg {
    width: 48px;
    height: 48px;
}

body.portal_builder  .product-shared-page {
    color:#fff; 
}

body.portal_builder  .product-shared-page .btn.white {
    background-color:rgba(255,255,255,.5);
    border:none;
}
body.portal_builder  .product-shared-page .btn-small {
    margin-top:.5em; 
}

body.portal_builder  .product-shared-page .builder-wrapper .summary-wrapper .active .summary-category { 
    border-color: #fff; 
}

body.portal_builder  .product-shared-page .content-area .dhcolumn h1 {
    background: transparent;
    color:#fff;
    margin: 0;
    padding: 1em 200px 0.67em 20px;
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
}
body.portal_builder  .product-shared-page .content-area .dhcolumn div.fright {
    margin-right: 10px;
    margin-top: 10px !important;
}
@media screen and (max-width:768px) {
    body.portal_builder  .product-shared-page .content-area .dhcolumn h1 {
        font-size: 18px;
        line-height: 22px;
        min-height: 56px;
    }
}
body.portal_builder .builder-wrapper .summary-wrapper {
    background: none;
}
body.portal_builder .builder-wrapper.builder-customer-wrapper .summary-wrapper li ul li:nth-of-type(even) {
    background: rgba(255,255,255,0.1);
    padding: 8px 1em 8px 2em;
    border-bottom: 0px solid transparent;
}
body.portal_builder .builder-wrapper.builder-customer-wrapper .summary-wrapper li ul li:nth-of-type(odd) {
    background: rgba(255,255,255,0.05);
    padding: 8px 1em 8px 2em;
    border-bottom: 0px solid transparent;
}

/* Offcanvas */
.wp-block-group.dh-offcanvas,
body.dh-offcanvas {
    position:fixed;
    /* background: rgba(23, 23, 23, 0.85); */
    background: var(--wp--preset--color--base-2);
    background-size: 100% 100%;
    /* backdrop-filter: blur(14px); */
    top: -100vh;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 1;
    height: 100vh;
    width: 100%;
    overflow: visible;
    z-index: 10;
    box-sizing: border-box;
    /* filter: blur(0px);
    display: none; */
    transition: all .4s ease;
    overflow-x:hidden;
    overflow-y:scroll;
}
.wp-block-group.dh-offcanvas > *,
body.dh-offcanvas > * {
    opacity: 0;
    transition: opacity .4s ease-in-out .4;
    z-index: 2;
}
.wp-block-group.dh-offcanvas.top,
body.dh-offcanvas.top {
    top: -100vh;
    bottom: 0;
    right: 0;
    left: 0;
}
.wp-block-group.dh-offcanvas.bottom,
body.dh-offcanvas.bottom {
    top: 100vh;
    bottom: -100vh;
    right: 0;
    left: 0;
}
.wp-block-group.dh-offcanvas.left,
body.dh-offcanvas.left {
    top: 0;
    bottom: 0;
    right: 100vw;
    left: -100vw;
}
.wp-block-group.dh-offcanvas.right,
body.dh-offcanvas.right {
    top: 0;
    bottom: 0;
    right: -100vw;
    left: 100vw;
}

.wp-block-group.dh-offcanvas.is-active,
body.dh-offcanvas.is-active {
    display: grid;
    grid-template-columns: 1fr;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;

    align-items: center;
    justify-items: center;
    height: 100vh;
    width: 100vw;
    visibility: visible;
    /* background: rgba(0,0,0,0.1);
    backdrop-filter: blur(6px); */
    
}
.wp-block-group.dh-offcanvas.is-active > *,
body.dh-offcanvas.is-active > * {
    opacity: 1;
}

.wp-block-group.dh-offcanvas.is-active > .wp-block-group {
    width: 100%;
}

/* Smart Navigation */
nav.dh-smart {
    display: grid;
    grid-template-columns: auto;
}

/* Footer */
footer.wp-block-template-part > div {
    background-color: var(--wp--preset--color--base-2);
}

/* Fixes */
/* .has-global-padding > .alignfull > * {
    padding-left: 0;
    padding-right: 0;
} */


/* Site Wide */
.wp-block-site-title {
    display: none !important;
}
.shadow {
	box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.25);
}

.red-bar:before {
	content: '';
	display: block;
	border-top: 5px solid #BE2127;
	width: 100px;
	margin: 0 auto 20px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
  aspect-ratio: 1; /* squared size thumbnails */ 
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0; /* width fix */ 
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: none;
	position: relative;
	color: #000;
	font-size: 1.2rem;
	font-weight: 700;
}


/* Home */
.home-services img {
	margin-top: -100px;
}


/* Inner Pages */
.inner-hero h1 {
	border-right: 10px solid #000;
}



@media (max-width:600px) {
	
	h1 { font-size: 2.25em !important; }
	.home-services img { margin-top: -20px; }
	footer.wp-block-template-part > .has-accent-5-color > p > a {
		font-size: 0.8rem;
	}
	
}

.negative-pad-header {
    position: relative;
    top: -110px;
}

/* Mobile for Slideshow fix. */
@media screen and (max-width: 1400px) {
    .n2-ss-layer-content {
        padding-top: 280px;
    }
}
@media screen and (max-width: 1300px) {
    .n2-ss-layer-content {
        padding-top: 300px;
    }
}
@media screen and (max-width: 992px) {
    .n2-ss-layer-content {
        padding-top: 340px;
    }
}

/* DH Accordion */
nav.dh-accordion {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
}
ul.dh-accordion {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    grid-row-gap: 5px;
    margin-left: 0px !important;
}
nav.dh-accordion > ul.dh-accordion > li.wp-block-navigation-item {
    padding-left: 0px !important;
}
ul.dh-accordion ul {
    position: relative !important;
    margin: 0 0 0 40px !important;
    padding: 0 !important;
    left: 0 !important
}
ul.dh-accordion > li.wp-block-navigation-item {
    color: white;
    border: none;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    width: 100%;
    justify-content: flex-end;
    --navigation-layout-justification-setting: flex-end;
    --navigation-layout-justify: flex-end;
    text-transform: uppercase;
}
ul.dh-accordion li.wp-block-navigation-item {
    position: relative;
    padding-left: 40px;
}

ul.dh-accordion > li.wp-block-navigation-item a.wp-block-navigation-item__content {
    display: block;
    width: 100%;
    padding: 14px 32px;
    margin: 0;
    position: relative;
    text-decoration: none;
    text-align: left;
    /* color: white; */
    color: var(--wp--preset--color--contrast);
    border: none;
    background: rgba(255,255,255,0.1);
    text-transform: uppercase;
    transition: all .2s ease;
    justify-content: flex-start;
    --navigation-layout-justification-setting: flex-start;
    --navigation-layout-justify: flex-start;
    box-sizing: border-box;

}
ul.dh-accordion a.wp-block-navigation-item__content {
    display: inline-block !important;
}

ul.dh-accordion .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 5px !important;
}

ul.dh-accordion .wp-block-navigation__submenu-icon {
    position: absolute;
    display: block;
    right: 6px;
    top: 6px;
    bottom: 6px;
    margin: 0;
    padding: auto 12px;
    min-width: 40px;
    max-height: 40px;
    height: calc(100% - 12px);
    display: inline-block;
    background: rgba(255,255,255,0.2);
    z-index: 2;
    font-size: 24px;
    line-height: 24px;
}
ul.dh-accordion ul .wp-block-navigation__submenu-icon svg {
    transform: rotate(0deg) !important;
}

.dh-accordion .wp-block-navigation__submenu-container {
    top: 0px;
    margin: 0;
    padding: 0;
}

body .wp-block-navigation.dh-accordion .wp-block-navigation__submenu-container {
    border-top: 0px solid transparent;
}


/* COPIED FROM CHILD THEME */

@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');



html {
    margin: 0;
    padding: 0;
    margin-top: 0 !important;
    overflow-x:hidden !important;
    max-width: 100vw;
}

/* h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
} */

body {
    width: 100%;
    max-width: 100vw;
    overflow-x:hidden !important;
    overflow-y:auto;
    background-color: #fff;
    transition: background-size .6s ease;
    background-size: cover;
    /* height: 100vh; */
    /* background-color: #093751;
    background:#093751 url("assets/images/g3-bg-1.jpg") 0 0 repeat;
    background-position: 0 0; */
    /* background-repeat: repeat;
    background-size: 1900px 853px;
    background-attachment: fixed;
    backdrop-filter: blur(20px);
    margin: 0;
    padding: 0;
    transition: backdrop-filter 0.3s ease;
    animation: waterblur 7s infinite ease-in-out alternate; */
}

/** Override default font size vars */
/* :root {
    --wp--preset--font-size--small: 0.9rem;
    --wp--preset--font-size--medium: 1.05rem;
    --wp--preset--font-size--large: clamp(1.39rem, 1.39rem + ((1vw - 0.2rem) * 0.497), 1.85rem);
    --wp--preset--font-size--x-large: clamp(1.85rem, 1.85rem + ((1vw - 0.2rem) * 0.703), 2.5rem);
    --wp--preset--font-size--xx-large: clamp(4vw, 4vw + ((1vw - 0.2rem) * 0.832), 4vw);
} */
/** Override default font family */
h1,h2,h3,h4,h5,h6 {
    font-family: "normalidad-wide", sans-serif;
    font-weight: 400;
    font-style: normal;
}

ul.longlist li {
    /* display: inline-block; */
    padding-bottom: 20px;
    padding-left: 10px;
    list-style-type:square;
}

.blurwater {
    position: relative;
}
.blurwater *,
.blurwater .wp-block-group {
    position: relative;
    z-index: 5;
}
.blurwater::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(13,37,63);
    background: linear-gradient(180deg, rgba(13,37,63,1) 0%, rgba(13,37,63,1) 15%, rgba(13,37,63,0.7) 100%);
    z-index: 1;
    /* backdrop-filter: blur(20px); */
    animation: waterblur 10s infinite ease-in-out alternate;

}
@media screen and (max-width:1080px) {
    body .blurwater .wp-block-button .wp-block-button__link {
        font-size: 0.8rem;
    }
}



@keyframes waterblur {
    0% {
        backdrop-filter: blur(0px);
    }
    70% {
        backdrop-filter: blur(8px);
    }
    100% {
        backdrop-filter: blur(0px);
    }
}

/* Patch for boat buttons. */
.wp-block-group:has(>.boat-buttons) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* Patch for Hamburger color changes */
/* .hamburger .line {
    background-color: black;
} */
body.page-template-default .sticky-wrapper.is-sticky .is-scrolled .hamburger .line {
    background-color: white !important;
}

.sticky-wrapper-boat {
    position: fixed;
    z-index: 99;
}
.sticky-wrapper {
    height: auto;
}
.sticky-wrapper .wp-block-site-logo .custom-logo-link img {
    width: 300px;
}
.sticky-wrapper.is-sticky .wp-block-site-logo .custom-logo-link img {
    width: 180px;
}
@media screen and (max-width:1080px) {
    .sticky-wrapper .wp-block-site-logo .custom-logo-link img {
        /* max-width: 200px; */
        max-width: 160px;
    }
}
@media screen and (max-width:700px) {
    /* .sticky-wrapper .wp-block-site-logo .custom-logo-link img {
        max-width: 140px;
    } */
    .hamburger {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        transform: scale(0.95);
    }
}
body .sticky-wrapper,
body .sticky-wrapper.is-sticky {
    z-index: 999 !important;
    /* position: relative; */
    /* position: static; */
}
.sticky-wrapper header.wp-block-template-part,
.sticky-wrapper.is-sticky header.wp-block-template-part {
    z-index: 999;
}
.sticky-wrapper:not(.is-sticky) header.wp-block-template-part {
    position: relative;
    height: auto;
}
.sticky-wrapper:not(.is-sticky) {
    /* position: relative; */
    height: auto !important;
}
body.dhwp-builder .sticky-wrapper {
    position: relative !important;
    height: auto !important;
    overflow: hidden;
}
body.dhwp-builder .sticky-wrapper.is-sticky {
    position: relative;
    
}
body.dhwp-builder .sticky-wrapper header.wp-block-template-part {
    position: static !important;
    height: auto !important;
}
body.dhwp-builder .sticky-wrapper.is-sticky header.wp-block-template-part.is-scrolled {
    position: fixed !important;
    height: inherit !important;
}
.builder-wrapper .builder-image-wrapper, .builder-customer-wrapper .builder-sticky-wrapper {
    /* position: relative !important; */
    z-index: 999;
}
.builder-customer-wrapper .sticky-wrapper-builder-sticky-wrapper.is-sticky .builder-sticky-wrapper {
    position: fixed !important;
}
/* body.dhwp-builder  .sticky-wrapper-builder-sticky-wrapper:not(.is-sticky-builder-sticky-wrapper) > .builder-sticky-wrapper {
    position: relative !important;
    height: auto !important;
    overflow: hidden !important;
} */
body .dhwp-builder-embed > .wp-block-group {
    padding-top: 40px !important;
}

.wp-site-blocks > .entry-content {
    z-index: 1;
}

body.boat .sticky-wrapper {
    /* background: rgba(13,37,63,0.7); */
    
}

@media screen and (max-width: 1080px) {
    .sticky-wrapper > .wp-block-template-part > .wp-block-group > .wp-block-group > .wp-block-group {
        padding-left: 40px;
        padding-right: 40px;
    }
    .sticky-wrapper > .wp-block-template-part > .wp-block-group > .wp-block-group > .wp-block-group > .wp-block-group.is-content-justification-space-between {
        /* background: red; */
        justify-items: space-between;
        justify-content: space-between;
        flex-basis: 100%;
    }
    .sticky-wrapper > .wp-block-template-part > .wp-block-group > .wp-block-group > .wp-block-group > .wp-block-group.is-content-justification-space-between > .hamburger {
        
    }
}
@media screen and (max-width: 700px) {
    .sticky-wrapper > .wp-block-template-part > .wp-block-group > .wp-block-group > .wp-block-group {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Sticky Header Base Theme Overrides */
/* .sticky-wrapper {
    background: none !important;
}
body.admin-bar .sticky-wrapper > header.wp-block-template-part  {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar .sticky-wrapper > header.wp-block-template-part  {
        top: 46px !important;
    }
} */

/* body.page-template-default > .wp-site-blocks {
    display: grid;
    grid-template-rows: auto minmax(400px,1fr) auto;
    height: 100vh;
} */
/* body .wp-block-navigation-item__content:hover .wp-block-navigation-item__label, .wp-block-navigation-item__content.active .wp-block-navigation-item__label {
    color: black !important;
} */

.sticky-wrapper .wp-block-template-part {
    /* transition: all .3s ease; */
    min-width: 100% !important;
}

/* .sticky-wrapper:has( > .is-scrolled),
.sticky-wrapper .is-scrolled {
    height: 90px !important;
} */
/* .sticky-wrapper .is-scrolled > .wp-block-group {
    height: 90px !important;
}
.sticky-wrapper .is-scrolled > .wp-block-group > .wp-block-group {
    height: 90px !important;
}

.sticky-wrapper .is-scrolled > .wp-block-group > .wp-block-group > .wp-block-group {
    height: 90px !important;
} */

.sticky-wrapper .is-scrolled .sub_topbar {
    top: -64px;
    margin-bottom: -64px;
}
.sticky-wrapper.is-sticky .is-scrolled .sub_topbar {
    top: -64px;
    margin-bottom: -64px;
}
.sticky-wrapper > header.wp-block-template-part {
    background: none !important;
}
.sticky-wrapper > header.wp-block-template-part > div.wp-block-group  {
    /* background: rgba(255,255,255,0.05); */
    background: none !important;
    backdrop-filter:unset;
    padding-bottom: 0 !important;
}
.sticky-wrapper > header.wp-block-template-part > div.wp-block-group > div.wp-block-group {
    /* background: rgba(255,255,255,0.05); */
    /* background: rgba(0,0,0,0.0) !important;
    backdrop-filter: blur(0px) !important; */
    transition: all .3s ease-in-out;
    padding-bottom: 0 !important;
}
body.boat .sticky-wrapper > header.wp-block-template-part > div.wp-block-group > div.wp-block-group {
    /* background: rgba(255,255,255,0.05); */
    /* background: rgba(13,37,63,0.3) !important; */
    /* backdrop-filter: blur(0px) !important; */
    transition: all .3s ease-in-out;
    padding-bottom: 0 !important;
}
.sticky-wrapper.is-sticky > header.wp-block-template-part.is-scrolled > div.wp-block-group > div.wp-block-group {
    /* background: rgba(0,0,0,0.3) !important; */
    /* background: rgba(13,37,63,0.7) !important; */
    backdrop-filter: blur(8px) !important;
    padding-bottom: 1px !important;
}

.sticky-wrapper > header.wp-block-template-part > div.wp-block-group > div.wp-block-group > div.wp-block-group > div.wp-block-group.is-layout-flex {
    /* background: blue; */
    align-items: stretch;
    padding-bottom: 0 !important;
    /* background: rgba(0,0,0,0.1); */
}

/* Main */
main.wp-block-group {
    /* margin-top: -105px !important; */ 
}

/* WP Overrides */
.wp-block-group.alignfull {
    margin-block-start: 0px;
}

/* Hamburger Overrides */
.hamburger {
    padding-top: 10px;
}

/* Wave */
#wave1 {
    height: 100px;
    width: 100%;
    background: #fff;
}

/* Logo initial dimensions */
.sticky-wrapper .wp-block-site-logo .custom-logo-link {
    transition: opacity 1ms;
}
.sticky-wrapper .wp-block-site-logo .custom-logo-link img {
    width: 260px !important;
    height: auto;
}

/* Logo width/height in % or px when sticky */
.sticky-wrapper.is-sticky .wp-block-site-logo .custom-logo-link img {
    width: 260px !important;
    height: auto;
}
@media screen and (max-width: 1500px) {
    .sticky-wrapper .wp-block-site-logo .custom-logo-link img,
    .sticky-wrapper.is-sticky .wp-block-site-logo .custom-logo-link img {
        width: 220px !important;
        height: auto;
    }
}
@media screen and (max-width: 1300px) {
    .sticky-wrapper .wp-block-site-logo .custom-logo-link img,
    .sticky-wrapper.is-sticky .wp-block-site-logo .custom-logo-link img {
        width: 200px !important;
        height: auto;
    }
}
/* Logo width/height in % or px when scrolled */
.sticky-wrapper.is-sticky .is-scrolled .wp-block-site-logo .custom-logo-link img {
    width: 200px !important;
    height: auto;

    opacity: 0;
}
/* .sticky-wrapper.is-sticky .is-scrolled .wp-block-site-logo .custom-logo-link {
    background: url("assets/images/SunCatcher-Yamaha-Boat-Company-Silver-Metal.png");
    background-size: cover;
} */
@media screen and (max-width: 1300px) {
    .sticky-wrapper.is-sticky .is-scrolled .wp-block-site-logo .custom-logo-link img {
        width: 170px !important;
        height: auto;
    }
}
.sticky-wrapper.is-sticky .wp-block-site-logo .custom-logo-link {
    position: relative;
}


/* WooCommerce Patches */
.woocommerce div.product div.images ol.flex-control-thumbs,
.woocommerce div.product div.images ul.flex-control-thumbs {
	border-radius: 0 0 0 0;
}

.no-pointer,
.no-pointer * {
    pointer-events: none !important;

}

/* Paralax slider */
/* .n2-section-smartslider.paralax-slider {
    display: block;
    width: 100%;
}
.n2-section-smartslider.paralax-slider > .n2-ss-align {
    display: block;
    width: 100%;
}
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding {
    display: block;
    width: 100%;
}
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider {
    display: block;
    width: 100%;
} */
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element {
    cursor: default !important;
    touch-action: none !important;
}
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 {
    display: block !important;
    width: 100%;
}
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 {
    
    width: 100%;
}
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds {
    position: relative;
    width: 100%;
    overflow: visible !important;
    pointer-events: none;
}
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:first-child {
    transform: translate3d(0px,0px,0px) !important;
    overflow: visible !important;
    min-width: 100%;
    position: relative;
    /* object-fit: contain; */
    z-index: 2;
    top: 0;
    /* left: calc(100vw - 3600px); */
    /* left: auto;
    right: 0; */
    left: 0 !important;
    right: auto !important;
    display: inline-block !important;
}
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:first-child > .n2-ss-slide-background-image > picture.skip-lazy > img.skip-lazy {
    position: absolute;
    /* right: 0;
    left: auto; */
    left: 0;
    right: auto;
    height: 100% !important;
    width: auto !important;
    object-fit: contain;
}
@media screen and (max-width:1920px) {
    .n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:first-child > .n2-ss-slide-background-image > picture.skip-lazy > img.skip-lazy {
        left: -200px;
    }
}

@media screen and (max-width:992px) {
    .n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:first-child > .n2-ss-slide-background-image > picture.skip-lazy > img.skip-lazy {
        left: -400px;
    }
}

.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:nth-child(2) {
    position: absolute;
    transform: translate3d(0px,0px,0px) !important;
    overflow: visible !important;
    min-width: 100%;
    max-height: 17%;
    min-height: 17%;
    height: 17%;
    z-index: 30;
    top: 0;
    /* left: calc(100vw - 3600px); */
    left: auto;
    right: 0%;
    display: inline-block !important;
}
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:nth-child(2) > .n2-ss-slide-background-image > picture.skip-lazy > img.skip-lazy {
    position: absolute;
    /* right: 0;
    left: auto; */
    right: auto;
    left: 0;
    height: 100% !important;
    width: auto !important;
    object-fit: contain;
    opacity: 0 !important;
}
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:nth-child(3),
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:nth-child(4),
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:nth-child(5),
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:nth-child(6),
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:nth-child(7),
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:nth-child(8),
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:nth-child(9),
.n2-section-smartslider.paralax-slider > .n2-ss-align > .n2-padding > .n2-ss-slider > .n2-ss-slider-1.n2_ss__touch_element > .n2-ss-slider-2 > .n2-ss-slider-3 > .n2-ss-slide-backgrounds > .n2-ss-slide-background:nth-child(10) {
    opacity: 0;
    display: none;
}

/* .n2-ss-layer:has(> .logo-overlay)::after {
    position: absolute;
    z-index: 2;
    content: "";
    width: 50px;
    height: 50px;
    background: red;
} */



/* Main Overlay Wrapper Element */
.n2-section-smartslider.paralax-slider .n2-ss-slider .n2-ss-layer-with-background {
    /* background: red; */
    /* position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    align-content: center;
    margin-top: 105px !important;
    margin-right: 60px;
    width: calc(100% - 100px); */
    margin-top: 120px;
}

.logo-overlay.n2-ss-item-content {
    
    
}

.n2-section-smartslider.paralax-slider .logo-overlay {
    
    /* transform: translate3d(0px,0px,0px) !important;
    transform: translate(0, 0) translate(0, 0) !important;
    display: inline-block !important;
    width: 100%;
    text-align: right;
    margin-right: 60px;
    align-self: flex-end;
    align-content: flex-end;
    justify-content: flex-end;
    justify-items: flex-end;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1; */
}
.n2-section-smartslider.paralax-slider .logo-overlay.n2-ss-layer[data-pm=absolute] {
    /* position: relative !important; */
}
.n2-section-smartslider.paralax-slider .logo-overlay > .n2-ss-item-image-content {
    /* display: grid; */
}
.n2-section-smartslider.paralax-slider .logo-overlay > .n2-ss-item-image-content > picture.skip-lazy > img.skip-lazy {
    /* right: 0;
    left: auto; */
}

.n2-section-smartslider.paralax-slider .homepage-title {
    /* position: relative;
    transform: translate3d(0px,0px,0px) !important;
    display: inline-block;
    width: 100%;
    text-align: right;
    align-self: flex-start;
    align-content: flex-start;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1; */
}

/* DH Smart Nav Overrides */

.wp-block-group:has( > .dh-smart ) {
    display: grid;
    grid-template-columns: auto 1fr;

}
@media screen and (max-width:1080px) {
    .wp-block-group:has( > .dh-smart ) {
        display: flex;
        
    
    }
}
nav.dh-smart {
    display: flex;
    align-items: stretch;
}

nav.dh-smart ul.wp-block-navigation__container {
    /* background: red; */
    /* background: rgba(0,0,0,0.1); */
    /* padding: 30px 20px; */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content:space-evenly;
    align-items: stretch;
    flex-basis: 100%;
    margin: 0;
    padding: 0;
}

nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item {
    display: flex;
    align-self: stretch;
}

nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item a.wp-block-navigation-item__content {
    
    font-family: "Monterserrat", Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    /* padding-top: 30px;
    padding-bottom: 30px; */
    display: grid;
    height: 100%;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (max-width:1260px) {
    nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item a.wp-block-navigation-item__content {
        padding-left: 0px;
        padding-right: 0px;
    }
}

body.blog nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item a.wp-block-navigation-item__content {
    color: black;
}


/* nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-boat {
    position: relative;
    cursor: pointer;
}
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-boat::before {
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
    z-index: 99;
    font-family: "Material Symbols Outlined";
    content: "\e532";
    font-size: 24px;
    color: rgba(255,255,255,0.0);
    transition: all .3s ease;
}
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-boat:hover::before,
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-boat.current-menu-item::before {
    color: rgba(255,255,255,0.7);
} */

/* nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-promotions {
    position: relative;
    cursor: pointer;
}
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-promotions::before {
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
    z-index: 99;
    font-family: "Material Symbols Outlined";
    content: "\f528";
    font-size: 24px;
    color: rgba(255,255,255,0.0);
    transition: all .3s ease;
}
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-promotions:hover::before,
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-promotions.current-menu-item::before {
    color: rgba(255,255,255,0.7);
} */

/* nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-dealers {
    position: relative;
    cursor: pointer;
}
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-dealers::before {
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
    z-index: 99;
    font-family: "Material Symbols Outlined";
    content: "\e55e";
    font-size: 24px;
    color: rgba(255,255,255,0.0);
    transition: all .3s ease;
}
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-dealers:hover::before,
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-dealers.current-menu-item::before {
    color: rgba(255,255,255,0.7);
} */

/* nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-suncatcher {
    position: relative;
    cursor: pointer;
}
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-suncatcher::before {
    display: block;
    position: absolute;
    top: 8px;
    left: calc(50% - 32px);
    width: 64px;
    height: 20px;
    z-index: 99;
    content: "";
    background: url("assets/images/nav-icon-suncatcher.png");
    font-size: 24px;
    color: rgba(255,255,255,0.0);
    opacity: 0;
    transition: all .3s ease;
}
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-suncatcher:hover::before,
nav.dh-smart ul.wp-block-navigation__container li.wp-block-navigation-item.nav-suncatcher.current-menu-item::before {
    color: rgba(255,255,255,0.7);
    opacity: 0.9;
} */

/* Smart Slider Overrides */
body.boat .boat-content .n2-ss-item-content,
body.boat .boat-content .n2-ss-item-content * {
    color: #fff !important;
}
body.boat .boat-content ss3-force-full-width {
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    display: block !important;
    transform: translate3d(0,0,0) !important;
}

body.boat .n2-ss-item-content p {
    color: rgba(255,255,255,0.8) !important;
}

@media screen and (max-width:1080px) {
    .n2-ss-slider .n2-ss-layer-with-background {
        max-height: 120px;
        height: 120px !important;
        padding-top: 0px !important;
        padding-bottom: 10px !important;
    }
}

/* Smart Slider Gradient Override */

/* Nav Overlay Overrides */
body > .wp-block-group.dh-offcanvas {
    background-color: rgba(13,37,63,0.9) !important;
    backdrop-filter: blur(20px);
    z-index: 998;
    /* position: relative; */
}
body > .wp-block-group.dh-offcanvas .wp-block-site-logo {
    width: 50%;
}
body > .wp-block-group.dh-offcanvas .wp-block-site-logo img.custom-logo {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 100%;
}
ul.dh-accordion > li.wp-block-navigation-item a.wp-block-navigation-item__content {
    color: #fff;
}
body > .wp-block-group.dh-offcanvas > .wp-block-group {
    width: calc(100% - 80px);
    max-width: 100%;
    position: relative;
    box-sizing: border-box;
    overflow-x:hidden;
    overflow-y:scroll;
}
body > .wp-block-group.dh-offcanvas > .wp-block-group > * {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
body > .wp-block-group.dh-offcanvas > .wp-block-group > .wp-block-search__inside_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}


/* Footer Overrides */
footer .copygroup {
    display: grid;
    align-items: center;
    text-align: center;
}
.wp-block-digital-hill-dhwp-copyright-block {
    text-align: center;
}
footer ul.wp-block-navigation__container > li.wp-block-navigation-item:not(:has(>.wp-block-social-links)) {
    display: inline-block;
    width: 100%;
    list-style-type: none;
}
footer ul.wp-block-navigation__container.items-justified-right > li.wp-block-navigation-item {
    display: inline-block;
    width: auto;
    list-style-type: none;
}
@media screen and (max-width:1200px) {
    footer ul.wp-block-navigation__container.items-justified-right > li.wp-block-navigation-item {
        justify-items: flex-start;
        width: 100%;
    }
}
@media screen and (max-width:996px) {
    footer ul.wp-block-navigation__container.items-justified-right > li.wp-block-navigation-item {
        justify-items: flex-start;
        width: 100%;
    }
}
footer ul.wp-block-navigation__container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(255,255,255,0.9);
    cursor: pointer;
    transition: all .2s ease;
    display: inline;
}
footer ul.wp-block-navigation__container > li.wp-block-navigation-item > a.wp-block-navigation-item__content:hover {
    color: rgba(255,255,255,1);
    text-decoration: underline;
    width: auto;
    display: inline;
}

/* Footer Social Override */
ul.wp-block-social-links li.wp-social-link a.wp-block-social-link-anchor {
    padding: 0 !important;
}
ul.wp-block-social-links li.wp-social-link a.wp-block-social-link-anchor svg {
    fill: #fff !important;
    stroke: #fff !important;
    background-color: #0D253F !important;
    padding: 2px;
    border-radius: 0;
    border-radius: 4px;
    /* filter: invert(100%) hue-rotate(170deg); */
    border-color: #0D253F !important;
    width: 40px;
    height: 40px;
}

/* Grey Button Set with Red Separator */
.grey-buttons {
    padding: 10px;
    background: #DDDDDD;
    column-gap: 0px;
}

.grey-buttons > .wp-block-button {  
    padding-top: 0px;
    padding-bottom: 0px;
}
.grey-buttons > .wp-block-button:not(:last-child) {
    border-right: 1px solid red;
}

.grey-buttons > .wp-block-button > a.wp-block-button__link {
    padding-top:  6px;
    padding-bottom: 4px;
}
.grey-buttons > .wp-block-button > a.wp-block-button__link:hover {
    color: red !important;
}
@media screen and (max-width:782px) {
    .grey-buttons > .wp-block-button > a.wp-block-button__link {
        font-size: 13px;
        padding: 0px 6px;
    }
}

/* Footer Responsive */
@media screen and (max-width:1192px) {
    footer .wp-block-columns {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media screen and (max-width:996px) {
    footer .wp-block-columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width:600px) {
    footer .wp-block-columns {
        display: grid;
        grid-template-columns: 1fr;
    }
    footer .wp-block-columns .wp-block-column {
        margin-bottom: 20px;
    }
}



/* Boat Template / Pattern Styles */
#wave1 {
    max-width: 100vw !important;
}
 .boat-hero {
    position: relative;
    transition: height .7s ease;
    /* min-height: 740px; */
}
.boat-hero:has( > .wp-block-post-featured-image) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* padding-left: 40px !important;
    padding-right: 40px !important; */
    width: 100vw !important;
}
.boat-hero.wp-block-post-featured-image {
    min-height: 900px;
    max-height: 1200px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100vw !important;
    max-width: 8000px !important;
    padding: 0px;
}
.boat-hero.wp-block-post-featured-image > img {
    object-position: 50% 50%;
    height: 100% !important;
    min-height: 1000px;
    max-height: 1200px;
    width: 100% !important;
    min-width: 100%;
    max-width: none;
}
@media screen and (max-width:1840px) {
    .boat-hero:not(.wp-block-post-featured-image) {
        width: calc(100% - 80px);
        margin-left: 40px;
        margin-right: 40px;
    }
}

.boat-hero-inner {
    display: grid;
    position: absolute;
    top: 125px;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: rgba(0,0,0,0.1); */
    grid-template-columns: 30% 70%;
    align-items: flex-end;
    justify-items: flex-start;
}
.boat-hero:has( > .wp-block-post-featured-image) .boat-hero-inner {
    padding-left: 60px !important;
    padding-right: 60px !important;
}
@media screen and (max-width:1840px) {
    .boat-hero-inner {
        
        grid-template-columns: 40% 60%;
    }
}
@media screen and (max-width:1280px) {
    .boat-hero-inner {
        
        grid-template-columns: 50% 50%;
    }
}
@media screen and (max-width:1140px) {
    .boat-hero-inner {
        
        grid-template-columns: 60% 40%;
    }
}
@media screen and (max-width:700px) {
    .boat-hero-inner {
        top: 64px;
    }
}
/* .boat-hero-inner::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(13,37,63);
    background: linear-gradient(180deg, rgba(13,37,63,0) 0%, rgba(13,37,63,0) 60%, rgba(13,37,63,0.4) 100% );
} */

.boat-hero-title {
    /* grid-column: 1 / span 2;
    grid-row: 1 / span 1;
    display: inline-block;
    margin: 0;
    padding: 60px 0 20px 0;
    align-self: flex-start;
    max-height: 30%;
    display: inline-block;
    width: 100%;
    align-items: flex-start; */
    grid-column: 1 / span 2;
    grid-row: 1 / span 1;
    /* display: inline-block; */
    margin: 0;
    padding: 60px 0 0 0;
    /* align-self: flex-start; */
    max-height: 30%;
    /* display: grid; */
    width: 100%;
    /* align-items: flex-start; */
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    min-height: 100%;
    /* justify-items: flex-start;
    justify-content: flex-start; */
}
.boat-hero-title .wp-block-post-title {
    font-weight: 400;
    letter-spacing: 2px;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    /* font-style: italic; */
    /* font-size: 5vw; */
}
.boat-hero-title > .wp-block-group {
    align-self: flex-end;
    width: 100%;
    justify-items: space-between;
}

.boat-hero-callout {
    position: relative;
    z-index: 9;
    bottom: 0px;
    left: 0;
    width: auto;
    max-width: 90%;
    max-height: 100%;
    background: rgba(13,37,63,0.7);
    backdrop-filter: blur(8px);
    margin: 0;
    overflow-y:hidden;
    color: #fff;
}
.boat-hero-callout > .wp-block-group > * {
    display: inline-block;
    width: 100%;
}
.boat-hero-callout > .wp-block-group.is-vertical {
    gap: 10px;
}
.boat-hero-callout > .wp-block-group.is-vertical h2 {
    font-weight: 700;
}
.boat-hero-callout > .wp-block-group.is-vertical {
    gap: 10px;
}
.boat-hero-callout p.has-small-font-size,
.boat-hero-callout p.has-medium-font-size sub {
    font-size: 12px !important;
    line-height: 18px !important;
    padding: 0px;
    display: inline-block !important;
    padding: 0;
    width: 100%;
    position: relative;
}
.boat-hero-callout p.has-medium-font-size sub {
    top: -10px;
    margin-block-start: 0;
}

.boat-hero-nav {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 9;
    transition: all .1s;
}
.boat-hero-nav.clone {
    position: fixed;
    left: 0;
    right: 0;
    width: auto;
    /* background: rgba(13, 37, 63, 0.7); */
    /* backdrop-filter: blur(8px); */
    top: 84px;
    transition: all .2s ease-out;
    display: none;
    opacity: 0;
    height: 0;
    z-index: 99;
}
.boat-hero-nav.clone {
    top: 110px;
}
/* .admin-bar .boat-hero-nav.clone {
    top: 180px;
} */

.boat-hero-nav > .wp-block-buttons {
    display: grid;
    align-items: center;
    height: auto;
    width: 100%;
    max-width: 100%;
    /* background: rgba(0,0,0,0.1); */
    grid-template-columns: repeat(4, 1fr);
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0;
    gap: 0;
    
}
.boat-hero-nav.clone .wp-block-buttons {
    column-gap: 3px;
    background: rgba(13, 37, 63, 0.7) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    top: -4px;
    border-top: 4px solid #121212;
}

.boat-hero-nav > .wp-block-buttons > .wp-block-button {
    display: grid;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-items: center;
    min-height: 66px;
    
}
.boat-hero-nav.clone > .wp-block-buttons > .wp-block-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    /* background: rgba(13, 37, 63, 0.7); */
    /* backdrop-filter: blur(8px) !important; */
}

.boat-hero-nav > .wp-block-buttons > .wp-block-button > a.wp-block-button__link {
    display: grid;
    width: 100%;
    height: 100%;
    align-content: center;
    justify-content: center;
    /* background: rgba(0,0,0,0.0); */
    border-right: 1px solid #fff;
    transition: all .3s ease;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
    border-radius: 0 !important;
}
.boat-hero-nav.clone > .wp-block-buttons > .wp-block-button > a.wp-block-button__link {
    border-right-color: transparent !important;
    border-right-width: 3px !important;
}
.boat-hero-nav > .wp-block-buttons > .wp-block-button:last-child > a.wp-block-button__link {
    border-right: 0;
}
.boat-hero-nav.clone > .wp-block-buttons > .wp-block-button > a.wp-block-button__link {
    /* background: rgba(13, 37, 63, 0.94) !important; */
    background:none !important;
    backdrop-filter: none !important;
    color: #fff !important;
}
.boat-hero-nav > .wp-block-buttons > .wp-block-button > a.wp-block-button__link:hover {
    /* background: rgba(13, 37, 63, 0.7) !important;
    backdrop-filter: blur(8px); */
    background: rgba(13, 37, 63, 0.7) !important;
    color: #fff !important;
}
.boat-hero-nav.clone > .wp-block-buttons > .wp-block-button > a.wp-block-button__link:hover {
    /* background: rgba(13, 37, 63, 0.7) !important;
    backdrop-filter: blur(8px); */
    /* background: rgba(13, 37, 63, 1) !important; */
    color: #fff !important;
}
.boat-hero-nav > .wp-block-buttons > .wp-block-button.active > a.wp-block-button__link {
    background: #0C243F !important;
    color: #fff !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    min-height: 66px;
}
.boat-hero-nav.clone > .wp-block-buttons > .wp-block-button.active > a.wp-block-button__link {
    /* background: rgba(13, 37, 63, 1) !important; */
    /* background: rgba(0,0,0,0.2) !important; */
    background: #121212 !important;
    color: #fff !important;
    /* min-height: 66px; */
}
@media screen and (max-width:1140px) {
    .boat-hero-inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr auto;
        row-gap: 2px;
    }
    .boat-hero-title {
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self: flex-start;
    }
    .boat-hero-callout {
        width: 100%;
        max-width: 100%;
        grid-column: 1 / span 1;
        grid-row: 2 / span 1;
    }
    .boat-hero-nav {
        grid-column: 1 / span 1;
        grid-row: 3 / span 1;
        
    }
    .boat-hero-nav > .wp-block-buttons > .wp-block-button > a.wp-block-button__link {
        border-right: 0;
        text-align: right;
        background: rgba(13, 37, 63, 0.7) !important;
        color: #fff !important;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .boat-hero-nav > .wp-block-buttons {
        height: 60px;
        column-gap: 2px;
    }
}
@media screen and (max-width:700px) {
    
    .boat-hero-nav > .wp-block-buttons > .wp-block-button > a.wp-block-button__link {
        font-size: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
        height: 100%;
    }
    .boat-hero {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }
    .boat-hero-inner {
        padding-left: 0;
        padding-right: 0;
    }
    .boat-hero-nav > .wp-block-buttons {
        height: auto;
        grid-template-columns: repeat(4, auto);
    }
    .boat-hero-nav.clone {
        position: fixed;
        top: 64px;
    }
    .admin-bar .boat-hero-nav.clone {
        top: 116px;
    }
}
/* @media screen and (max-width:1140px) {
    .boat-hero-callout {
        height: 100%;
        
    }
    .boat-hero-nav {
        height: 100%;
    }
    .boat-hero-nav > .wp-block-buttons {
        display: grid;
        height: 100%;
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
        row-gap: 3px;
    }
    .boat-hero-nav > .wp-block-buttons > .wp-block-button > a.wp-block-button__link {
        border-right: 0;
        text-align: right;
        background: rgba(13, 37, 63, 0.7) !important;
        color: #fff !important;
    }
    .boat-hero-inner {
        top: 85px;
        grid-template-columns: 1fr 160px;
    }
    .boat-hero-callout {
        width: calc(100% - 3px);
        max-width: calc(100% - 3px);
    }
}
@media screen and (max-width:996px) {
    .boat-hero-nav {
        width: 100%;
    }
    
} */

/*.boat-hero-callout {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: auto;
    max-width: 60%;
    background: rgba(13,37,63,0.7);
    backdrop-filter: blur(8px);
    margin: 0;
    margin-top: 260px;
    max-height: 50%;
    overflow-y:scroll;
    color: #fff;
}
.boat-hero-callout > .wp-block-group.is-vertical {
    gap: 10px;
}
.boat-hero-callout > .wp-block-group.is-vertical h2 {
    font-weight: 700;
}


.boat-hero-callout > .wp-block-group > * {
    display: inline-block;
    width: 100%;
}
.boat-hero-callout p.has-small-font-size,
.boat-hero-callout p.has-medium-font-size sub {
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 0px;
    display: inline-block !important;
    padding: 0;
    width: 100%;
    position: relative;
}
.boat-hero-callout p.has-medium-font-size sub {
    top: -10px;
    margin-block-start: 0;
}

.boat-hero-title {
    position: absolute;
    top: 200px;
    left: 0;
    z-index: 10;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
} */

/* Single Boat Rotating Content */
.boat-content {
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.boat-content .boat-content-inner {
    position: relative;
    overflow: hidden;
}
.boat-content .boat-content-inner .boat-columns {
    position: relative;
    display: block;
    overflow:hidden;
    width: 300%;
    left: 0;
    transition: all .4s ease;
}

.boat-content .boat-content-inner .boat-columns > .wp-block-column {
    display: block;
    width: 33.33%;
    float: left;
    overflow:hidden;
}
/* @media screen and (max-width:1840px) {
    
    .boat-content .boat-content-inner .boat-columns > .wp-block-column {
        width: 1600px;
    }
} */

.boat-content .boat-content-inner .boat-columns > .wp-block-column > .wp-block-group {
    /* max-width: 100%; */
}
.boat-content .boat-content-inner .boat-columns > .wp-block-column > .wp-block-group > * {
    /* max-width: calc(100% - var(--wp--style--root--padding-right)); */
}


/* .prod-compare-list {
    filter: invert(1);
} */

body.boat footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link::before {
    
    /* background: #121212; */
}
.overview-heading {
    display: inline-block;
    width: 100%;
}
.boat-overview, .boat-specs, .boat-gallery {
    background: #121212;
}
.boat-overview .wp-block-columns {
    width: 100%;
}

.nextend-thumbnail-inner {
    background: transparent !important;
}


/* Compare Overrides */
body table.prod-compare-list {
    background-color: transparent;
    /* color: inherit; */
    border-width: 0;
    font-size: 1.15rem;
}
body table.prod-compare-list:has( > tbody > tr > th[colspan="2"]) {
    min-width: 300px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:1080px) {
    body table.prod-compare-list {
        /* background-color: none;
        color: inherit; */
        border-width: 0;
        font-size: 0.8rem;
    }
}
body table.prod-compare-list tbody {
    /* border: 2px solid #121212; */
    border-width: 0 !important;
    transition: all .3s ease;
    /* display: block;
    width: 100%; */
}
body table.prod-compare-list tbody.active {
    border-bottom: 10px solid #121212;
}
body table.prod-compare-list tbody.active tr {
    /* display: block;
    width: 100%; */
}
body table.prod-compare-list tbody.active tr.dhcategory-row {
    border-bottom: 2px solid #FFF;
}
body table.prod-compare-list .dhcategory-row th {
    /* background: rgba(244,244,244,0.2); */
    /* backdrop-filter: blur(8px); */
    border-width: 0;
    background: none;
    
}
body.single-boat table.prod-compare-list .dhcategory-row th {
    /* color: #fff; */
}
body table.prod-compare-list .dhcategory-row th::after {
    float: left;
    margin-right: 1em;
}

body table.prod-compare-list tr.dhgroup-row td {
    background-color: rgba(244,244,244,0.1);
    /* color: inherit; */
}

body table.prod-compare-list td {
    /* background-color: rgba(244,244,244,0.05);
    color: #fff; */
}
body.single-boat table.prod-compare-list td {
    /* color: #fff; */
}
body.single-boat .wp-site-blocks > .wp-block-cover.alignfull.has-custom-content-position > .wp-block-cover__inner-container .wp-block-spacer:first-child {
    min-height: 100px;
}
body.single-boat .wp-site-blocks > .wp-block-cover.alignfull {
    /* margin-top: -160px !important; */
}

body table.prod-compare-list tbody.active .dhgroup-row, 
body table.prod-compare-list tbody.active .prod-compare-row {
    border-bottom: 1px solid #121212;
}
body table.prod-compare-list .dhcategory-image-row th {
    vertical-align: top;
}
body table.prod-compare-list .dhcategory-image-row th:first-of-type {
    min-width: 200px;
}
@media screen and (max-width: 768px) {
    body table.prod-compare-list .dhcategory-image-row th:first-of-type {
        min-width: 160px;
    }
}

body table.prod-compare-list .dhcategory-image-row a.btn {
    display: inline-block;
    width: auto;
    padding: 12px 24px;
    background: rgba(255,255,255,0.05);
    /* color: inherit; */
    /* color: rgba(255,255,255,0.8); */
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 20px;
    text-decoration: none;
    transition: all .2s ease;
}
body table.prod-compare-list .dhcategory-image-row a.btn:hover {
    background: rgba(255,255,255,0.1);
    /* color: rgba(255,255,255,1); */
    transform: scale(1.05);
}

body table.prod-compare-list tr:nth-child(1) {
    min-width: 200px;
}
body table.prod-compare-list > tbody.prod-compare-images {
    /* background-color: #121212; */
    background-color: transparent !important;
    background: none;
    padding-bottom: 40px;
}
body table.prod-compare-list img {
    display: inline-block;
    max-width: 100%;
    /* border-radius: 12px; */
}

/* Compare Page / Template */
body table.prod-compare-list tbody.active tr.values-different {
    border-color: transparent;
}
body table.prod-compare-list tr.values-different td {
    background-color: rgba(0,0,0,0.4);
}
body html {
    margin-bottom: 0;
}
body.page-template-compare {
    background: #121212;
}
/* footer.wp-block-template-part {
    overflow: hidden;
} */
body footer.wp-block-template-part > .wp-block-group {
    margin: 0 auto;
}
body footer.wp-block-template-part > .wp-block-group > .wp-block-columns > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
}

body .compare_header {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    /* height: 800px; */
    z-index: -1;
    overflow: hidden;
}

body .compare_header img.wp-post-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;

    position: fixed;
    background-origin: 100% 100%;
}

body .page-template-compare main.wp-block-group > *:not(.compare_header) {
    z-index: 2;
    position: relative;
    display: block;
}
body .page-template-compare main.wp-block-group > div.wp-block-group:nth-child(1) {
    top: 180px;
}
body table.prod-compare-list .dhcategory-image-row th {
    padding-bottom: 80px;
    padding-top: 40px;
}
body table.prod-compare-list .dhcategory-image-row th strong {
    display: inline-block;
    width: 100%;
    padding-bottom: 8px;
}
body.page-template-compare #wave1 {
    background: transparent;
}
/* body.page-template-compare img.mega-icon {
    filter: invert(1);
} */

body.page-template-compare footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link::before {
    height: calc(100% - 100px);
}

body.page-template-compare .prod-compare-toggles {
    display: flex;
    width: 100% !important;
    border-bottom: 1px solid rgba(255,255,255,1);
    max-width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    gap: 3px;
    /* position: absolute;
    left: 0; */
}
body.page-template-compare .prod-compare-toggles > button {
    /* background: #0C243F; */
    background: rgba(255,255,255,0.05);
    padding: 14px 24px;
    color: inherit;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 1.1rem;
    border-right: 1px solid transparent;
    min-height: 80px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .3s ease;
    cursor: pointer;
}
@media screen and (max-width:800px) {
    body.page-template-compare .prod-compare-toggles > button {
        padding: 6px 10px;
        font-size: .7rem;
    }
}
body.page-template-compare .prod-compare-toggles > button:hover {
    background: rgba(13, 37, 63, 0.3);
    color: #fff !important;
    cursor: pointer;
}
body.page-template-compare .prod-compare-toggles > button:last-of-type {
    border-right: 0px;
}
body.page-template-compare .prod-compare-toggles > button.active {
    background: #0C243F;
    color: #fff !important;
}

body.page-template-compare .prod-compare-images tr.dhcategory-image-row th:first-of-type {
    min-width: 80px;
}
body.page-template-compare .prod-compare-images tr.dhcategory-image-row th:not(:first-of-type) {
    position: relative;
    min-width: 80px;
    max-width: 780px;
}
body.page-template-compare .prod-compare-images tr.dhcategory-image-row img.clone {
    filter: brightness(0) blur(12px);
    opacity: 0.2;
    position: absolute;
    top: 30%;
    left: -4%;
    z-index: -1;
    width: 94%;
}

/* body.page-template-compare .prod-compare-images tr.dhcategory-image-row th:not(:first-of-type):before {
    content: "";
    width: 90%;
    position: absolute;
    min-height: 70%;
    background: url(assets/images/boat-shadow.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: -10%;
    top: 50%;
    z-index: -1;
    opacity: 0.3;
} */

/* .sticky-wrapper-compare {
    position: absolute;
    left: 0;
    width: 100%;
    border-top: 3px solid #121212;
} */

/* .boat-hero-nav {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 9;
    transition: all .1s;
} */
.sticky-wrapper-compare {
    height: 0 !important;
}
body.page-template-compare .prod-compare-toggles.clone {
    position: fixed;
    left: 0;
    right: 0;
    width: auto;
    /* background: rgba(13, 37, 63, 0.7); */
    /* backdrop-filter: blur(8px); */
    top: 84px;
    border-top: 3px solid transparent;
    transition: all .2s ease-out;
    display: none;
    opacity: 0;
    height: 0;
    z-index: 99;
    border-bottom: 0px;
    flex-basis: 100%;
    height: 0;
    /* justify-items: center;
    justify-content: center; */
    /* padding-left: 40px; */
}
body.page-template-compare.admin-bar .prod-compare-toggles.clone {
    top: 116px;
}

body.page-template-compare .sticky-wrapper-compare .prod-compare-toggles.clone {
    width: 100%;
    height: 80px;
    background: rgba(13, 37, 63, 0.7);
    backdrop-filter: blur(8px);
    border-top:3px solid #121212;
}

body.page-template-compare .sticky-wrapper-compare .prod-compare-toggles.clone > button {
    background: none;
}
body.page-template-compare .sticky-wrapper-compare .prod-compare-toggles.clone > button.active {
    background: #121212;
}

/* Series */
body.page-template-series {
    background: #fff;
    color: #454545;
}
body.dark header .nav-boat {
    color: #121212 !important;
}
body.dark header .wp-block-navigation-item__content {
    color: inherit !important;
}
body.dark header .wp-block-navigation-item__content .wp-block-navigation-item__label,
body.error404 header .wp-block-navigation-item__content .wp-block-navigation-item__label {
    color: #121212 !important;
}
body.dark header .wp-block-navigation-item__content .wp-block-navigation-item__label:hover,
body.error404 header .wp-block-navigation-item__content .wp-block-navigation-item__label:hover {
    color: red !important;
}
body.dark header.is-scrolled .wp-block-navigation-item__content .wp-block-navigation-item__label,
body.error404 header.is-scrolled .wp-block-navigation-item__content .wp-block-navigation-item__label {
    color: #FFF !important;
}
body.dark header .wp-block-navigation-item__content .wp-block-navigation-item__label > img {
    filter: invert(100);
}
body.dark header.is-scrolled .wp-block-navigation-item__content .wp-block-navigation-item__label > img {
    filter: invert(0);
}
body.dark .hamburger > span {
    background-color: rgba(0,0,0,0.9) !important;
}



.series_wrapper {
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
}
.series_wrapper .compare_buttons {
    position: absolute;
    bottom: -40px;
    left: -160px;
    overflow: visible;
    transform: rotate(90deg);
    z-index: 80;
    display: none;
}
.series_wrapper .compare_buttons button {
    display: block;
    padding: 24px 6px;
    color: #fff;
    background: #454545;
    border: 1px solid #454545;
    font-size: 1.1rem;
    letter-spacing: 1px;
}
.series_wrapper_inner {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    /* grid-template-columns: auto 1fr;
    grid-template-rows: 1fr; */
    /* background: rgba(0,0,0,0.1); */
    align-items: flex-start;
}
.series_title {
    /* display: grid; */
    /* height: auto;
    width: auto; */
    position: relative;
    /* display: grid; */
    font-size: 4vw;
    /* transform: rotate(270deg);
    word-break: keep-all;
    writing-mode:sideways-lr; */
    /* transform: translateX(-100%) rotate(-90deg);
    transform-origin: right; */
    writing-mode:vertical-rl;
    white-space: nowrap;
    display: inline-block;
    overflow: visible;
    transform: rotate(180deg);
    /* transform: rotate(-270deg); */
    transform-origin: 50% 50%;
    text-transform: uppercase;
    text-align: right;
    padding: 40px 10px;
    color: gray;
    opacity: 0.8;
    z-index: 2;
    /* border-left: 1px solid gray; */
}

.series_grid {
    position: relative;
    display: grid;
    box-sizing: border-box;
    grid-template-columns: repeat(4, 1fr);
    padding: 20px;
    width: calc(100% - 40px);
    align-items: flex-start;
    height: auto;
    border-left: 1px solid gray;
    column-gap: 40px;
    row-gap: 40px;
    z-index: 1;
}
@media screen and (max-width:1600px) {
    .series_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width:1080px) {
    .series_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:768px) {
    .series_grid {
        grid-template-columns: 1fr !important;
    }
}
.series_grid::before {
    content: "";
    width: 50px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: gray;
}
.series_grid::after {
    content: "";
    width: 50px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: gray;
}
.series_grid_item {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    width: 100%;
    overflow: visible;
    padding: 20px
}
.series_grid_item img {
    display: inline-block;
    max-width: 100%;
    min-width: 80px;
}
.series_grid_item img.series_img_shadow {
    filter: brightness(0) blur(12px);
    opacity: 0.2;
    position: absolute;
    top: 20%;
    left: -2%;
    z-index: -1;
    width: 90%;
}
.series_grid_item .series_model {
    display: inline-block;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 20px;
}
.page-template-compare .series_grid_item .series_model {
    color: #fff;
}
.series_grid_item .series_buttons {
    display: inline-block;
    overflow: hidden;
    padding-left: 5%;
    padding-right: 5%;
}
.series_grid_item .series_button {
    
    width: auto;
    background: rgba(0,0,0,0.4);
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 12px 24px;
    letter-spacing: 1px;
    margin-right: 3px;
    margin-bottom: 3px;
}
.series_grid_item .series_button.compare {
    display: none;
    background: #D2232A;
}
.series_grid_item label {
    display: inline-block;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 10px;
}
.series_grid_item label span {
    display: inline-block;
    padding-left: 10px;
}
.page-template-compare  .series_grid_item label span {
    color: #fff;
}

/* 404 page */
body.error404 .wp-site-blocks {
    position: relative;
}
body.error404 .wp-site-blocks main.wp-block-group {
    position: relative;
    margin-top: 0 !important;
}

/* Builder */
.portal_builder .entry-content {
    background-size: cover;
    background-attachment: fixed;
}
.portal_builder {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 100% 100%;
}
.product-shared-page,
.dpbuilder {
    padding-top: 0px;
    margin-block-start: 0;
}

body.portal_builder {

}

#dhportal-dealer-submit {
    background: #2E230A;
    color: #fff;
    padding: 8px 24px;
    border: 1px solid #2E230A;
    margin-top: 10px;
    font-size: 18px;
    text-transform: uppercase;
}

.portal-background-clone {
    position: fixed;
    top: -7px;
    left: -7px;
    right: -7px;
    bottom: -7px;
    z-index: -1;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 50%;
    transition: all .35s ease;
}

body.portal_builder footer {
    justify-items: center;
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
body.portal_builder footer > .wp-block-group {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
footer > .wp-block-group .wp-block-columns .wp-block-column:last-of-type {
    
}
footer > .wp-block-group .wp-block-columns .wp-block-column:last-of-type nav {
    margin-block-start: 0 !important;
    padding-top: 102px;
}
@media screen and (max-width:996px) {
    footer > .wp-block-group .wp-block-columns .wp-block-column:last-of-type nav {
        margin-block-start: 0 !important;
        padding-top: 30px;
    }
}

body.portal_builder footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link {
    padding-bottom: 0;
}
body.portal_builder .back-to-surface-buttons .back-to-surface-btn {
    margin-bottom: 20px;
}

body.portal_builder .builder-wrapper.builder-customer-wrapper fieldset.builder-option-category {
    border-width: 0;
}
body.portal_builder .builder-wrapper .builder-working-form:not(.builder-form-list) input[type=checkbox].required:not(.message) + label,
body.portal_builder .builder-wrapper .builder-working-form:not(.builder-form-list) input[type=checkbox].prohibited:not(.message):not(.allowed) + label,
body.portal_builder .builder-wrapper .builder-working-form:not(.builder-form-list) input[type=checkbox].readonly:not(.message) + label,
body.portal_builder .builder-wrapper .builder-working-form:not(.builder-form-list) input[type=checkbox].included:not(.message) + label {
    
    color: #fff;
    border-width: 0;
}

body.portal_builder .builder-wrapper.builder-customer-wrapper div.spec {
    background-color: transparent !important;
    color: #fff;
    border-width: 0;
}
.builder-wrapper input[type=checkbox] + label .detail-text-toggle {
    filter: grayscale(1) invert(1);
    transform: scale(1.4);
}
.builder-wrapper input[type=checkbox] + label.detail-text-visible .detail-text-content {
    background: rgba(0,0,0,0.2);
    margin-top: 8px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    padding: 10px 40px 10px 14px;
}
.builder-wrapper input[type=checkbox] + label.detail-text-visible .detail-text-content:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: #C8C8C8;
    right: 8px;
    top: 10px;
    z-index: 2;
}
.builder-wrapper input[type=checkbox] + label.detail-text-visible .detail-text-content:before {
    content: "✕";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 16px;
    background: none;
    color: #11293C;
    right: 6px;
    top: 15px;
    z-index: 3;
}

.builder-wrapper input[type=checkbox] + label.swatch span.text-wrapper {
    background: none;
    /* color: rgba(255,255,255,0.6) !important; */

}
.builder-wrapper input[type=checkbox]:checked + label.swatch span.text-wrapper, .builder-wrapper input[type=checkbox].included + label.swatch span.text-wrapper {
    /* color: #fff !important; */
}
/* .builder-wrapper section:has(>label.swatch) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-items: center;
    justify-content: center;
    gap: 10px;
    padding-left: 16px;
    padding-right: 16px;
} */
.builder-wrapper input[type=checkbox] + label.swatch span.color-wrapper {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 1px solid rgba(255,255,255,0.1);
    margin-right: 0px;
    overflow: hidden;
}
.builder-wrapper input[type=checkbox] + label.swatch span.color {
    width: 100%;
    height: 100%;
    display: block;
    padding-bottom: 0 !important;
    transform: none !important;
    border-width: 0 !important;
}
.builder-wrapper input[type=checkbox].included + label.swatch span.color-wrapper, .builder-wrapper input[type=checkbox]:checked + label.swatch span.color-wrapper {
    border: 1px solid rgba(255,255,255,0.4);
}
body.portal_builder .builder-wrapper.builder-customer-wrapper div.spec:nth-of-type(even), 
body.portal_builder .builder-wrapper.builder-customer-wrapper section label:not(.swatch):not(.image):nth-of-type(even) {
    opacity: 1 !important;
}
body.portal_builder .builder-wrapper.builder-customer-wrapper section label.swatch {
    padding: 0;
    background-color: transparent;
    min-height: 140px;
}
.builder-wrapper input[type=checkbox].hide + label, 
.builder-wrapper input[type=checkbox].hide + label.swatch {
    display:none!important;    
}
.builder-option-group > section:has(> label.image) {
    background: none;
    /* display: flex;
    flex-wrap: wrap;
    justify-items: center;
    justify-content: center; */
    gap: 10px;
}
.builder-option-group > section:has(> label.image):first-of-type,
.builder-option-group > section:has(> label.swatch):first-of-type {
    /* margin-top: 30px; */
}
.builder-option-group > section:has(> label.image) > label.image {
    display: inline-block;
    min-width: 80px;
    margin-left: 0;
    padding-left: 0;
}
.builder-option-group > section:has(> label.image) > label.image > span.image-wrapper {
    display: grid;
    width: max(80px, 25%);
    justify-content: center;
    border: none !important;
}
.builder-option-group > section:has(> label.image) > label.image > span.image-wrapper > span.image {
    min-width: 80px;
    min-height: 80px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: 50% 50%;
    border: 0 !important;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}
.builder-option-group > section:has(> label.image) > label.image > span.text-wrapper {
    background: none;
}
.builder-option-group > section:has(> label.image) > label.image > br {
    display: none;
}
.builder-option-group > section:has(> label.image) input[type=checkbox]:checked + label.image,
.builder-option-group > section:has(> label.image) input[type=checkbox]:checked + label.image > span.image-wrapper,
.builder-option-group > section:has(> label.image) input[type=checkbox]:checked + label.image > span.image-wrapper > span.image  {
    filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
    box-shadow: none;
    opacity: 1;
}
.builder-option-group > section:has(> label.image) input[type=checkbox]:checked + label.image > span.text-wrapper {
    opacity: 1;
    font-weight: bold;
}
.builder-option-group > section:has(> label.image) input[type=checkbox] + label.image,
.builder-option-group > section:has(> label.image) input[type=checkbox] + label.image > span.image-wrapper,
.builder-option-group > section:has(> label.image) input[type=checkbox] + label.image > span.image-wrapper > span.image,
.builder-option-group > section:has(> label.image) input[type=checkbox] + label.image > span.text-wrapper  {
    filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
    box-shadow: none;
    /* color: rgba(255,255,255,0.7); */
    opacity: 0.9;
    margin-right: 6px;
    /* word-wrap: break-word; */
    word-wrap:normal;
}
.builder-option-group > section:has(> label.image) input[type=checkbox] + label.image > span.image-wrapper {
    filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
    color: rgba(255,255,255,0.7);
    opacity: 0.9;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.builder-option-group > section:has(> label.image) input[type=checkbox] + label.image:hover > span.image-wrapper {
    transform: scale(0.9) !important;
}
.builder-option-group > section:has(> label.image) input[type=checkbox]:checked + label.image:hover > span.image-wrapper {
    transform: scale(1.03) !important;
}
.builder-option-group > section:has(> label.image) input[type=checkbox]:checked + label.image > span.image-wrapper {
    transform: scale(1.03) !important;
}
body .builder-option-group > section:has(> label.image) input[type=checkbox]:checked + label.image > span.image-wrapper > span.image,
body .builder-option-group > section:has(> label.image) input[type=checkbox]:checked + label.image:hover > span.image-wrapper  > span.image {
    -webkit-box-shadow: 0 0 10px rgba(4, 3, 3, 0.6);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
}
body .builder-option-group > section:has(> label.image) input[type=checkbox]:checked + label.swatch,
body .builder-option-group > section:has(> label.image) input[type=checkbox]:checked + label.image,
body .builder-option-group > section:has(> label.swatch) input[type=checkbox]:checked + label.swatch {
    background-color: rgba(244, 244, 244, 0.3) !important;
    opacity:1;
}
.builder-option-group > section:has(> label.image) input[type=checkbox] + label.image > span.text-wrapper {
    /* word-wrap: break-word;
    word-break: break-all; */
    word-wrap: normal;
}
body.portal_builder .builder-wrapper.builder-customer-wrapper div.spec:nth-of-type(odd), 
body.portal_builder .builder-wrapper.builder-customer-wrapper section label:nth-of-type(odd) {
    background-color: rgba(244, 244, 244, 0.05) !important;
    color: #fff;
    border-width: 0;
    margin-bottom: 3px;
    font-size: 17px;
    padding-top: 14px;
    padding-bottom: 12px;
}
body.portal_builder .builder-wrapper.builder-customer-wrapper div.spec:nth-of-type(even), 
body.portal_builder .builder-wrapper.builder-customer-wrapper section label:nth-of-type(even) {
    background-color: rgba(244, 244, 244, 0.05) !important;
    color: #fff;
    border-width: 0;
    margin-bottom: 3px;
    font-size: 17px;
    padding-top: 14px;
    padding-bottom: 12px;
}

body.portal_builder .builder-wrapper.builder-customer-wrapper input[type=checkbox] + label {
    color: #fff;
    border-width: 0;
    min-width: 180px;
}
body.portal_builder .builder-wrapper.builder-customer-wrapper h4 {
    background-color: transparent !important;
    color: #fff;
    border-width: 0;
    font-size: 17px;
    padding: 20px;
    
}
body.portal_builder .builder-wrapper.builder-customer-wrapper h3 {
    color: #fff;
    border-width: 0;
    border-bottom: 1px solid #fff;
    padding: 20px 1em .7em 1em;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Monterserrat", Arial, Helvetica, sans-serif;
    transition: all .3s ease;
}

body.portal_builder .product-shared-page .builder-wrapper.builder-customer-wrapper h3 {
    color: #fff;
    border-width: 0;
    border-bottom: 1px solid #fff;
    padding: 20px 1em .7em 1em;
    font-size: 18px;
    cursor: default !important;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Monterserrat", Arial, Helvetica, sans-serif;
    transition: all .3s ease;
}
body.portal_builder .builder-wrapper.builder-customer-wrapper h3:hover {
    background-color: rgba(255,255,255,0.2);
}
body.portal_builder  .product-shared-page  .builder-wrapper.builder-customer-wrapper h3:hover {
    background-color: transparent !important;
    cursor: default !important;
}
body.portal_builder .builder-wrapper h3:after {
    filter: invert(1);
    border-width: 0;
}
body.portal_builder .builder-wrapper.builder-customer-wrapper .dhflex.customer-option-form {
    border-left: 0;
    padding-top: 25px;
}
.builder-wrapper input[type=checkbox]:checked + label,
.builder-wrapper input[type=checkbox].included + label {
    

}

.builder-wrapper.builder-customer-wrapper input[type=checkbox] + label {
    padding-left: 60px;
}
.builder-wrapper .builder-form-consumer fieldset.builder-option-category > button.toggle-standards {
    background-color: rgb(50, 113, 181); 
    color: #fff;
    padding: 6px 12px;
    border-color: rgb(50, 113, 181);
    top: 12px;
    display: none;
}
.builder-wrapper input[type=checkbox].standard + label .cost-wrapper {
    
    color: lightblue;
}
.builder-option-category section {
    transition: all .2s ease;
}
.builder-wrapper fieldset.builder-option-category.builder-expanded > section {
    display: block;
}
.builder-wrapper fieldset.builder-option-category > section {
    display: none;
}

.builder-wrapper fieldset.builder-option-category {
    transition: all .3s ease;
    margin-bottom: 4px;
}
.builder-wrapper fieldset.builder-option-category.builder-expanded {
    margin-bottom: 20px;
}
.product-shared-page > .model-build-nav h1,
.dpbuilder > .model-build-nav h1 {
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 3.5vw;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media screen and (min-width:1920px) {
    .product-shared-page > .model-build-nav h1, 
    .dpbuilder > .model-build-nav h1 {
        font-size: 68px;
    }
}
.product-shared-page > .model-build-nav,
.dpbuilder > .model-build-nav {
    padding-bottom: 26px;
    height: auto;
    background-image: none !important;
}
.product-shared-page > .model-build-nav h1 strong,
.dpbuilder > .model-build-nav h1 strong {
    font-weight: 400 !important;
    opacity: 0.7;
}
.product-shared-page {
    padding-top: 120px;
}
.dpbuilder {
    padding-top: 0px;
}
@media screen and (max-width:1920px) {
    /* .dpbuilder {
        max-width: calc(100% - 80px);
        margin-left: 40px;
        margin-right: 40px;
    } */
    .product-shared-page,
    .dpbuilder {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* Builder Sticky */
body.portal_builder .builder-customer-wrapper .dhflex .builder-sticky-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: auto;
    background-color: transparent;
    color: #fff;
    overflow: visible;
}
@media screen and (max-width:600px) {
    body.portal_builder .builder-customer-wrapper .dhflex .is-sticky-builder-boat {
        position: relative !important;
        height: auto !important;
        top: 0 !important;
        /* margin-left: -40px;
        width: 100vw; */
    }
    body.portal_builder .builder-customer-wrapper .dhflex .is-sticky-builder-boat .builder-sticky-wrapper {
        position: relative !important;
        height: auto !important;
        top: 0 !important;
        /* background: rgba(13, 37, 63, 0.7);
        backdrop-filter: blur(20px);
        margin-left: 0px;
        margin-right: 0px;
        width: 100vw !important;
        max-width: 100vw; */
        /* width: 100vw; */

        /* left: -40px;
        right: -40px; */
    }
    /* body.portal_builder .builder-customer-wrapper .dhflex .is-sticky-builder-boat .builder-sticky-wrapper img {
        max-width: 140px;
        margin-top: 0;
        margin-bottom: 0;
    } */
}
.builder-customer-wrapper .builder-image-wrapper {
    background: none !important;
}
.builder-customer-wrapper .builder-image-wrapper img {
    margin: 20px;
    width: calc(100% - 40px);
}
.builder-customer-wrapper .builder-image-wrapper.active {
    grid-column: 1 / span 3;
    
    /* margin-top: -20px; */
    /* padding: 20px;
    box-sizing: border-box; */
}
/* .builder-customer-wrapper .builder-image-wrapper:first-of-type {
    width: 0;
    height: 0;
} */
.builder-customer-wrapper .builder-toggle-image-wrap + .builder-image-wrapper.active:first-of-type {
    /* background-color: rgba(0,0,0,0.7) !important;
    padding: 20px;
    width: calc(100% - 40px); */
    /* background-color: #ffffff !important; */
    background-color: rgba(255,255,255,0.05) !important;
    /* width: calc(100% - 40px);
    height: auto; */
}
.dhflex.customer-images p.disclaimer-consumer {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.1;
}
.dhflex.customer-images p.disclaimer-consumer small {
    font-size: 1rem;
}

body.portal_builder .builder-customer-wrapper .dhflex .builder-sticky-wrapper .builder-toggle-image-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    grid-column: 1 / span 3;
    grid-row: 1 / span 1;
    background: none;
    border-bottom: 1px solid rgba(255,255,255,1);
    /* margin-bottom: 20px; */
    box-sizing: border-box;
    left: 0;
}

body.portal_builder .builder-customer-wrapper .dhflex .builder-sticky-wrapper .builder-toggle-image-wrap a {
    /* background: #0C243F; */
    background: rgba(255, 255, 255, 0.05);
    padding: 20px 24px;
    color: #fff;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 1.1rem;
    border-right: 1px solid transparent;
    /* min-height: 80px; */
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .3s ease;
    cursor: pointer;
    font-weight: normal;
}
@media screen and (max-width:992px) {
    body.portal_builder .builder-customer-wrapper .dhflex .builder-sticky-wrapper .builder-toggle-image-wrap a {
        font-size: .8rem;
        padding: 14px 8px;
    }
}


body.portal_builder .builder-customer-wrapper .dhflex .builder-sticky-wrapper .builder-toggle-image-wrap a.active {
    background: #0C243F;
}

body.portal_builder .builder-customer-wrapper.enlarged-images .dhflex .builder-sticky-wrapper .builder-toggle-image-wrap a.builder-zoom-image {
    background: #0C243F;
}

body.portal_builder .builder-customer-wrapper.enlarged-images .sticky-wrapper-builder-boat,
body.portal_builder .builder-customer-wrapper.enlarged-images .sticky-wrapper-builder-boat > .builder-sticky-wrapper {
    position: relative;
    overflow: hidden;
    height: auto !important;
    max-height: auto;
}

body.portal_builder .builder-customer-wrapper .dhflex .builder-sticky-wrapper .builder-image-wrapper.biw-set {
    position: relative;
    /* display: block; */
    width: 90% !important;
    margin-left: 5%;
    margin-right: 5%;
    grid-column: 1 / span 3 !important;
    grid-row: 2 / span 1;
    overflow: visible !important;
    margin-top: 50px;
    margin-bottom: 100px;
}
body.portal_builder .builder-customer-wrapper .dhflex .builder-sticky-wrapper > .biw-product {
    position: relative;
    /* display: block; */
    width: 90% !important;
    margin-left: 5%;
    margin-right: 5%;
    grid-column: 1 / span 3 !important;
    grid-row: 2 / span 1;
    overflow: visible !important;
    margin-top: 50px;
    margin-bottom: 90px;
}
body.portal_builder .builder-customer-wrapper .dhflex .builder-sticky-wrapper .blw-none {
    position: relative;
    grid-column: 1 / span 3;
    grid-row: 4 / span 1;
}

body.portal_builder .builder-customer-wrapper .dhflex .dhpb-total-wrapper {
    position: relative;
    grid-column: 1 / span 3;
    grid-row: 5 / span 1;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-end;
    padding: 20px;
    border-top: 1px solid rgba(255,255,255,1);
    background: none;
    text-align: right;
}
body.portal_builder .builder-customer-wrapper .dhflex .dhpb-total-wrapper.hidden {
    height: 1px;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0;
}
body.portal_builder .builder-customer-wrapper .dhflex .dhpb-total-wrapper > span {
    display: inline-block;
    padding-left: 6px;
}
body.portal_builder .builder-customer-wrapper .dhflex .dhpb-total-wrapper > span.builder-price-label {
    font-weight: normal !important;
}
body.portal_builder .builder-customer-wrapper .dhflex .errors {
    position: relative;
    grid-column: 1 / span 3;
    grid-row: 6 / span 1;
}
body.portal_builder .builder-customer-wrapper .dhflex .dhpb-continue {
    position: relative;
    grid-column: 1 / span 3;
    grid-row: 7 / span 1;
    width: 100%;
    display: grid;
    justify-content: flex-end;
    justify-items: flex-end;
    padding-bottom: 10px;
}
body.portal_builder .builder-customer-wrapper .dhflex .dhpb-continue a.btn {
    background: rgba(255,255,255,0.05);
    font-weight: normal;
    border: none;
    padding: 20px 24px;
    transition: all .2s ease;
}
body.portal_builder .builder-customer-wrapper .dhflex .dhpb-continue a.btn:hover {
    background: rgba(13, 37, 63, 0.3);
}
body.portal_builder .builder-customer-wrapper .dhflex .disclaimer-consumer {
    position: relative;
    grid-column: 1 / span 3;
    grid-row: 8 / span 1;
}

.builder-image-wrapper.biw-set > img.clone,
.builder-image-wrapper.biw-product > img.clone {
    filter: brightness(0) blur(12px);
    opacity: 0.2;
    position: absolute;
    top: 30%;
    left: -4%;
    z-index: -1;
    width: 94%;
}

body.portal_builder footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link::before {
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 30%,rgba(255,255,255,1) 100%);

}

/* Gravity Forms Overrides */
.dealer-zip-form_wrapper {
    position: relative;
}
.dealer-zip-form {
    display: grid;
    grid-template-columns: 1fr auto;
}
div.dealer-zip-input {
    position: relative;
}
.gform_wrapper.gravity-theme .dealer-zip-form .gfield.dealer-zip-input input {
    background: white;
    border: 1px solid #0D2540;
    border-radius: 0 !important;
    margin-right: -2px;
}
.gform_wrapper.gravity-theme  #field_submit,
.gform_wrapper.gravity-theme .gform_footer {
    /* background: black;
    padding: 8px;
    display: grid;
    grid-template-columns: auto 24px 24px;
    align-items: center;
    column-gap: 8px;
    height: 50px; */
}
.gform_wrapper.gravity-theme .gform_footer input[type="image"] {
    object-fit: contain;
    width: 24px;
    height: 24px;
    /* filter:invert(1); */
    /* -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1); */
    position: absolute;
    top: 0;
    right: 7px;
}
/* .gform_wrapper.gravity-theme .gform_footer::before {
    content: "Search";
    color: #fff;
} */
.dealer-zip-form .gform_ajax_spinner {
    position: absolute;
    top: 0;
    right: -34px;
    width: 24px;
    height: 24px;
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon {
    inset-inline-start: -36px;
}

/* Do it myself */
.dealers_zip_wrapper {
    min-width: 200px;
    position: relative;
    padding: 0;
}
.dealers_zip_wrapper .dealer_zip {
    width: 100%;
    padding: 8px;
    position: relative;
    z-index: 1;
    background: white;
    border: 1px solid white;
    border-radius: 0px !important;
}
.dealers_zip_wrapper:after {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: calc(100%);
    font-family: "Material Symbols Outlined";
    content: "\e8b6";
    z-index: 2;
    font-size: 24px;
    line-height:38px;
    text-align: center;
    /* color: #fff;
    background: #0E243F; */
    color:#0E243F;
    background: #fff;
    /* pointer-events: none; */
}
.dealers_zip_wrapper:before {
    position: absolute;
    left: 4px;
    top: 6px;
    width: 24px;
    height: 24px;
    font-family: "Material Symbols Outlined";
    content: "\e0c8";
    z-index: 2;
    font-size: 24px;
    line-height:24px;
    color: rgba(0,0,0,0.9);
}

#dealer_zip,
#dealer_zip_2,
#dealer_zip_3 {
    display: inline-block;
    width: calc(100% - 40px);
    box-sizing: border-box;
    padding: 8px 30px;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    z-index: 1;
    border: 3px solid #fff;
}

ul.wp-block-social-links li.wp-social-link a.wp-block-social-link-anchor svg {
    /* background-color: transparent !important;
    background: none !important; */
    background: none !important;
}

ul.wp-block-social-links li.wp-social-link {
    background: none !important;
}

body .gform_wrapper h2.gform_title {
    display: none !important;
}

body .gform_button.button {
    background: #3271b5;
    border: 1px solid #3271b5;
    color: #fff;
    padding: 8px 24px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.uppercase {
    text-transform: uppercase !important;
}

.model-build-nav .wrapper h1 {
    line-height: 1.3 !important;
}
.product-shared-page > .model-build-nav h1,
.dpbuilder > .model-build-nav h1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 40 !important;
    padding-bottom: 40 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media screen and (max-width:768px) {
    .boat-hero-title > h1,
    .product-shared-page > .model-build-nav h1,
    .dpbuilder > .model-build-nav h1 {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: inline-block;
        word-wrap: normal;
    }
    .dh-offcanvas .wp-block-group.is-content-justification-center,
    .dh-offcanvas .wp-block-group.is-content-justification-center > .wp-block-group.dh-offcanvas.is-active {
        justify-items: center;
        justify-content: center;
    }
}
body > .wp-block-group.dh-offcanvas {
    background-color: rgba(13, 37, 63, 0.9) !important;
}

.c-accordion__item { 
    border:1px solid #ccc;     margin-bottom:1em; 
    padding:.5em; 
}

.c-accordion__item h2 {
    margin:0;
    font-size: 1.6em;
}

/* Builder Share Patches */
body .product-shared-page .builder-image-wrapper {
    overflow: visible;
}
body .product-shared-page .dhflex {
    overflow: visible;
}

body.portal_builder .product-shared-page .builder-wrapper.builder-customer-wrapper h3 {
    padding-left: 0px;
}

body.portal_builder .product-shared-page .content-area .dhcolumn h1 {
    padding-left: 0px;
}
body.portal_builder .product-shared-page .btn-small,
body.portal_builder .product-shared-page .btn.white {
    font-size: 16px;
    background: rgba(255,255,255,0.05);
    transition: all .2s ease;
    color: #fff;
}
body.portal_builder .product-shared-page .btn-small:hover,
body.portal_builder .product-shared-page .btn.white:hover {
    background: rgba(13, 37, 63, 0.3);
}
body.portal_builder .product-shared-page .builder-wrapper.builder-customer-wrapper table {
    text-align: left;
}
body.portal_builder .product-shared-page .builder-wrapper.builder-customer-wrapper table th,
body.portal_builder .product-shared-page .builder-wrapper.builder-customer-wrapper table td {
    padding-right: 10px;
}

body.portal_builder .product-shared-page .builder-wrapper .summary-wrapper .summary-category {
    color: #fff;
    border-width: 0;
    border-bottom: 1px solid #fff;
    padding: 20px 1em .7em 1em;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Monterserrat", Arial, Helvetica, sans-serif;
    transition: all .3s ease;
}

body.portal_builder .product-shared-page .builder-wrapper.builder-customer-wrapper .summary-wrapper li ul li {
    font-size: 17px;
}

@media screen and (max-width:768px) {
    body.portal_builder .product-shared-page .builder-wrapper.builder-customer-wrapper {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }
    body.portal_builder .product-shared-page .builder-wrapper.builder-customer-wrapper .dhflex.phone-100 {
        width: 100% !important;
    }
    body.portal_builder .product-shared-page .builder-wrapper.builder-customer-wrapper {
        width: 100%;
        padding: 10px;
    }
    body.portal_builder .product-shared-page .fright {
        float: none;
        display: flex;
        justify-items: flex-end;
        justify-content: flex-end;
    }
    body.portal_builder .product-shared-page .content-area .dhcolumn h1 {
        font-size: 18px !important;
        padding: 10px 0 0 10px !important;
    }
    body.portal_builder .product-shared-page .builder-wrapper.builder-customer-wrapper h3 {
        padding-top: 0px;
    }
}


/* Buttons with Icons */
body .wp-block-button .wp-block-button__link:has(>img) {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 8px;
}

/* Series Metrics, fix flex layout */
.series-metrics > .is-content-justification-space-between {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}
.series-metrics > .is-content-justification-space-between > .wp-block-group {
    flex: 1;
    position: relative;
    text-align: center;
    line-height: 40px;
}
.series-metrics > .is-content-justification-space-between > .wp-block-group + .wp-block-group {
    border-left: solid 1px rgba(0,0,0,0.5);
}

/* Buttons */
/* red-on-white */
.red-on-white {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
.red-on-white::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #D0021B;
    z-index: 1;
    transition: all .3s ease;
}
.red-on-white:hover::before {
    left: 0;
}
.red-on-white a.wp-block-button__link {
    background-color: transparent !important;
    position: relative;
    z-index: 2;
}
.red-on-white:hover a.wp-block-button__link {
    color: #fff !important;
}
.red-on-white a.wp-block-button__link img {
    display: inline-block;
    transition: all .2s ease-in-out;
    transition-delay: .3s;
    filter: brightness(0) saturate(100%) invert(11%) sepia(65%) saturate(6753%) hue-rotate(347deg) brightness(97%) contrast(107%);
}
.red-on-white:hover a.wp-block-button__link img {
    filter: invert(1);
}

/* white-on-red */
.white-on-red {
    position: relative;
    overflow: hidden;
    background-color: #D0021B;
}
.white-on-red::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    transition: all .3s ease;
}
.white-on-red:hover::before {
    left: 0;
}
.white-on-red a.wp-block-button__link {
    background-color: transparent !important;
    position: relative;
    z-index: 2;
}
.white-on-red:hover a.wp-block-button__link {
    color: #fff !important;
    
}
.white-on-red a.wp-block-button__link img {
    display: inline-block;
    transition: all .2s ease-in-out;
    transition-delay: .3s;
    filter: invert(1);
}

/* view-models, fix overflow */
.view-models {
    overflow: visible;
    margin-bottom: 40px;
}

/* Down Icon */
.down-icon > img {
    filter: invert(1);
    opacity: 0.7;
    transition: all .2s ease;
    margin: 2px;
}
.down-icon:hover > img {
    opacity: 1;
    transform: scale(1.05);
}

/* Fix Default Hamburger */
.page-template-default .hamburger .line {
    background-color: black !important;
}

/* dhwp-block-2024-suncatcher-child > styles.css */
/*
Theme Name: DHWP Block 2024 Suncatcher Child
Theme URI: https://digitalhill.com
Author: Digital Hill Multimedia, Inc.
Author URI: https://digitalhill.com
Description: 
Requires at least: 6.0
Tested up to: 6.5.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: dhwp-block-2024
Text Domain: dhwp-block-2024-suncatcher-child
Tags: blog, news, portfolio, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, style-variations, threaded-comments, translation-ready, 
*/



/* BG Colors #078fae rgba(7,142,174,1) */

/* Override Header BG color */
body .sticky-wrapper.is-sticky > header.wp-block-template-part.is-scrolled > div.wp-block-group > div.wp-block-group {
    /* background: rgba(7,142,174,0.7) !important; */
}

/* Override Blurwater with lighter blue */
body .blurwater::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(7,142,174);
    background: linear-gradient(180deg, rgba(7,142,174,1) 0%, rgba(7,142,174,1) 15%, rgba(7,142,174,0.7) 100%);
    z-index: 1;
    /* backdrop-filter: blur(20px); */
    animation: waterblur 10s infinite ease-in-out alternate;

}

/* Compare and Builder colors */
body.page-template-compare .prod-compare-toggles > button.active {
    background: #078fae;
}
body.page-template-compare .prod-compare-toggles > button:hover {
    background: rgba(7,142,174, 0.3);
    color: #fff !important;
    cursor: pointer;
}
body table.prod-compare-list tr.values-different td {
    background-color: rgba(7,142,174,0.4);
    /* background-color: rgba(255,255,0,0.2); */
}

/* Fix for Single Posts top padding */
body.single-post div.wp-block-cover + main.wp-block-group {
    padding-top: 40px !important; 
}

body.page-template-compare .sticky-wrapper-compare .prod-compare-toggles.clone {
    background: rgba(7,142,174,0.7);
}
body.page-template-compare .sticky-wrapper-compare .prod-compare-toggles.clone > button.active {
    background: rgba(255,255,255,0.1);
}
body.portal_builder .builder-customer-wrapper .dhflex .dhpb-continue a.btn:hover {
    background: rgba(7,142,174, 0.3);
}
table.prod-compare-list tbody.active .dhgroup-row, table.prod-compare-list tbody.active .prod-compare-row {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.sticky-wrapper .wp-block-site-logo .custom-logo-link::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: url(assets/images/g3-logo-overlay.png); */
    background: url(assets/images/suncatcher-logo-mask.png);

    background-size: contain;
    max-width: 100%;
    width: 100%;
    height: auto;
    filter: invert(0);
    transition: all .3s ease;
    display: none;
}
.sticky-wrapper.is-sticky header.is-scrolled .wp-block-site-logo .custom-logo-link {
    /* filter: invert(0); */
}
.sticky-wrapper.is-sticky .wp-block-site-logo .custom-logo-link > img {
    z-index: 1;
}
/* .home .sticky-wrapper .wp-block-site-logo .custom-logo-link::after,
.light .sticky-wrapper .wp-block-site-logo .custom-logo-link::after,
.boat .sticky-wrapper .wp-block-site-logo .custom-logo-link::after,
.portal_builder .sticky-wrapper .wp-block-site-logo .custom-logo-link::after,
.page-template-compare .sticky-wrapper .wp-block-site-logo .custom-logo-link::after {
    display: none;
} */
/* .dark .sticky-wrapper .wp-block-site-logo .custom-logo-link::after {
    display: inline-block;
} */

/* Suncatcher logo invert */
/* .sticky-wrapper.is-sticky header.is-scrolled .wp-block-site-logo .custom-logo-link */
/* .page-template-default .sticky-wrapper header .wp-block-site-logo .custom-logo-link,
.page-template-series .sticky-wrapper header .wp-block-site-logo .custom-logo-link,
.blog .sticky-wrapper header .wp-block-site-logo .custom-logo-link,
.single-post .sticky-wrapper header .wp-block-site-logo .custom-logo-link,
.error404 .sticky-wrapper header .wp-block-site-logo .custom-logo-link {
    filter: invert(1);
} */

/* Suncatcher G3 logo invert? */
body.dark header .wp-block-navigation-item__content .wp-block-navigation-item__label > img,
body.error404 header .wp-block-navigation-item__content .wp-block-navigation-item__label > img {
    /* filter: invert(0); */
}
body.page-template-default header .wp-block-navigation-item__content .wp-block-navigation-item__label img,
body.blog header .wp-block-navigation-item__content .wp-block-navigation-item__label img,
body.single-post header .wp-block-navigation-item__content .wp-block-navigation-item__label img,
body.error404 header .wp-block-navigation-item__content .wp-block-navigation-item__label img {
    /* filter: invert(0); */
}

/* Back to Surface Button */
footer {
    position: relative;
    /* background: #0D253F; */
    
    /* background: #0D253F; */
    /* background:#093751 url("assets/images/g3-bg-1.jpg") 0 0 repeat !important; */
    /* background:#093751 url("assets/images/sc-bg-1.jpg") 50% 50% no-repeat; */
    background:#00B9D3 url("assets/images/sc-bg-1.jpg") 50% 50% no-repeat;
    /* background-position: 0 -200%;
    background-attachment: fixed; */
    background-size: cover;
    padding-bottom: 50px;
    background-repeat: none;
    
}
footer:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: rgb(13,37,63);
    background: linear-gradient(180deg, rgba(13,37,63,1) 0%, rgba(13,37,63,1) 15%, rgba(13,37,63,0.7) 100%); */
    background: rgb(7,143,174);
    background: linear-gradient(180deg, rgba(7,143,174,1) 0%, rgba(7,143,174,1) 15%, rgba(7,143,174,0.7) 100%);
    backdrop-filter: blur(20px);
    animation: waterblur 10s infinite ease-in-out alternate;
    

}
footer > .wp-block-group {
    position: relative;
    z-index: 99 !important;
    background: none !important;
    padding-right: 60px !important;
    background-color: #093751;
    background-position: 0 0;
}
footer .back-to-surface-buttons {
    display: grid;
    position: absolute;
    bottom: 0;
    top: -100px;
    right: 0;
    z-index: 3;
    width: auto;
    background-color: transparent !important;
    align-items: flex-end !important;
    z-index: 2;
    background: rgba(255,255,255,0.1);

}
footer .back-to-surface-buttons .back-to-surface-btn {
    /* position: relative; */
    top: auto;
    background: none;
}
body.page-template-compare footer .back-to-surface-buttons .back-to-surface-btn,
body.page-template-series footer .back-to-surface-buttons .back-to-surface-btn {
    margin-bottom: 20px;
    padding-bottom: 0px;
}
footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link {
    /* position: relative; */
    background-color: transparent !important;
    margin: 0;
    padding: 20px 60px 20px 20px;
    cursor: pointer;
}
footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link:hover {
    background-color: rgba(255,255,255,0.1);
}
footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link::before {
    content: "";
    width: 1px;
    height: calc(100% - 40px);
    position: absolute;
    bottom: 40px;
    right: 29px;
    background: rgba(255,255,255,0.2);

}
footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link::after {
    display: block;
    position: absolute;
    bottom: 26px;
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 99;
    font-family: "Material Symbols Outlined";
    content: "\ead7";
    font-size: 29px;
    color: rgba(255,255,255,1);
    transition: all .1s ease;
}
footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link:hover:after {
    animation: jig .6s ease;
}

@keyframes jig {
    0% { bottom: 26px; }
    25% { bottom: 32px; }
    50% { bottom: 26px; }
    75% { bottom: 32px; }
    100% { bottom: 26px; }
}

body .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon) {
    position: relative;
    z-index: 1;
}
body .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(assets/images/g3-600-white-overlay-1.png);
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .2s ease;
}
body.page-template-series .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after,
body.page-template-default .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after,
body.blog .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after,
body.single-post .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after,
body.error404 .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after {
    opacity: 0;
}

body.page-template-series .sticky-wrapper.is-sticky header.is-scrolled .wp-block-navigation-item__label:has(> .mega-icon):after,
body.page-template-default .sticky-wrapper.is-sticky header.is-scrolled .wp-block-navigation-item__label:has(> .mega-icon):after {
    opacity: 1;
}

body.page-template-compare .sticky-wrapper-compare .prod-compare-toggles.clone > button {
    color: #fff;
}

body footer .is-layout-flex {
    align-items: flex-start;
}

@media screen and (max-width: 1200px) {
    footer ul.wp-block-navigation__container.items-justified-right {
        justify-items: flex-start;
        width: 100%;
    }
    footer ul.wp-block-navigation__container.items-justified-right > li.wp-block-navigation-item {
        justify-items: flex-start;
        display: inline-block;
    }
}

/* Nav 2025 */
.nav2025 {
    width: 100%;
    position: relative;
    /* max-width: 1800px; */
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}
.nav2025 > .wp-block-columns {
    max-width: min(1800px, 100%);
}
.nav2025 .wp-block-column {
    padding: 10px 2px;
}
.nav2025 .wp-block-column .wp-block-group:has(> h4.wp-block-heading) {
    position: relative;
    width: 100%;
}
.nav2025 .wp-block-column:hover {
    background: rgba(0,0,0,0.05);
}
.nav2025 .wp-block-column .wp-block-group h4.wp-block-heading {
    position: relative;
    width: 100%;
    padding-top: 4px;
}
.nav2025  h4.wp-block-heading {
    display: block !important;
    width: 100% !important;
    margin: 0;
    padding: 4px 0 14px 0;
    border-top: 1px solid rgba(0,0,0,0.3);
}
.nav2025 .hover-links {
    display: block !important;
    height: auto !important;
}
.nav2025 .hover-links a,
.nav2025 .hover-links a:hover {
    padding: 0;
    cursor: default !important;
}
.nav2025 .hover-links img {
    max-height: 150px !important;
}
.nav2025 .hover-links .hover-link-text {
    display: none !important;
}
.nav2025 .hover-links a {
    padding: 0;
    min-height: 0px;
}
.nav2025 .wp-block-buttons {
    display: grid;
    grid-template-columns: auto auto;
    font-size: 14px;
}
.nav2025 .wp-block-buttons .wp-block-button {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.nav2025 .wp-block-buttons .wp-block-button__link {
    font-size: 13px;
    padding: 6px 10px;
    width: 100%;
}
@media screen and (max-width:1500px) {
    .nav2025 .wp-block-group {
        width: 100%;
    }
    .nav2025 .wp-block-buttons {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        font-size: 14px;
    }
    .nav2025 .wp-block-buttons .wp-block-button__link {
        display: block;
        width: 100%;
    }
}
.nav2025 p {
    display: inline-block;
    padding-bottom: 14px;
    min-height: 69px;
    text-align: left !important;
}
.nav2025 .wp-block-buttons .wp-block-button__link {
    display: inline-block;
}
.nav2025 .wp-block-buttons .wp-block-button__link  img {
    max-height: 16px;
    max-width: 20px;
    display: none;
}
.nav2025 > .wp-block-columns > .wp-block-column > .wp-block-group {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
}
@media screen and (max-width:1500px) {
    .nav2025 > .wp-block-columns > .wp-block-column > .wp-block-group > p {
        font-size: 16px;
        line-height: 18px;
    }
}

@media screen and (max-width:1120px) {
    .nav2025 .wp-block-buttons {
        display: grid;
        grid-template-columns: 1fr;
    }
    .nav2025 .wp-block-buttons .wp-block-button__link {
        width: 100%;
    }
}

.menga-menu-content,
.dhwp-menga-menu-content {
    display: none;
    position: absolute;
    left: -500%;

}

@media screen and (max-width:1080px) {
    .nav2025 {
        left: -10000px;
        width: 0;
        height: 0;
        overflow: hidden;
        display: none !important;
    }
    .mega-menu-content {
        left: -10000px;
        width: 0;
        height: 0;
        overflow: hidden;
        display: none !important;
    }
}

/* New G3 Header Link */
.g3-header-link {
    display: inline-block;
    max-width: 172px;
}

/* New Header */
/* Outermost wrapper */
.dhwp-header {

}
/* Topbar wrapper */
.dhwp-header .topbar {

}

/* Main Block Group */
.dhwp-header .topbar > .wp-block-group {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    justify-items: center;
    padding: 10px 0;
    column-gap: 1px;

}


/* Nav and G3 Link Group */
.dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group {
    display: grid;
    width: 100%;
    grid-template-columns: 7fr 5.5fr;
    align-items: center;
    justify-items: center;
    transition: all .2s ease;
}
.dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group .dhwp-main-navigation {
    transition: all .2s ease;
}
.dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group .dhwp-second-navigation {
    /* width: calc(100% + 40px);
    margin-left: -40px; */
    transition: all .2s ease;
}
.dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group .dhwp-main-navigation a {
    font-family: "Montserrat", "Helvetica", Arial, sans-serif;
    font-weight: 500;
    font-size: 1rem;
}
.dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group .dhwp-second-navigation a {
    font-family: "Montserrat", "Helvetica", Arial, sans-serif;
    font-weight: 500;
    font-size: 1rem;
}
@media screen and (max-width:1500px) {
    .dhwp-header .topbar {
        padding-left: 14px;
        padding-right: 1px;
    }
    .dhwp-header .topbar > .wp-block-group {
        grid-template-columns: auto 1fr auto;
    
    }
    .dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group .dhwp-main-navigation a,
    .dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group .dhwp-second-navigation a {
        font-size: 15px;
    }
}
@media screen and (max-width:1300px) {
    .dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group .dhwp-main-navigation a,
    .dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group .dhwp-second-navigation a {
        font-size: 14px !important;
    }
}
@media screen and (max-width:1200px) {
    .dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        justify-items: flex-end;
        justify-content: flex-end;
    }
    body .dhwp-header .topbar > .wp-block-group > .wp-block-group > .dhwp-navigation > .dhwp-navigation-gutenberg-navigation-horizontal > ul.wp-block-navigation {
        justify-content: flex-end;
    }
    .dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group .dhwp-main-navigation a,
    .dhwp-header .topbar > .wp-block-group > .wp-block-group.nav-group .dhwp-second-navigation a {
        font-size: 1.1rem !important;
        line-height: 1;
    }
}

/* G3 Link */
.dhwp-header .topbar > .wp-block-group > .wp-block-group > .g3-header-link {
    display: inline-block;
    max-width: 200px;
    align-content: center;
    align-items: center;
}
.dhwp-header .topbar > .wp-block-group > .wp-block-group > .g3-header-link > .hover-links-item, 
.dhwp-header .topbar > .wp-block-group > .wp-block-group > .g3-header-link > .hover-links-item > a {
    height: 67px;
}
/* Main Nav Wrapper */
.dhwp-header .topbar > .wp-block-group > .wp-block-group > .dhwp-navigation {
    display: grid;
    align-items: center;
    align-content: center;
}
/* Main Nav */
.dhwp-header .topbar > .wp-block-group > .wp-block-group > .dhwp-navigation > .dhwp-navigation-gutenberg-navigation-horizontal {
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
}
/* Main Nav UL */
.dhwp-header .topbar > .wp-block-group > .wp-block-group > .dhwp-navigation > .dhwp-navigation-gutenberg-navigation-horizontal > ul.wp-block-navigation {
    display: flex;
    justify-content: space-evenly;
}

/* Main Nav on Tablet */
/* @media screen and (max-width:1440px) {
    .dhwp-header .topbar > .wp-block-group > .wp-block-group > .dhwp-navigation > .dhwp-navigation-gutenberg-navigation-horizontal > ul.wp-block-navigation {
        display: grid;
        grid-template-columns: auto auto auto auto auto;
        justify-items: flex-end;
        justify-content: flex-end;
    }
    .dhwp-header .topbar > .wp-block-group > .wp-block-group > .dhwp-navigation > .dhwp-navigation-gutenberg-navigation-horizontal > ul.wp-block-navigation > .wp-block-navigation-item:nth-child(8) {
       
        grid-row: 2;
        grid-column: 5 / span 1;
    }
    .dhwp-header .topbar > .wp-block-group > .wp-block-group > .dhwp-navigation > .dhwp-navigation-gutenberg-navigation-horizontal > ul.wp-block-navigation > .wp-block-navigation-item:nth-child(7) {
        
        grid-row: 2;
        grid-column: 3 / span 2;
    }
    .dhwp-header .topbar > .wp-block-group > .wp-block-group > .dhwp-navigation > .dhwp-navigation-gutenberg-navigation-horizontal > ul.wp-block-navigation > .wp-block-navigation-item:nth-child(6) {
        
        grid-row: 2;
        grid-column: 2 / span 1;
    }
} */


/* Additional Builder */
body .dhwp-builder-embed {
    overflow: hidden;
}
body .model-build-nav {
    background-image: none !important;
    border-bottom: 1px solid rgba(100,100,100,0.3);
}

/*
Theme Name: DHWP Block 2024 Suncatcher Child
Theme URI: https://digitalhill.com
Author: Digital Hill Multimedia, Inc.
Author URI: https://digitalhill.com
Description: 
Requires at least: 6.0
Tested up to: 6.5.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: dhwp-block-2024
Text Domain: dhwp-block-2024-suncatcher-child
Tags: blog, news, portfolio, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, style-variations, threaded-comments, translation-ready, 
*/

/* Hide WAVES throughout site */
#wave1 {
    opacity: 0 !important;
    height: 20px !important;
    max-height: 20px !important;
    overflow: hidden !important;
}
.wp-block-group:has(> #wave1) {
    opacity: 0;
    margin: 0;
    padding: 0;
}

/* BG Colors #078fae rgba(7,142,174,1) */

/* Override Header BG color */
body .sticky-wrapper.is-sticky > header.wp-block-template-part.is-scrolled > div.wp-block-group > div.wp-block-group {
   /*  background: rgba(7,142,174,0.7) !important; */
    background: rgba(0,0,0,0.7) !important;
}

body.page-template-wp-custom-template-page-no-title-rich .sticky-wrapper.is-sticky > header.wp-block-template-part.is-scrolled > div.wp-block-group > div.wp-block-group {
    background: rgba(0,0,0,0.7) !important;
}

/* Override Blurwater with lighter blue */
body .blurwater::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(7,142,174);
    background: linear-gradient(180deg, rgba(7,142,174,1) 0%, rgba(7,142,174,1) 15%, rgba(7,142,174,0.7) 100%);
    z-index: 1;
    /* backdrop-filter: blur(20px); */
    animation: waterblur 10s infinite ease-in-out alternate;

}

/* Compare and Builder colors */
body.page-template-compare .prod-compare-toggles > button.active {
    background: #078fae;
}
body.page-template-compare .prod-compare-toggles > button:hover {
    background: rgba(7,142,174, 0.3);
    color: #fff !important;
    cursor: pointer;
}
body table.prod-compare-list tr.values-different td {
    background-color: rgba(7,142,174,0.4);
    /* background-color: rgba(255,255,0,0.2); */
}

/* Fix for Single Posts top padding */
body.single-post div.wp-block-cover + main.wp-block-group {
    padding-top: 40px !important; 
}

body.page-template-compare .sticky-wrapper-compare .prod-compare-toggles.clone {
    background: rgba(7,142,174,0.7);
}
body.page-template-compare .sticky-wrapper-compare .prod-compare-toggles.clone > button.active {
    background: rgba(255,255,255,0.1);
}
body.portal_builder .builder-customer-wrapper .dhflex .dhpb-continue a.btn:hover {
    background: rgba(7,142,174, 0.3);
}
table.prod-compare-list tbody.active .dhgroup-row, table.prod-compare-list tbody.active .prod-compare-row {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.sticky-wrapper .wp-block-site-logo .custom-logo-link::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: url(assets/images/g3-logo-overlay.png); */
    background-size: contain;
    max-width: 100%;
    width: 100%;
    height: auto;
    /* filter: invert(0); */
    transition: all .3s ease;
}
/* .sticky-wrapper.is-sticky header.is-scrolled .wp-block-site-logo .custom-logo-link {
    filter: invert(0);
} */
.sticky-wrapper.is-sticky .wp-block-site-logo .custom-logo-link > img {
    z-index: 1;
}
.home .sticky-wrapper .wp-block-site-logo .custom-logo-link::after,
.light .sticky-wrapper .wp-block-site-logo .custom-logo-link::after,
.boat .sticky-wrapper .wp-block-site-logo .custom-logo-link::after,
.portal_builder .sticky-wrapper .wp-block-site-logo .custom-logo-link::after,
.page-template-compare .sticky-wrapper .wp-block-site-logo .custom-logo-link::after {
    display: none;
}
.dark .sticky-wrapper .wp-block-site-logo .custom-logo-link::after {
    display: inline-block;
}

/* Suncatcher logo invert */
/* .sticky-wrapper.is-sticky header.is-scrolled .wp-block-site-logo .custom-logo-link */
.page-template-default .sticky-wrapper header .wp-block-site-logo .custom-logo-link,
.page-template-series .sticky-wrapper header .wp-block-site-logo .custom-logo-link,
.blog .sticky-wrapper header .wp-block-site-logo .custom-logo-link,
.single-post .sticky-wrapper header .wp-block-site-logo .custom-logo-link,
.error404 .sticky-wrapper header .wp-block-site-logo .custom-logo-link {
    /* filter: invert(1); */
}

/* Suncatcher G3 logo invert? */
body.dark header .wp-block-navigation-item__content .wp-block-navigation-item__label > img,
body.error404 header .wp-block-navigation-item__content .wp-block-navigation-item__label > img {
    filter: invert(0);
}
body.page-template-default header .wp-block-navigation-item__content .wp-block-navigation-item__label img,
body.blog header .wp-block-navigation-item__content .wp-block-navigation-item__label img,
body.single-post header .wp-block-navigation-item__content .wp-block-navigation-item__label img,
body.error404 header .wp-block-navigation-item__content .wp-block-navigation-item__label img {
    filter: invert(0);
}

/* Back to Surface Button */
footer {
    position: relative;
    /* background: #0D253F; */
    
    /* background: #0D253F; */
    /* background:#093751 url("assets/images/g3-bg-1.jpg") 0 0 repeat !important; */
    /* background:#093751 url("assets/images/sc-bg-1.jpg") 50% 50% no-repeat; */
    background:#00B9D3 url("assets/images/sc-bg-1.jpg") 50% 50% no-repeat;
    /* background-position: 0 -200%;
    background-attachment: fixed; */
    background-size: cover;
    padding-bottom: 50px;
    background-repeat: none;
    
}
footer:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: rgb(13,37,63);
    background: linear-gradient(180deg, rgba(13,37,63,1) 0%, rgba(13,37,63,1) 15%, rgba(13,37,63,0.7) 100%); */
    background: rgb(7,143,174);
    background: linear-gradient(180deg, rgba(7,143,174,1) 0%, rgba(7,143,174,1) 15%, rgba(7,143,174,0.7) 100%);
    backdrop-filter: blur(20px);
    animation: waterblur 10s infinite ease-in-out alternate;
}
footer:has(>.dhwp-footer-rich) {
    backdrop-filter: none !important;
    background:#000000 url("assets/images/rich-bg-2025.webp") 50% 50% no-repeat;
    background-size: cover;
}
footer:has(>.dhwp-footer-rich):after {
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.0) 100%);
    backdrop-filter: none !important;
    animation: none !important;
}

footer > .wp-block-group {
    position: relative;
    z-index: 99 !important;
    background: none !important;
    padding-right: 60px !important;
    background-color: #093751;
    background-position: 0 0;
}
footer .back-to-surface-buttons {
    display: grid;
    position: absolute;
    bottom: 0;
    top: -100px;
    right: 0;
    z-index: 3;
    width: auto;
    background-color: transparent !important;
    align-items: flex-end !important;
    z-index: 2;
    background: rgba(255,255,255,0.1);

}
footer .back-to-surface-buttons .back-to-surface-btn {
    /* position: relative; */
    top: auto;
    background: none;
}
body.page-template-compare footer .back-to-surface-buttons .back-to-surface-btn,
body.page-template-series footer .back-to-surface-buttons .back-to-surface-btn {
    margin-bottom: 20px;
    padding-bottom: 0px;
}
footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link {
    /* position: relative; */
    background-color: transparent !important;
    margin: 0;
    padding: 20px 60px 20px 20px;
    cursor: pointer;
}
footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link:hover {
    background-color: rgba(255,255,255,0.1);
}
footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link::before {
    content: "";
    width: 1px;
    height: calc(100% - 40px);
    position: absolute;
    bottom: 40px;
    right: 29px;
    background: rgba(255,255,255,0.2);

}
footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link::after {
    display: block;
    position: absolute;
    bottom: 26px;
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 99;
    font-family: "Material Symbols Outlined";
    content: "\ead7";
    font-size: 29px;
    color: rgba(255,255,255,1);
    transition: all .1s ease;
}
footer .back-to-surface-buttons .back-to-surface-btn > a.wp-block-button__link:hover:after {
    animation: jig .6s ease;
}

@keyframes jig {
    0% { bottom: 26px; }
    25% { bottom: 32px; }
    50% { bottom: 26px; }
    75% { bottom: 32px; }
    100% { bottom: 26px; }
}

body .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon) {
    position: relative;
    z-index: 1;
}
body .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(assets/images/g3-600-white-overlay-1.png);
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .2s ease;
}
body.page-template-series .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after,
body.page-template-default .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after,
body.blog .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after,
body.single-post .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after,
body.error404 .sticky-wrapper header .wp-block-navigation-item__label:has(> .mega-icon):after {
    opacity: 0;
}

body.page-template-series .sticky-wrapper.is-sticky header.is-scrolled .wp-block-navigation-item__label:has(> .mega-icon):after,
body.page-template-default .sticky-wrapper.is-sticky header.is-scrolled .wp-block-navigation-item__label:has(> .mega-icon):after {
    opacity: 1;
}

body.page-template-compare .sticky-wrapper-compare .prod-compare-toggles.clone > button {
    color: #fff;
}

body footer .is-layout-flex {
    align-items: flex-start;
}

@media screen and (max-width: 1200px) {
    footer ul.wp-block-navigation__container.items-justified-right {
        justify-items: flex-start;
        width: 100%;
    }
    footer ul.wp-block-navigation__container.items-justified-right > li.wp-block-navigation-item {
        justify-items: flex-start;
        display: inline-block;
    }
}

/* Nav 2025 */
.nav2025 {
    width: 100%;
    position: relative;
    /* max-width: 1800px; */
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}
.nav2025 > .wp-block-columns {
    max-width: min(1800px, 100%);
}
.nav2025 .wp-block-column {
    padding: 10px 2px;
}
.nav2025 .wp-block-column .wp-block-group:has(> h4.wp-block-heading) {
    position: relative;
    width: 100%;
}
.nav2025 .wp-block-column:hover {
    background: rgba(0,0,0,0.05);
}
.nav2025 .wp-block-column .wp-block-group h4.wp-block-heading {
    position: relative;
    width: 100%;
    padding-top: 4px;
}
.nav2025  h4.wp-block-heading {
    display: block !important;
    width: 100% !important;
    margin: 0;
    padding: 4px 0 14px 0;
    border-top: 1px solid rgba(0,0,0,0.3);
}
.nav2025 .hover-links {
    display: block !important;
    height: auto !important;
}
.nav2025 .hover-links a,
.nav2025 .hover-links a:hover {
    padding: 0;
    cursor: default !important;
}
.nav2025 .hover-links img {
    max-height: 150px !important;
}
.nav2025 .hover-links .hover-link-text {
    display: none !important;
}
.nav2025 .hover-links a {
    padding: 0;
    min-height: 0px;
}
.nav2025 .wp-block-buttons {
    display: grid;
    grid-template-columns: auto auto;
    font-size: 14px;
}
.nav2025 .wp-block-buttons .wp-block-button {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.nav2025 .wp-block-buttons .wp-block-button__link {
    font-size: 13px;
    padding: 6px 10px;
    width: 100%;
}
@media screen and (max-width:1500px) {
    .nav2025 .wp-block-group {
        width: 100%;
    }
    .nav2025 .wp-block-buttons {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        font-size: 14px;
    }
    .nav2025 .wp-block-buttons .wp-block-button__link {
        display: block;
        width: 100%;
    }
}
.nav2025 p {
    display: inline-block;
    padding-bottom: 14px;
    min-height: 69px;
    text-align: left !important;
}
.nav2025 .wp-block-buttons .wp-block-button__link {
    display: inline-block;
}
.nav2025 .wp-block-buttons .wp-block-button__link  img {
    max-height: 16px;
    max-width: 20px;
    display: none;
}
.nav2025 > .wp-block-columns > .wp-block-column > .wp-block-group {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
}
@media screen and (max-width:1500px) {
    .nav2025 > .wp-block-columns > .wp-block-column > .wp-block-group > p {
        font-size: 16px;
        line-height: 18px;
    }
}

@media screen and (max-width:1120px) {
    .nav2025 .wp-block-buttons {
        display: grid;
        grid-template-columns: 1fr;
    }
    .nav2025 .wp-block-buttons .wp-block-button__link {
        width: 100%;
    }
}

.menga-menu-content,
.dhwp-menga-menu-content {
    display: none;
    position: absolute;
    left: -500%;

}

@media screen and (max-width:1080px) {
    .nav2025 {
        left: -10000px;
        width: 0;
        height: 0;
        overflow: hidden;
        display: none !important;
    }
    .mega-menu-content {
        left: -10000px;
        width: 0;
        height: 0;
        overflow: hidden;
        display: none !important;
    }
}

/* Boat 2025 */
.boat-hero-2025 > .wp-block-group > .wp-block-group > .wp-block-columns > .wp-block-column .hover-links-item .hover-link-text:empty {
    display: none;
}
.boat-stats-2025 .is-content-justification-space-between {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.expand-circle-left {
    position: relative;
}
.expand-circle-left > a {
    padding-left: 52px;
}
.expand-circle-left::after {
    font-family: "Material Symbols Outlined";
    content: "\f591";
    position: absolute;
    font-size: 26px;
    width: 40px;
    height: 100%;
    display: grid;
    align-content: center;
    justify-content: center;
    color: white;
    top: 0;
    bottom: 0;
    left: 12px;
    right: 0;
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 2;
    pointer-events:none;
}

.expand-circle-right {
    position: relative;
}
.expand-circle-right > a {
    padding-right: 52px;
}
.expand-circle-right::after {
    font-family: "Material Symbols Outlined";
    content: "\f591";
    position: absolute;
    font-size: 26px;
    width: 40px;
    height: 100%;
    display: grid;
    align-content: center;
    justify-content: center;
    color: white;
    top: 0;
    bottom: 0;
    left: auto;
    right: 12px;
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 2;
    pointer-events: none;
}

/* Extra Compare fixes. */
body .prod-compare-images tr.dhcategory-image-row img.clone {
    filter: brightness(0) blur(12px);
    opacity: 0.2;
    position: absolute;
    top: 30%;
    left: -4%;
    z-index: -1;
    width: 94%;
    display: none;
}

body .prod-compare-toggles.is-sticky {
    background-color: rgba(255,255,255,0.1);
    backdrop-filter: blur(20px);
}
body .prod-compare-toggles button.btn {
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(120,120,120,0.3) !important;
}
body table.prod-compare-list .dhcategory-image-row a.btn {
    background: #D2232A;
    border: 1px solid #D0021B;
    color: white;
    border-radius: 0;
    /* border: 1px solid rgba(120,120,120,0.3) !important; */
    display: inline-grid;
    grid-template-columns: auto auto;
    align-content: center;
    justify-content: center;
    width: auto;
    column-gap: 10px;
    cursor: pointer;
    font-size: 1rem;
}
body table.prod-compare-list .dhcategory-image-row a.btn::after {
    font-size: 12px;
}
body table.prod-compare-list .dhcategory-image-row a.btn.btn-explore {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(120,120,120,0.3) !important;
}
body table.prod-compare-list .dhcategory-image-row a.btn.btn-explore::after {
    content: "\e8b6";
    transform: scaleX(-1);
}


body table.prod-compare-list .dhcategory-image-row a.btn::after {
    position: relative;
    display: inline-block;
    font-family: "Material Symbols Outlined";
    content: "\f591";
    /* transform: scaleX(-1); */
    font-size: 1.1rem;
    z-index: 2;
    text-align: right;
}
body table.prod-compare-list .dhcategory-image-row a.btn:hover {
    background: black;
    color: white;
    transform: scale(1);
}

body table.prod-compare-list tr.values-different td {
    background-color: rgba(7,142,174,0.4) !important;
}
body .builder-toggle-image-wrap > a.builder-toggle-image {
    border: 1px solid rgba(120,120,120,0.3) !important;
}
body .builder-toggle-image-wrap > a.builder-zoom-image {
    border: 1px solid rgba(120,120,120,0.3) !important;
}

body .builder-customer-wrapper.builder-wrapper .builder-sticky-wrapper .builder-toggle-image-wrap {
    position: relative;
}

/* Patch for Pop-up Specs & Standard Features to hide the other sections auto-generated by builder */
body.single-boat .simple-popup table.prod-compare-list tbody {
    display: none;
}
body.single-boat .simple-popup table.prod-compare-list tbody:nth-child(1),
body.single-boat .simple-popup table.prod-compare-list tbody:nth-child(2) {
    display: table-row-group;
}