.content-area-wide { margin-left:2%; margin-right:2%; }

.wp-block-separator.has-background:not(.is-style-dots) { border: none; height: 1px; }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; }
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { height: 2px; }

.wp-block-cover.has-background-dim.has-dark-blue-background-color,
.has-dark-blue-background-color { background-color: #141448; }
.wp-block-cover.has-background-dim.has-black-background-color,
.has-black-background-color { background-color: #000; }
.wp-block-cover.has-background-dim.has-red-background-color,
.has-red-background-color { background-color: #e82128; }
.wp-block-cover.has-background-dim.has-green-background-color,
.has-green-background-color { background-color: #59b200; }
.wp-block-cover.has-background-dim.has-white-background-color,
.has-white-background-color { background-color: #fff; }
.wp-block-cover.has-background-dim.has-light-gray-background-color,
.has-light-gray-background-color { background-color: #f2f2f2; }
.has-dark-blue-color { color: #141448; }
.has-black-color { color: #000; }
.has-red-color { color: #e82128; }
.has-green-color { color: #59b200; }
.has-white-color { color: #fff; }
.has-light-gray-color { color: #f2f2f2; }

.wp-block-button__link { font-size: 14px; padding: 10px 20px; background-color: #141448; border:1px solid rgba(0,0,0,0); }
.wp-block-button__link:hover { border-color:#000;  }
.wp-block-button__link.has-dark-blue-background-color { background-color: #141448; border: 1px solid #212121; }
.wp-block-button__link.has-black-background-color { background-color: #000; border: 1px solid #000; }
.wp-block-button__link.has-red-background-color { background-color: #e82128; border: 1px solid #d0140a; }
.wp-block-button__link.has-green-background-color { background-color: #59b200; border: 1px solid #48a100; }
.wp-block-button__link.has-white-background-color { color: #000; background-color: #fff; border: 1px solid #d9d9d9; }
.wp-block-button__link.has-light-gray-background-color { background-color: #f2f2f2; color: #000; border: 1px solid #d2d2d2; }
.wp-block-button__link.has-dark-blue-background-color:hover { background-color: #36366a; color: #fff; }
.wp-block-button__link.has-black-background-color:hover { background-color: #333; color: #fff; }
.wp-block-button__link.has-red-background-color:hover { background-color: #f00; color: #fff; }
.wp-block-button__link.has-green-background-color:hover { color: #fff; background-color: #6c0; }
.wp-block-button__link.has-white-background-color:hover { background-color: #d9d9d9; }
.wp-block-button__link.has-light-gray-background-color:hover { background-color: #fff; }

.is-style-outline .wp-block-button__link { color: #141448; background-color: #fff; border: 1px solid #141448; }
.is-style-outline .wp-block-button__link:hover { color: #fff; background-color: #141448; }


.has-text-align-center + .dealersearch { text-align:center; }

div.dev-log { background-color: #ddd; padding-left: 2%; padding-right: 2%; }

form.dealersearch { border:none; background:none; }
form.dealersearch input { padding: .5em; }
form.dealersearch button { text-transform:uppercase; padding:.5em 2em; }
form.dealersearch.dark-blue-reverse { }
form.dealersearch.dark-blue-reverse input { color:#fff; background-color: #141448; border: 1px solid #fff; }
form.dealersearch.dark-blue-reverse input:placeholder { color:#fff; }
form.dealersearch.dark-blue-reverse button { color: #141448; background-color: #fff; border: 1px solid #fff; }
form.dealersearch.dark-blue { }
form.dealersearch.dark-blue:hover { background:none; }
form.dealersearch.dark-blue input { color: #000; background-color: #fff; border: 1px solid #141448; }
form.dealersearch.dark-blue button { color: #fff; background-color: #141448; border: 1px solid #141448; }

form.dealersearch.black-reverse { }
form.dealersearch.black-reverse input { color: #fff; background-color: #000; border: 1px solid #fff; }
form.dealersearch.black-reverse input:placeholder { color: #fff; }
form.dealersearch.black-reverse button { color: #000; background-color: #fff; border: 1px solid #fff; }
form.dealersearch.black { }
form.dealersearch.black:hover { background: none; }
form.dealersearch.black input { color: #000; background-color: #fff; border: 1px solid #000; }
form.dealersearch.black button { color: #fff; background-color: #000; border: 1px solid #000; }


.dhflex-wrap.g3page-preview { display:none; }

/* cms-based pages */
.page-intro { color:#fff; text-align:center; padding:.5em 0; }

.boat-finder-tools h5 { font-size: 1.1em; }

.boat-finder-tools .content-area-wide { display: flex; justify-content: center; }
.boat-finder-tools { border-top: 1px solid #ddd; }
.boat-finder-tools .dhflex + .dhflex { margin-left: 1.32%; padding-left: 1.32%; border-left: 1px solid #ddd; }
.boat-finder-tools .dhflex { padding: 1em 0; font-size: .9em; }

.boat-type-wrapper label { display: inline-block; margin-right: 1em; }
.range-slider-wrapper .range-slider { padding: 0 16px; margin-bottom: 1em; }
.range-slider-wrapper div.form-widget { display: inline-block; }
.range-slider-wrapper input { width: 3em; border: 1px solid #eee; padding: 2px 5px; }
.boat-finder-tools .noUi-connect { background-color: #141448; }

/* g3specs shortcode */
table.g3specs-list { border-collapse:collapse; font-size:.8rem; min-width:30%; margin:0 auto; }
table.g3specs-list th, table.g3specs-list td { padding: .5em 1em; text-align: left; }
table.g3specs-list .g3category-row th { border-bottom: 1px solid #ccc; cursor: pointer; text-transform:uppercase; }
table.g3specs-list .g3category-row th:after { content: " +"; font-weight: bold; }
table.g3specs-list tbody.active .g3category-row th:after { content: " \2013"; }
table.g3specs-list tbody { border: 1px solid #ccc;}
table.g3specs-list th, table.g3specs-list td { border: none; }
table.g3specs-list td { background-color:#f5f5f5; text-align:center; }
table.g3specs-list .g3group-row td { font-weight: bold; padding-top: 1.5em; }
table.g3specs-list .g3group-row,
table.g3specs-list .g3specs-row { display: none; }
table.g3specs-list .g3specs-row:last-of-type td { padding-bottom: 1.5em; }
table.g3specs-list .g3group-row td:first-of-type,
table.g3specs-list .g3specs-row td:first-of-type { text-align: left; }
table.g3specs-list tbody.active .g3group-row,
table.g3specs-list tbody.active .g3specs-row { display: table-row; border-bottom:1px solid #e3e3e3; }

/* g3summary shortcode */
.g3summary-wrap { position:relative; z-index:9; max-width:none; }
.g3summary { background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.5); margin: 1em; padding: 1px; }
.g3summary-wrap.g3hover .g3summary { position: absolute; top: 50px; right: 3%; }
.g3summary > * { margin:1em 20px; }
.g3summary h1 { color:#e82128; font-size:1rem; text-align:center; }
.g3summary table tbody { font-size:.9rem; }
.g3summary th,
.g3summary td { text-align:left; text-transform:uppercase; white-space:nowrap; padding:.25em 10px; margin:1em 10px; }
.g3summary a.btn { display: block; text-align:center; text-transform:uppercase; font-size:.9rem; }
.g3summary a.btn.white { border:none; border-top:1px solid #ccc; margin:1em 0 0; }
.g3summary table.multisummary th { padding-left: 0; padding-right: 0; }
.g3summary table.multisummary thead th:last-of-type { padding-left: 10px; }
.g3summary table.multisummary td { text-align: center; padding-right:0; }
.g3summary-placeholder { display:none; }

/* g3dealerlocator shortcode */
.g3dealerlocator table { margin:1em auto; border-collapse:collapse; border:1px solid #eee; }
.g3dealerlocator th,
.g3dealerlocator td { text-align:left; padding:1em 2em; vertical-align:top; }
.g3dealerlocator th { background-color:#141448; color:#fff; }
.g3dealerlocator td { font-size:.9em; }
.g3dealerlocator tr:nth-of-type(even) { background-color:#eee; }

.g3dealerlocator .g3marker .g3dealername { background-color: #141448; color: #fff; padding: .2em .5em; }
.g3dealerlocator .g3marker .g3dealersummary { padding: .2em .5em; line-height: 1.5; }

.g3dealerlocator button.loading img { width:100px; display:block; }


/* g3lightbox */
#g3lightbox { position: fixed; z-index: 999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; text-align: center; background-color: rgba(0,0,0,.9); }
#g3lightbox.hidden { display:none; }
#g3lightbox-content { position: relative; margin: auto; padding: 0; max-width: 1200px; }
#g3lightbox-close { color: white; position: absolute; top: 25px; right: 25px; font-size: 35px; font-weight: bold; }
#g3lightbox-close:hover, #g3lightbox-close:focus { color: #999; text-decoration: none; cursor: pointer; }

#g3lightbox.g3formlightbox #g3lightbox-content { padding:1em 2em; max-width:500px; background-color:#fff; max-height:80%; overflow:auto; }


/* shared boat page */
#social-share div { display: inline-block; vertical-align: top; margin: 0 .25em 0 0; }
.boat-shared-page { padding: 0 2em; }
.boat-shared-page .builder-wrapper h3 { background: none !important; }
.shared-view h3 { padding-left: 0 !important; }


.boat-shared-page table { border-collapse: collapse; width: 100%; font-size: .9em; }
.boat-shared-page table th,
.boat-shared-page table td { border: 1px solid #666; border-left: none; border-right: none; padding: .25em .5em; }
.boat-shared-page tr:nth-of-type(odd) { background-color: #f5f5f5; }
.boat-shared-page th { text-align: left; }
.boat-shared-page .builder-wrapper .summary-wrapper { font-size: .9em; }


/* customer info form */
form.customer-info h3 { margin-top: 0; }
form.customer-info .form-widget { font-size: .8em; margin-bottom: .5em; display: block; }
form.customer-info .form-widget label { display: inline-block; width: 100px; }
form.customer-info .form-widget select,
form.customer-info .form-widget input[type=text] { display: inline-block; box-sizing: border-box; width: 200px; font-size: 1em; }
form.customer-info .form-widget-yesno { display: inline-block; vertical-align: top; padding: .5em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
form.customer-info .form-widget-yesno:after { display: inline-block; vertical-align: top; width: 200px; content: "I agree to receive news and promotional emails about products & services. You can unsubscribe at any time."; }
form.customer-info .form-widget-yesno label { display: none; }
form.customer-info .form-widget-yesno a.switch { display: inline-block; background: transparent url(img/icon-bab-unselected-checkbox.svg) no-repeat top left/16px; width: 100px; height: 16px; }
form.customer-info .form-widget-yesno a.switch-on { background-image: url(img/icon-bab-selected-checkbox.svg); }

form.customer-info .optinwrap.hidden { display: none; }

/* g3modellist shortcode -- adjust to allow black */
.wrap-class-black .btn.dark-blue { background-color: #000; }
.wrap-class-black .btn.dark-blue:hover { background-color: #333; }
.wrap-class-black .specs-table thead tr th { background-color:#000; }


/* 782 based on WP mobile menu flip */
@media (min-width: 783px) { header .dhlogomenu, header.dhlogoheaderwidget { background-color:#fff; }
	.logo-container { z-index: 4; position: static; top: auto; left: auto; width: 250px; margin: 1em auto; }
	.dhfullmenu > .content-area-wide { border-top: 1px solid #000; }
	.dhfullmenu .dhmenu { text-align: center; }
	.dhfullmenu .dhmenu > li { float: none; }
	.dhfullmenu .dhmenu > li + li + li + li .dhflex-wrap.g3page-preview { flex-direction: row-reverse; left: auto; right: -20%; }
	.dhmenu > li > a { font-size:1em; text-transform:uppercase; }

	.dhbottommenu { border-bottom: none; box-shadow: 0 5px 5px rgba(0,0,0,.2); }
	.dhmenu > li > ul { border-top: none; display:none!important; }


	div.dhheaders { position: relative; }
	div.dhheaders section.dhheader { position: absolute; font-size: .8em; }
	div.dhheaders section.dhheader.count-1 { top: 3rem; }
	div.dhheaders section.dhheader.count-2 { top: 2rem; }
	div.dhheaders section.dhheader.count-3 { top: 1.4rem; }
	div.dhheaders section.dhheader.count-4 { top: .8rem; }
	div.dhheaders section.dhheader.count-1 > .dhwidget { margin:0rem; }
	div.dhheaders section.dhheader.count-2 > .dhwidget { margin-bottom:1rem; }
	div.dhheaders section.dhheader.count-3 > .dhwidget { margin-bottom:.5rem; }
	div.dhheaders section.dhheader.count-4 > .dhwidget { margin-bottom:.25rem; }

	div.dhheaders section.header-left { left: 2%; }
	div.dhheaders section.header-right { right: 2%; text-align: right; }

	div.dhheaders .widget_search input { transition: .2s ease-in-out; line-height: 1rem; font-size: .9em; padding: 0 .5em; display: inline-block; }
	div.dhheaders .widget_search input[type=text] { width: 100px; margin-right:-3px; opacity:.7; }
	div.dhheaders .widget_search input[type=submit] { max-width: 0px; overflow: hidden; opacity: 0; padding: 0; margin: 0; border: none; background-color: #141448; color:#fff; }
	div.dhheaders .widget_search input[type=text]:focus { width: 150px; margin-right:0; opacity:1; }
	div.dhheaders .widget_search input[type=text]:focus + input[type=submit] { max-width: 300px; opacity: 1; padding: 0 .5em; border:1px solid #000; }

	footer.dhfooter { font-size: .8em; padding:4em 0 1em; max-width:1400px; margin:0 auto; }
	footer.dhfooter .footer-left { width: 50%; }
	footer.dhfooter .footer-right { float: right; width: 50%; }

	/* adjust media-text blocks when alignfull */
	.wp-block-media-text.alignfull { margin-top: 0; margin-bottom: 0; grid-template-columns: repeat(5, 1fr); }
	.wp-block-media-text.alignfull .wp-block-media-text__media { grid-column: span 3; }
	.wp-block-media-text.alignfull .wp-block-media-text__content { grid-column: span 2; padding-top:1em; padding-bottom:1em; }
	.wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__media { grid-column: 3 / span 3; }
	.wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content { grid-column: 1 / span 2; }

	/* menu page previews */
	.dhflex-wrap.g3page-preview { position: absolute; left:-20%; width: 500px; background-color: #fff; padding: 0 1em 1px; font-size:.8em; }
	.dhflex-wrap.g3page-preview .dhflex h2 { font-size: 1.5em; text-transform: uppercase; margin-top: 1em; }
	#menu-main-menu > .menu-item > .g3page-preview { display: flex; white-space: normal; max-height: 0px; opacity: 0; overflow: hidden; transition: .3s ease-in-out; z-index:1; }
	#menu-main-menu > .menu-item:hover > .g3page-preview { max-height: 500px; opacity: .99; z-index: 2; box-shadow: 0 5px 5px rgba(0,0,0,.2); }

}

/* 782 based on WP mobile menu flip */
@media (max-width: 782px) {
	div.dhheaders section.dhheader { display:none; }
	.logo-container { width: 140px; }
	.dhlogoheaderwidget .content-area-wide:after { content: ""; display: block; height: 100%; width: 100%; background-color: #fff; z-index: 0; position: absolute; top: 0; left: 0; border-bottom: 4px solid #999; }

	/* adjust media-text blocks when alignfull */
	.wp-block-media-text.alignfull { grid-template-columns: 100%; }
	.wp-block-media-text.alignfull .wp-block-media-text__media,
	.wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__media { grid-row: 1; grid-column: 1; margin:1em 0; }
	.wp-block-media-text.alignfull .wp-block-media-text__content,
	.wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content { grid-row: 2; grid-column: 1; margin: 1em 0; }

	footer.dhfooter { padding: 2em 0 1em; }

	body.customize-support .dev-site-notice { top: 46px; }

}


@media (min-width: 1500px) {
}
