/*
DH TEMPLATE ONE POINT FIVE STYLES 
Used in frontend only
Avoid color-scheme specific styles (those should go in /style.css) -- defaults could be grayscale for reference
*/

/* BASIC LAYOUT STYLES */
body { font-family: Arial,Helvetica,sans-serif; color: #555; background-color: #fff; line-height: 1.5; }
.content-area { margin: 0 auto; position: relative; box-sizing: border-box; }
.dhmain { position: relative; z-index: 1; }

/* HEADLINE DEFAULTS */
h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.2; color: inherit; margin:.5em 0; }
h1 { font-size: 2.5em; font-weight: 300; }
h2 { font-size: 1.8em; font-weight: 300; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* ADJUST DEFAULT COLORS */
.dhmain h1 a, .dhmain h2 a, .dhmain h3 a, .dhmain h4 a, .dhmain h5 a, .dhmain h6 a,
.dhfooter h1, .dhfooter h2, .dhfooter h3, .dhfooter h4, .dhfooter h5, .dhfooter h6 { color: inherit; }

/* LINK ADJUSTMENT */
.dhmain a { color: inherit; }
.dhmain a:hover,
.dhmain a:active,
.dhmain a:focus { text-decoration: none; }

/* LINKS IN WIDGET AREAS (HEADER/FOOTER) */
.dhwidget-area a:link,
.dhwidget-area a:visited { text-decoration: none; opacity: .7; }
.dhwidget-area a:hover,
.dhwidget-area a:active,
.dhwidget-area a:focus { opacity: 1; text-decoration: underline; }

/* INLINE WIDGET AREAS (HEADER/FOOTER) */
.dhwidget-inline p,
.dhwidget-inline form,
.dhwidget-inline div,
.dhwidget-inline ul,
.dhwidget-inline li { margin: 0; padding: 0; display: inline; }
.dhwidget-inline ul li { list-style-type: none; padding: 0 1em 0 0; }
.dhwidget-inline ul li:last-of-type { padding-right: 0; }


/* PRE-HEADER STYLES */
header.preheader { width: 100%; background-color: #aaa; margin: 0; padding: .5em 0; font-size: .8em; position: relative; z-index: 3; color: #fff; }
header.preheader .dhwidget { text-align: center; margin-bottom: 0; float: right; margin-left: 1em; }
header.preheader .dhwidget:last-of-type { float: none; text-align: left; margin-left: 0; }

/* HEADER STYLES */
header.dhmenu-header { position: relative; z-index: 2; }
header.dhlogomenu { text-align: right; }
header.dhlogoheaderwidget { position:relative; z-index:3; }
.logo-container img { width:100%; }

/* FOOTER STYLES */
footer.footer { padding: 4em 0 3em; background-color: #333; color: #fff; }
footer.footer ul { padding-left: 0; list-style-type:none; }

/* POST-FOOTER STYLES */
footer.postfooter { padding: .5em 0; font-size: .8em; }
footer.postfooter .dhwidget { text-align: center; margin-bottom: 0; float: left; margin-right: 1em; }
footer.postfooter .dhwidget:last-of-type { float: none; text-align: right; margin-right: 0; }

/* BLOG LIST PAGE */
.post-preview { clear: left; }
.post-preview + .post-preview:before { content: " "; display: block; border-bottom: 1px solid #eee; padding-top: 2em; margin-bottom: 2em; clear: both; }
.post-preview .preview-image { float: left; width: 20%; margin-right: 2%; max-height: 10em; overflow: hidden; }
.post-preview .preview-image + h3 { margin-left: 22%; }
.post-preview .preview-image + h3 + .excerpt { margin-left: 22%; }

/* SIDEBAR WIDGETS */
.dhwidget-sidebar { margin-bottom:1em; }
.dhwidget-sidebar > ul { padding-left:0; }
.dhwidget-sidebar > ul > li { margin-left: 1.2em; }

/* DHWPRECENTNEWS SHORTCODE */
.entry-content ul.dhwp-recent-news-list,
ul.dhwp-recent-news-list,
.dhwp-recent-news-list li { list-style-type: none; margin: 0; padding: 0; }
.dhwp-recent-news-list li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc; clear: both; }
.dhwp-recent-news-list a { text-decoration: none; }
.dhwp-recent-image { float: left; width: 20%; margin-right: 2%; }
.dhwp-recent-headline { display: block; margin-left: 22%; font-weight: bold; margin-bottom: 0; }
.dhwp-recent-headline + br { display: none; }
.dhwp-recent-excerpt { display: block; margin-left: 22%; font-size: .9em; margin-top: 0; color: initial; }


/* NORMAL MENU STYLES */
/* 782 based on WP mobile menu flip */
@media (min-width: 783px) {
	.logo-container { z-index: 4; position: absolute; top: .5em; left: 0; width: 12%; }
	.dhlogomenu, .dhbottommenu {  }
	header.dhlogomenu,
	header.dhlogoheaderwidget { background-color: #eee; }

	.dhfullmenu .dhmenu > li { float: left; }

	.dhmenu > li > ul {  }
	.dhlogoheaderwidget .header-widget-container { text-align: right; font-size: 1.3em; padding: 2.5em 0; width: calc(100% - 12%); float: right; }
	.dhlogoheaderwidget .header-widget-container .dhflex,
	.dhlogoheaderwidget .header-widget-container .dhcolumn { margin-bottom: 0; }
	.dhlogomenu .dhmenu > li > a { padding: 2em .9em; }
	.dhfullmenu .dhmenu > li > a { padding: .5em .9em; }
	.dhlogomenu .dhmenu > li:last-of-type > a { padding-right: 0; }
}


/* ADJUSTMENTS FOR: .content-area max-width+100 */
@media (max-width: 1500px) {
	.content-area { padding-left: 14px; padding-right: 14px; }
	.logo-container { left: 14px; max-width: 50%; }
}
@media (min-width: 1500px) {
	.content-area:not(.entry-content) { max-width:1400px; }
}


/* MOBILE / TABLET STYLES */
/* 782 based on WP mobile menu flip */
@media (max-width: 782px) {
	span.dhmenu-icon { background-color: #fff; position: absolute; top: 20px; right: 14px; z-index: 2; }

	.logo-container { width: 100px; max-width: 80%; z-index: 1; margin-left: -5%; padding: .8em 14px; position: relative; }

	/*this hides menu sliding in*/
	.dhlogomenu .content-area:after,
	.dhlogoheaderwidget .content-area:after { content: ""; display: block; height: 100%; width: 100%; background-color: #eee; z-index: 0; position: absolute; top: 0; left: 0; }

	/* FIX WP ADMIN BAR */
	html body #wpadminbar { position: fixed; }
}

/* SINGLE COLUMN STYLES */
@media screen and (max-width: 568px) {
	/* 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; }
}


/* GUTENBERG ADJUSTMENTS */
.entry-content > * { margin-left:auto; margin-right:auto; padding-left: 14px; padding-right: 14px; }


/* put all gutenberg-related adjustments here */
.content-area.entry-content { max-width: none; }

/* this allows for wrapping other content in a 1-column block with a class as a way of creating a full-width div */
.entry-content > .has-1-columns { max-width: none; }

.entry-content > * { max-width: 1400px; }
.entry-content > *,
.entry-content ul,
.entry-content ol,
.entry-content .wp-block-cover__inner-container,
.entry-content .wp-block-group__inner-container { max-width: 1400px; margin-left:auto; margin-right:auto; }
.entry-content > .alignwide { max-width: 1600px; padding-left: 0; padding-right: 0; }
.entry-content > .alignfull { margin: 1.5em 0; max-width: 100%; padding-left: 0; padding-right: 0; }
.entry-content ul,
.entry-content ol { padding-left: 1.5em; }
.entry-content > ul,
.entry-content > ol { padding-left: calc(1.5em + 14px); }
.entry-content > .wp-block-nextend-smartslider3:first-child,
.entry-content > .alignfull:first-child,
.entry-content > .alignwide:first-child { margin-top: 0; }

/*
.entry-content li { margin-left: 0; }
.entry-content > .wp-block-cover.aligncenter { padding-left: 0; padding-right: 0; }
/*
.has-1-columns > .wp-block-column { flex-basis:100%; }
*/


@media (max-width: 1500px) { 
	
	.content-area.entry-content { padding-left: 0; padding-right: 0; }

	/* re-add padding inside 1-column block 
	.entry-content > .has-1-columns > .wp-block-column > * { padding-left: 14px; padding-right: 14px; }
	*/

}


/* remove default Gutenberg break --- this isn't a standard template 1 break, so don't put anything in here other than Gutenberg overrides */
@media screen and (min-width: 768px) {
	/*
	.wp-block-cover-text p { padding: 1.5em 14px; }
	*/
}

/* add new break */
@media (min-width: 1500px) {
	/*
	.wp-block-cover-text p { padding: 1.5em 14px; }
	*/
}


@media screen and (max-width: 568px) {
	/*
	.wp-block-columns { display: block; }
	*/
}

/* END GUTENBERG ADJUSTMENTS */