/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body { font-family: Montserrat, sans-serif; }


h1 { font: 300 2.5em/1.2 'Fjalla One', sans-serif; }
h2 { font: 300 2.1em/1.1 'Fjalla One', sans-serif; }
h3 { font: 300 1.7em/1.1 'Fjalla One', sans-serif; }
h4 { font-size: 1.5em; font-weight: 400; }
h5 { font-size: 1.3em; font-weight: 400; }
h6 { font-size: 1.1em; font-weight: 400; }
h4 strong { font-weight: 700; }
h5 strong { font-weight: 700; }
h6 strong { font-weight: 700; }

a:hover, a:active, a:focus { color:#326dc2; }

/* adds blue dash underline
h1, h3, h5 { padding-bottom: .5em; background: transparent url("img/blue-dashes.svg") no-repeat bottom left; }
h1.has-text-align-center,
h3.has-text-align-center,
h5.has-text-align-center { background-position: bottom center; }
/**/

/* Colors */
.wp-block-cover.has-background-dim.has-dark-blue-background-color,
.has-dark-blue-background-color { background-color: #1B365D; }
.wp-block-cover.has-background-dim.has-dark-green-background-color,
.has-dark-green-background-color { background-color: #006341; }
.wp-block-cover.has-background-dim.has-light-blue-background-color,
.has-light-blue-background-color { background-color: #326dc2; }
.wp-block-cover.has-background-dim.has-black-background-color,
.has-black-background-color { background-color: #000000; }
.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: #1B365D; }
.has-dark-green-color { color: #006341; }
.has-light-blue-color { color: #326dc2; }
.has-black-color { color: #000000; }
.has-red-color { color: #e82128; }
.has-green-color { color: #59b200; }
.has-white-color { color: #fff; }
.has-light-gray-color { color: #f2f2f2; }

/* Button Colors */
.wp-block-button__link { font-size: 14px; padding: 10px 20px; 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: #1B365D; border: 1px solid #1B365D; }
.wp-block-button__link.has-dark-green-background-color { background-color: #006341; border: 1px solid #006341; }
.wp-block-button__link.has-light-blue-background-color { background-color: #326dc2; border: 1px solid #326dc2; }
.wp-block-button__link.has-black-background-color { background-color: #000000; border: 1px solid #000000; }
.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: #326dc2; color: #fff; }
.wp-block-button__link.has-dark-green-background-color:hover { background-color: #228563; color: #fff; }
.wp-block-button__link.has-light-blue-background-color:hover { background-color: #437ed3; color: #fff; }
.wp-block-button__link.has-black-background-color:hover { background-color: #333333; 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; }


/* Custom Styles For Use in Advanced Block Settings */
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }


/* Site */
/*preheader, header { display: none; }*/

/* MAIN MENU */
.dhlogomenu { border-bottom: 0; transition: .3s ease; }
.dhlogomenu .dhmenu > li > a { font-size: .9em; padding: 1.5em .7em; transition: .3s ease; }
.logo-container { top: 0; }

.dhlogomenu.offscreen { position: fixed; width: 100%; top: 0; z-index: 2; }
.dhlogomenu .custom-logo { max-height: 100px; transition: .3s linear; }
.dhlogomenu.offscreen .custom-logo { max-height: 64px; }
.customize-support .dhlogomenu.offscreen { top: 32px; }
.customize-support .dhlogomenu.offscreen ul { margin: 0; }

.dhlogomenu.offscreen { background-color: #1B365D; }

/*dealer 2nd to last - main menu only*/
#menu-main-menu li:nth-last-of-type(2) a:before { display: inline-block; content: '\f3c5'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: .5em; }

/*build-and-price last - main menu only */
#menu-main-menu li:nth-last-of-type(1) a:before { display: inline-block; content: '\f02c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: .5em; }

/* Home */
.wp-block-image.header { margin-top: 0; margin-bottom: -3em; }
.wp-block-cover.hero { margin-top: 0; margin-bottom: 0; }

.wp-block-image.dashes { margin-top: .25em !important; margin-bottom: 1em !important; }
.intro { margin-top: 0 !important; margin-bottom: 0 !important; }
.intro-bodycopy { width: 800px; margin-left: auto; margin-right: auto; }
.model-slider { margin-top: 0; margin-bottom: 0; }
.videos { margin-top: 0 !important; }
.wp-block-cover .wp-block-cover__inner-container { width: 1400px; }
.wp-block-column + .wp-block-column { padding-left: 0; }
.wp-block-image { margin-top: 1.5em; }
.video-grid { margin-top: 1.5em; }

/* Offscreen Items -- add .indicate-offscreen to any block -- works with scripts.js */
.indicate-offscreen.offscreen::after { content: "╲╱"; position: fixed; left:0; right:0; bottom: 15px; display: block; width: 100%; text-align: center; font-size: 1.5em; color: #fff; opacity: .9; font-family: 'Fjalla One'; font-weight: 700; }

/* Aligned buttons -- add .buttons-aligned to the column wrapper block */
.wp-block-columns.buttons-aligned .wp-block-column { position: relative; padding-bottom: 4em; }
.wp-block-columns.buttons-aligned .wp-block-column .wp-block-buttons { position: absolute; bottom: 0; width: 100%; white-space: nowrap; }
.wp-block-columns.buttons-aligned .wp-block-column .wp-block-button { max-width: 100%; overflow: hidden; text-align: center; }
.wp-block-columns.buttons-aligned { margin-top: 4px; }
.wp-block-columns.buttons-aligned .wp-block-column:not(:first-child) { margin-left: 4px; }
.wp-block-columns.buttons-aligned .wp-block-image:first-child { margin-top: 0; }
.wp-block-columns.buttons-aligned h5,
.wp-block-columns.buttons-aligned p { padding: .25em 1.125em; }
.wp-block-columns.buttons-aligned p { font-size: 14px; }
.wp-block-columns.buttons-aligned .wp-block-image:nth-child(2) { height: 70px; display: flex; align-items: center; }

/* Thin Column Gap */
.tight-column .wp-block-column:not(:first-child) { margin-left: 0; }

/* remove margins */
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }

/* social links -- footer of MBG */
ul.social { padding-left: 0; text-align: center; }
ul.social li { list-style-type: none; display: inline-block; padding: .5em .25em; }
ul.social i { font-size: 24px; }
ul.social a { opacity: .7; cursor: pointer; }
ul.social a:hover { opacity: 1; }


/* Cover Block */
.wp-block-cover.alignfull p { margin: 0; }

/* File Block */
.wp-block-file a { text-decoration: none; }
.wp-block-file a:hover { color: #ffffff; text-decoration: underline; }
.wp-block-file a.wp-block-file__button { border-radius: 0; background-color: #326dc2; }


/* Blockquote */
blockquote { border-left: 2px solid #326dc2; padding-left: 1em; margin-left: 0; }
blockquote cite { font-size: 14px; font-weight: 600; }


/* Images */
.wp-block-image .alignleft,
.wp-block-image .alignright { margin: .5em 0; }


/* Footer */
footer.footer { border-top: 0; padding: 3em 0 2em; }
footer.footer h3 { font-size: 1.25em; }
footer.footer p,
footer.footer a { font-size: .875em; }
footer.footer ul { list-style-type: none; padding-left: 0; }
#custom_html-3 ul li { display: inline-block; margin-right:.5em; width:auto; height:auto; }
#custom_html-3 a { opacity: .7; }
#custom_html-3 a:hover { opacity: 1; }
#custom_html-3 i { font-size: 1.5em; line-height: 1.65; background-color: #1b365d; color: #ffffff; text-align: center; }


footer.footer { background-color: #1b365d; }
footer.footer, footer.footer h3, footer.footer h3 a, footer.footer a { color: #fff; }


header.dhlogomenu, header.dhlogoheaderwidget { background-color: #ffffff; }


/* Cookie Consent Buttons */
.dhwp-hook .cn-button.bootstrap { background-color: #1B365D; border-radius: 0; }


/* Extra Gutenberg Fixes */
.wp-block-cover, .wp-block-cover-image { box-sizing: border-box; align-items: flex-start; }

@media (min-width: 783px) {

	.logo-container { width: 23%; }
	.dhlogoheaderwidget .header-widget-container { width: calc(100% - 23%); }
	.dhlogoheaderwidget, .dhlogomenu .dhmenu > li > a { color: #1b365d; }
	.dhlogoheaderwidget a:hover, .dhlogomenu .dhmenu > li > a:hover { color: #326dc2; }
	.dhlogomenu.offscreen .dhmenu > li > a { color: #fff; }
	.dhlogomenu.offscreen .dhmenu > li > a:hover,
	.dhlogomenu.offscreen .dhmenu > li > a:focus, 
	.dhlogomenu.offscreen .dhmenu > li > a:active { text-decoration:underline; }

}

@media (max-width: 782px) {

	header.dhlogomenu { position: fixed; width: 100%; top: 0; z-index: 2; }
	header.dhlogomenu .custom-logo { max-height: 64px; }
	.customize-support .dhlogomenu ul { margin: 0; }

	.dhlogomenu .content-area:after { background-color: #1B365D; border-bottom: none; }
	.dhlogomenu .content-area { padding-left: 0; padding-right: 0; }
	.customize-support .dhlogomenu.offscreen,
	.customize-support .dhlogomenu { top: 46px }
	.dhwp-hook { padding-top:56px; }

	span.dhmenu-icon { top: 12px; }
	.logo-container { width: 180px; padding: 0; }
	#menu-item-13 > a:before,
	#menu-item-14 > a:before { margin-left: 0; }

}

@media (max-width: 600px) {

	/* CENTER MOST STUFF */
	h1, h2, h3, h4, h5, p, blockquote { text-align: center; }

	.wp-block-image { margin-left: auto; margin-right: auto; }


	/* WIDGET AREAS (HEADER/FOOTER) -- adjustments likely appropriate in style.css */
	footer.footer .dhwidget,
	header div.preheader .dhwidget.dhwidget-inline,
	footer.postfooter .dhwidget.dhwidget-inline { display: block; float: none; text-align: center; margin-bottom: .5em; }

	footer.footer .widget_media_image img { width: 200px; }
	footer.footer .dhwidget.dhwidget-columns li { list-style-type: none; }
	footer.footer .dhwidget.dhwidget-columns ul { padding-left: 0; }

	footer.footer .dhflex,
	footer.footer .dhcolumn { margin-bottom: 1.5em; }
}