/* ===== (a) live michellehouts.com theme-option CSS (inline <style> blocks from the WordPress <head>), copied verbatim ===== */
h1, h2, h3, h4, h5, h6 { font-family:Special Elite}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family:Special Elite}
#intro-core h1, #intro-core h2, #intro-core h3, #intro-core h4, #intro-core h5, #intro-core h6 { font-family:Special Elite}
#introaction-core h1, #introaction-core h2, #introaction-core h3, #introaction-core h4, #introaction-core h5, #introaction-core h6 { font-family:Special Elite}
#outroaction-core h1, #outroaction-core h2, #outroaction-core h3, #outroaction-core h4, #outroaction-core h5, #outroaction-core h6 { font-family:Special Elite}
#pre-header .header-links li a, #pre-header-social li.message, #pre-header-search input { font-family:Oswald}
#header li a { font-family:Oswald}

#content, #content button, #content input, #content select, #content textarea { font-size:13px}
#introaction-core, #introaction-core button, #introaction-core input, #introaction-core select, #introaction-core textarea { font-size:13px}
#outroaction-core, #outroaction-core button, #outroaction-core input, #outroaction-core select, #outroaction-core textarea { font-size:13px}
h1, #content h1,#introaction-core h1, #outroaction-core h1 { font-size:26px}
#pre-header #pre-header-core .menu > li > a, #pre-header-social li, #pre-header-social li a, #pre-header-search input { font-size:16px}
#header #header-core .menu > li > a, #header-responsive li a { font-size:15px}
#header #header-core .sub-menu a { font-size:15px}

.pag li a:hover,
#header .menu > li.menu-hover > a,
#header .menu > li.current_page_item > a,
#header .menu > li.current-menu-ancestor > a,
#header .menu > li > a:hover,
#breadcrumbs .delimiter,
#breadcrumbs a:hover,
#footer-core a,
#sub-footer-core a:hover,
#footer .popular-posts a:hover,
#footer .recent-comments a:hover,
#footer .recent-posts a:hover,
#footer .thinkup_widget_tagscloud a:hover,
.thinkup_widget_recentcomments .quote:before,
#sidebar .thinkup_widget_twitterfeed a,
.entry-meta a:hover,
.comment .reply a,
.comment-author a:hover,
.comment-meta a:hover,
.page-template-template-sitemap-php #main-core a:hover,
.widget_archive li a:hover,
.widget_calendar #wp-calendar a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_meta li a:hover,
.widget_recent_comments li a:hover,
.widget_recent_entries li a:hover,
.widget_rss li a,
.widget_nav_menu li a:hover,
.page-template-template-archive-php #main-core a:hover {
	color: #f99b20;
}
.pag li.current span,
.themebutton,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.thinkup_widget_categories li a:hover,
#footer .thinkup_widget_search .searchsubmit,
.nav-previous a,
.nav-next a,
#slider .featured-title span,
#section-home .image-overlay {
	background: #f99b20;
}
#project-accordion .accordion-toggle:before,
.thinkup_widget_flickr a .image-overlay,
.popular-posts a .image-overlay,
.recent-comments a .image-overlay,
.recent-posts a .image-overlay {
	background-color: #f99b20;
}
.pag li a:hover,
.pag li.current span,
#sidebar .thinkup_widget_tagscloud a:hover,
#footer .thinkup_widget_tagscloud a:hover,
#sidebar .widget_tag_cloud a:hover {
	border-color: #f99b20;
}
#footer {
	border-top: 6px solid #f99b20;
}
#sidebar .thinkup_widget_tabs .nav .active h3.widget-title {
	border-top: 3px solid #f99b20;
}
#intro.option1 #intro-core:after,
#sidebar h3.widget-title:after {
	border-bottom: 3px solid #f99b20;
}
#filter.portfolio-filter li a:hover,
#filter.portfolio-filter li a.selected {
	color: #f99b20;
}
img.hover-link:hover,
img.hover-zoom:hover,
.da-thumbs a.prettyPhoto img:hover,
#footer .widget_search .searchsubmit {
	background-color: #f99b20;
}
@media only screen and (max-width: 768px) {
	#header-responsive li a:hover,
	#header-responsive li.current_page_item > a {
		color: #f99b20;
	}
}
@media only screen and (max-width: 568px) {
	#filter.portfolio-filter li a:hover,
	#filter.portfolio-filter li a.selected {
		color: white;
		background: #f99b20;
	}
}

h1,h2,h3,h4,h5,h6 {color: #422f15;}body,button,input,select,textarea {color: #544b3a;}

.ar_main_div_100 .arfmainformfield {
	margin-bottom: 5px !important;
}
.arf_fieldset .page_break {
	padding-bottom: 5px !important;
}
.photo1 { border:4px solid #CCC; }
#main a.button, #nav-below .nav-previous a, #nav-below .nav-next a{ border-bottom: none !important; }
#main .entry-content ul li {padding-bottom:7px; }
#main .entry-content img { border:4px solid #CCC; }
#header .header-links .sub-menu {
	background: #f99b20 !important;
margin-top: -5px;
border:none;
}
#header .header-links .sub-menu a, #header .header-links .sub-menu a:hover {
	box-shadow: unset !important;
background: #f99b20 !important;
border-bottom: none;
line-height:18px;
}
#header .header-links .sub-menu a:hover { color:#422f15;}
body, button, input, select, textarea {
	line-height: 1.5;}

.hidethis {display:none !important;}

#slider-core{background:none !important; margin-top:-5px !important;margin-bottom:-10px}

/* ===== (b) Hugo port additions (stage3/custom.css) ===== */
/* --- Full-width content: the right sidebar (search, events calendar, recent posts, widgets) is not carried over (Bill). --- */
#main { float: none; width: 100%; }
#intro, #main-core { margin-right: 0; }

/* --- Home slider: dependency-free replacement for Slider Revolution (same grid 1103x432, frame, layers, bullets) --- */
#slider { position: relative; }
.mh-slider { --s: 1; position: relative; width: 100%; margin: 0 auto; background-repeat: no-repeat; background-size: contain; background-position: center center; overflow: hidden; }
/* Like Slider Revolution "fullwidth": the frame fills the whole 1170px header width (height keeps the 1103:432 ratio),
   while the layer grid stays 1103x432 centred and only scales down when the screen is narrower than the grid. */
.mh-slide { position: absolute; left: 50%; top: 50%; width: calc(var(--s) * 1103px); height: calc(var(--s) * 432px); transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: opacity .9s ease, visibility 0s linear .9s; }
.mh-slide.active { opacity: 1; visibility: visible; transition: opacity .9s ease, visibility 0s; z-index: 1; }
.mh-layer { position: absolute; display: block; box-sizing: border-box; }
.mh-img img { display: block; width: 100%; height: 100%; object-fit: fill; border: 0; }
.mh-img.mh-shadow img { box-shadow: 0 0 calc(var(--s) * 20px) rgba(0,0,0,.35); }
.mh-text { font-size: calc(var(--s) * var(--fs) * 1px); line-height: calc(var(--s) * var(--lh) * 1px);
  padding: calc(var(--s) * var(--pt) * 1px) calc(var(--s) * var(--pr) * 1px) calc(var(--s) * var(--pb) * 1px) calc(var(--s) * var(--pl) * 1px); white-space: normal; }
.mh-title { white-space: normal; }
.mh-button { width: auto !important; white-space: nowrap; text-decoration: none; border-radius: 3px; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
.mh-button:hover { color: #fff; background: #422f15 !important; }
.mh-dots { position: absolute; left: 0; right: 0; bottom: 2.5%; z-index: 5; text-align: center; line-height: 0; }
.mh-dot { width: 12px; height: 12px; padding: 0; margin: 0 4px; background: #aaaaaa; border: 1px solid #e5e5e5; border-radius: 50%; cursor: pointer; box-sizing: content-box; box-shadow: none; }
.mh-dot.selected, .mh-dot:hover { background: #000000; }
@media (prefers-reduced-motion: reduce) { .mh-slide, .mh-slide.active { transition: none; } }

/* --- Captions (figure shortcode outputs WordPress-style .wp-caption) --- */
.wp-caption { display: inline-block; max-width: 100%; text-align: center; }
.wp-caption.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.wp-caption-text { display: block; font-size: 12px; font-style: italic; padding: 4px 0 6px; }
#main .entry-content img, #main-core img { max-width: 100%; height: auto; }

/* --- Links removed in stage 2 ([DEAD LINK] text markers) and plain-text shop entries --- */
.dead-link { display: inline-block; margin-left: 3px; padding: 0 5px; font-size: 10px; line-height: 16px; letter-spacing: .03em; color: #8a7f6c; background: #f2efe8; border: 1px solid #ddd6c8; border-radius: 3px; vertical-align: 1px; white-space: nowrap; cursor: help; }
.mh-shop-dead { display: inline-block; margin: 0 5px 5px 0; padding: 6px 12px; font-size: 13px; line-height: 15px; color: #9a9182; background: #f4f2ee; border: 1px dashed #cfc8ba; border-radius: 3px; vertical-align: middle; }
.mh-shop-dead .dead-link { margin-left: 6px; }

/* --- Static (non-functional) contact form, styled like the live ARForms form --- */
.mh-static-form { width: 433px; max-width: 100%; margin: 0 0 20px; font-family: Arial, Helvetica, sans-serif; }
.mh-form-row { margin-bottom: 5px; }
.mh-static-form label { display: block; font-size: 13px; line-height: 18px; color: #555; margin: 0 0 2px; }
.mh-req { color: #f99b20; margin-left: 1px; }
.mh-static-form input, .mh-static-form textarea { display: block; width: 100%; box-sizing: border-box; height: 32px; padding: 5px 8px; font-size: 13px; color: #555; background: #fff; border: 1px solid #b0b0b5; border-radius: 3px; margin: 0 0 13px; }
.mh-static-form textarea { height: 80px; resize: vertical; }
.mh-form-submit { text-align: center; padding-top: 29px; }
.mh-static-form .mh-submit { display: inline-block; min-width: 129px; height: 42px; padding: 8px 24px; font: bold 15px/20px Arial, Helvetica, sans-serif; color: #f99b20; background: #fff; border: 2px solid #f99b20; border-radius: 3px; cursor: default; box-shadow: none; }
.mh-visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* --- Archived comments (static) --- */
.commentlist .comment-author { font-weight: bold; }
#comments .comment header { min-height: 0; }

/* --- Misc --- */
.mh-embed { max-width: 640px; }
.mh-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
.mh-box:after { content: ""; display: table; clear: both; }

/* --- Short pages on small screens: with no sidebar below the content, the 845px-tall brick body background would
       show between the content and the footer; keep the white content panel at least as tall as on the live site. --- */
@media (max-width: 979px) { #content { min-height: 640px; } }