@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@media (prefers-color-scheme: light) {
  :root {
  --bg-color: #ffffff;
  --text-color: #333333;
  --card-bg: #f0f0f0;
  --border-color: #cccccc;
  --button-bg: #e0e0e0;
  --button-text: #000000;
  --link-color: #0000ee;
  --footercols-color: #4b4f58;
  --footer-link-color: #000000;
  --copyright-color: #212121;
	--background-color:#ffffff;
  }
  .light-mode-logo {
    display: block;
  }
  .dark-mode-logo {
    display: none;
  }
}

.blink_text {
  animation: blinker 1s linear infinite;
}

.blink_img {
animation : blinker 1.5s linear infinite;
}
@keyframes blinker { 
      5% { opacity: 1; }
     49% { opacity: 1; }
     51% { opacity: 0; }
    100% { opacity: 0; }
}

.site-description {
	font-family: Arial;
	font-size: 14px;
	float:right;
	margin-top: 25px;
	margin-left: 5px;
	text-transform:none;
}


.btn-download{
	color:red;
}
		/*https://stackoverflow.com/questions/15469036/css3-animations-hard-blink-no-fade-inbetween-frames*/


#header-account{
	border-bottom: 1px solid	lightgray;
	padding:5px;}

#s{max-height:32px;
	 margin-bottom:10px;}

#searchform{
	display:inline-block;
	float:left;
	margin-left:20px;
	margin-top:24px;}

.search-results {
  padding: 10px;
  margin-bottom: 10px;
  font-size: 0.9em;
}
.search-results .entry-title {
  font-size: 1.1em;
  margin-bottom: 5px;
}
.search-results .entry-excerpt {
  margin-bottom: 5px;
  line-height: 1.3;
}
			

.apanel{
	background-color: #fcfcfc;
	margin:15px 0px;
	border-radius:4px;
	padding:10px;
}
.apanel>p,.apanel>img{
	padding:15px;
}
.apanel>h1,.apanel>h2,.apanel>h3{
	padding:10px;
	background-color:#fcfcfc;
	border-radius:4px 4px 0 0;
}

.site-content{
	padding:10px;
		background-
}
.smart-slider{
	margin-bottom:40px;
}

.site-header-wrapper{
	/** float:left; */
		background-
	max-width:none;
}
.site-header .site-title-wrapper {
float: left;
margin: 0px 0px 0px 0px;
}
.site-header {
	padding:0;
	min-height: 0px;
}

.page-header{
	display:none;
}

.list-group-item, a{
	color:grey;
}

.alphabet{
	color:#000000;
}

.functions-edit-link a{
	color:red;
}
.post-edit-link{
	display:none;
}

.main-navigation-container{
	display:inline-block;}

.main-navigation li {
position: relative;
float:left;
}
.main-navigation .expand {
	position:relative;
}

.main-navigation .primer-wc-cart-menu {
    width: inherit;
}

.main-navigation .expand,.expand:hover,.expand:visited {
	color:black;
}

#woocommerce-product-search-field-1{
	margin-bottom:10px;

}


#cp-button{
		line-height:3em;
	  text-transform: capitalize;
		background-color:white;
		border: 1px solid #DDD;
		border-radius:10px;
	
}

.control-button{
	background-color: white;
	border: 1px solid grey;
	padding: 10px;
	border-radius:10px;
	margin-left:20px;
	margin-bottom:40px;
	float: left;
	text-align: center;
	min-height: 140px;
	min-width : 140px;
	padding: 40px 0;
	
}

.footer-widget-area .footer-widget .widget li a{
				padding:0 0;
			}			

/*Added 22/10/23*/
.table-wrapper {
  overflow-x: scroll;
}

/*== Mobile First Method ====*/
/* Custom, iPhone Retina 			 
/*       --   320+   --   */
@media only screen and (min-width: 320px) {
	/*html was causing font size to remain smaller */
	html{ font-size:1em;	}
	body{ 
		background-color: var(--background-color)
	}
	.site-header{
				background-color: var(--background-color);
	}
	mega-menu-wrap{
						background-color: var(--background-color);
	}
	h2{	font-size:1.5em;
			font-family:Ubuntu;
			font-weight:bold;
			margin-bottom:15px;}
	p{font-size:1.0em;}
	/*p{font-size:1.25em;} */
	
	#page{
		/*max-width: 1280px;*/
		margin: auto;
		box-shadow: -10px 0 20px -5px 	#dcdcdc, 10px 0 20px -5px
	#dcdcdc;
	}
	.alert-row
	{	background:white;
    padding-top:15px;
    margin-bottom:15px;
    border-bottom: 1px solid lightgrey;
    font-size: 0.9em;
	}
	#dismiss{font-size:small}	
	
	.alert-text{
		padding-top:10px;
		padding-bottom:20px;
	}		
 .alert-buttons{			
		padding-bottom:10px;
	}

.site-description{
	font-family: Arial;
	font-size: 24px;
	font-weight:bold;
	float:right;
	margin-top: 15px;
	margin-left: 10px;
	text-transform:none;
}
}
	
	.site-header{
		float:none;
		margin: 0px 0px;
		text-align:center;
		min-height:none;
	}
	.site-title{
		display:none;
	}
	.site-header-wrapper{
		/*max-width: 1200px;*/
		text-align:right;
		padding-bottom: 10px;
	}
	.site-title-wrapper{
		text-align:center;
	}
	.main-navigation{
		display:contents;
	}
  .main-navigation-container
	{
		clear:none;
	}
	.responsive-menu-pro-box{
		margin-top:20px;
	}
	#responsive-menu-pro-title-image{
		padding-left:70px;
	}
	.custom-logo{
		padding-top: 0.6em;
		margin-top: 10px; 
		/*Remove if tagline*/
		min-height: 3em;
		margin-left: 1em;
		margin-right:1em;
	}
	.entry-header, .entry-meta{
		margin: 4px;
		background-color:white;
		padding: 8px;
		border-radius:4px;
	}
	
	.hero { 
		display:none;
		padding:0%;
		padding-left:15px;
		max-width:1280px;
		max-height: 500px;
		color:white;
		background-color:white;
	}
	.hero-inner{
		/*color:white;
		background-color: white;*/
	}
	.page-title{
		padding-top:0em;
		max-width: 1000px;
		text-align:center;
		margin:auto;
		color:lightgray;
	}

#content{
		margin-top: 0em;
		margin-bottom: 0em;

		/*max-width: 1280px; following is to narrow the container for all
		max-width: 100rem;*/

	}
	
	#primary{
		padding: 0 0.25em;
		width: 100%;
	}
	

	.widget li a{
		text-transform:none;
	}	
	

	.cards:hover{
		border: 1px solid #CCC;
	  color:darkgray;
	}
	.card-text{
		float:left;
		text-align:center;
	}	

	.disclaimer{
		font-size: 0.7em;
		color: lightgrey;
	}
	.site-footer{
		padding-left:2em;
		padding-right:2em;
		display:none;
	}
	.site-footer-inner{
		max-width: 1200px;
		text-align:center;
	}
	.wp-image-3038{
		margin:auto;
	}
	#media_image-5{
		padding-left:40%	
	}
	#mailchimp-button{
		line-height:3em;
		background-color: darkred;
	}
	.newsletter-field{
		width:100%;
	}
	.mc4wp-response{
		color:white;
	}
	.gas-safe-logo{
		width:5em;
	}
	.msi>a {
		text-decoration: none
	}
	.msi {
		font-size: 32px;
	}
	.footer-widget li a{
		color: var(--footer-link-color);
		font-size:1.5rem;
	}
	.w3eden{
		margin:4px;
	}
	.post-navigation {
    display: none;
  }
	#secondary{
	display:none;
	}
	.comments-area{
		background-color: white;
		border-radius: 5px;
		border: 1px solid white;
		padding: 10px;
	}
	
	 .hoveron:hover{
		color:grey;
	}
}
/* *End Custom, iPhone Retina */

/* Extra Small Devices, Phones 
/*       --   480+   --    */
@media only screen and (min-width: 480px) {
	.custom-logo{
		max-width:15em;
		margin-left: 1em;
	}
	.site-header{
		float:none;
		margin: 0px 0px;
		text-align:center;
	}
}

/* Extra Small Devices, Phones 
/* Small Devices, Tablets */
/* Extra Small Devices, Phones 
/*      --   768+   --      */
@media only screen and (min-width: 768px) {
	html{
		font-size: 1em;
	}
	h2{	font-size:1.75em;
			font-family:Ubuntu;
			font-weight:bold;
			margin-bottom:15px;}

	.alert-row{background:white;
		padding-top:5px;
		padding-bottom:5px;
		border-bottom: 1px 	solid lightgrey;
           font-size: 1em;
	}
	#dismiss{font-size:small}	

	.site-header,.site-title-wrapper 	 {
		float:none;
		margin: 0px 0px;
	  padding-bottom: 1em;
		text-align:center;
	}
	.site-header-wrapper{
		max-width: 1340px;	
		padding-bottom: 0px;
	}
	
	.site-title-wrapper{
				margin-left: 40px;
	}

	.site-description{
	font-family: Arial;
	font-size: 34px;
	float:right;
	margin-top: 10px;
	margin-left: 14px;
	text-transform:none;
}

	.box-pair{
		margin:20px 20px;
		width: 43%; 

	}	
	.cards{
		margin:20px 20px;
		width: 20%; 
	}
	/* Added to make cards inlinehttps://stackoverflow.com/questions/17588953/how-to-disable-br-tags-inside-div-by-css/17589039 */
	p br{ display:none; }

}

/* *Small Devices, Tablets */
/* Medium Devices,Desktops */
/* Extra Small Devices, Phones 
/*       --   992+   --     */

@media only screen and (min-width: 992px) {
	.custom-logo{
		max-width:20em;
		padding-top: 0.8em;
		margin-left: 0em;
	}
	.site-header{
		text-align:center;
		padding-top:0px;
		padding-bottom: 0px;
	}
	.site-title-wrapper{
		float:left;
	}

	.site-footer-inner{
		margin-left: auto;
		margin-right: auto;
	  text-align:left;
	}
	.footer-phone{
		font-size:2em;
	}
	.footer-timings{
		font-size:25em;
	}
	.site-footer,.site-info-wrapper{
		/*max-width: 1280px; */
		margin:auto;
		padding: 0px 0px 20px 0px;
	}
	
		/*
		 * 
		 * 
	.site-info-wrapper{
	background-color:#212121 
	}*/
	
	#media_image-5{
		padding-left:0%	
	}
	.wp-image-3038{
		margin:unset;
	}
		.footer-widget li a{
		/* color:white; */
		font-size:1.5rem;
	}
}

/* Main title: white background, aligned with the live #content/#primary container */
.main-heading2 {
  background: #fff !important;
  background-color: #fff !important;
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
}
.main-heading2 h1,
.main-heading2 h2 {
  display: block;
  text-transform: none !important;
  text-align: left !important;
  background: transparent !important;
  background-color: transparent !important;
  width: 100%;
  max-width: none !important;
  margin: 0.5rem 0 1rem;
  padding-left: 0.25rem; /* #primary .25em at the 16px root = 4px */
  padding-right: 0.25rem;
  box-sizing: border-box;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: inherit !important;
  position: static;
  height: auto;
}

@media only screen and (min-width: 40.063em) {
  .main-heading2 h1,
  .main-heading2 h2 { font-size: 1.625rem !important; }
}
@media only screen and (min-width: 48em) {
  .main-heading2 h1,
  .main-heading2 h2 { font-size: 1.75em !important; }
}
@media only screen and (min-width: 61.063em) {
  .main-heading2 h1,
  .main-heading2 h2 { font-size: 2rem !important; }
}

/* MyBoiler tokens — nav dark, accent only for real links/CTAs — 2026-09-10c */
:root {
  --mb-text: #1b1b1b;
  --mb-muted: #6b7280;
  --mb-accent: #1863dc;
  --mb-accent-dark: #0f4eb5;
  --mb-bg: #ebeced;
  --mb-surface: #ffffff;
}

/* Page content: body dark; only actual hyperlinks get accent */
body { color: var(--mb-text) !important; }
.entry-content a:not(.button):not(.wp-block-button__link),
.widget a:not(.button),
.site-footer a {
  color: var(--mb-accent) !important;
}
.entry-content a:hover,
.widget a:hover,
.site-footer a:hover {
  color: var(--mb-accent-dark) !important;
}

/* Headings stay dark, never accent blue */
h1,h2,h3,h4,h5,h6,.widget-title,.entry-title {
  color: var(--mb-text) !important;
}

/* Buttons/CTAs keep accent fill */
button, a.button, input[type="submit"], .wp-block-button__link {
  background-color: var(--mb-accent) !important;
  border-color: var(--mb-accent) !important;
  color: #fff !important;
}


/* Override global visited blues; content links remain accent */
a:visited { color: #1863dc; }
.main-navigation a,
.main-navigation a:visited {
  color: #1b1b1b !important;
}
.main-navigation a:hover {
  color: #1863dc !important;
}


/* MyBoiler native mega nav — Primary location */
:root{--mb-nav-text:#1b1b1b;--mb-nav-accent:#1863dc;--mb-nav-panel:#ebeced;--mb-nav-border:#e8eaed;--mb-nav-surface:#fff}
.mb-mega-nav{width:100%;position:relative;z-index:100;background:var(--mb-nav-surface)}
.mb-mega-nav__toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin:.5rem 1rem .5rem auto;padding:0;border:0;background:transparent;cursor:pointer}
.mb-mega-nav__burger,.mb-mega-nav__burger:before,.mb-mega-nav__burger:after{display:block;width:22px;height:1.5px;background:var(--mb-nav-text);position:relative}
.mb-mega-nav__burger:before,.mb-mega-nav__burger:after{content:"";position:absolute;left:0}.mb-mega-nav__burger:before{top:-6px}.mb-mega-nav__burger:after{top:6px}
.mb-mega-nav.is-open .mb-mega-nav__burger{background:transparent}.mb-mega-nav.is-open .mb-mega-nav__burger:before{top:0;transform:rotate(45deg)}.mb-mega-nav.is-open .mb-mega-nav__burger:after{top:0;transform:rotate(-45deg)}
.mb-mega-menu{list-style:none;margin:0 auto;padding:0 1rem;display:flex;flex-wrap:wrap;align-items:stretch;gap:0;max-width:1140px}.mb-mega-menu>.menu-item{position:relative}
.mb-mega-menu>.menu-item>a{display:block;padding:1.1rem .85rem;color:var(--mb-nav-text)!important;text-decoration:none!important;font-weight:600;font-size:.95rem;line-height:1.2;background:transparent!important;border:0}
.mb-mega-menu>.menu-item>a:hover,.mb-mega-menu>.menu-item>a:focus,.mb-mega-menu>.menu-item:hover>a,.mb-mega-menu>.menu-item.sfHover>a{color:var(--mb-nav-accent)!important;background:transparent!important;text-decoration:none!important;font-weight:600}
.mb-mega-menu .sub-menu{list-style:none;margin:0;padding:1rem 1.25rem;background:var(--mb-nav-panel);border:1px solid var(--mb-nav-border);box-shadow:0 8px 24px rgba(27,27,27,.06)}
.mb-mega-menu>.menu-item-has-children>.sub-menu{display:none;position:absolute;left:0;top:100%;min-width:280px;z-index:200}
.mb-mega-menu>.menu-item-has-children.mb-is-mega>.sub-menu,.mb-mega-menu>.menu-item-has-children:has(>.sub-menu>.menu-item-has-children)>.sub-menu{display:none;width:min(920px,92vw);left:0;padding:1.25rem 1.5rem 1.5rem;column-count:3;column-gap:1.5rem}
.mb-mega-menu>.menu-item-has-children:hover>.sub-menu,.mb-mega-menu>.menu-item-has-children:focus-within>.sub-menu,.mb-mega-menu>.menu-item-has-children.mb-open>.sub-menu{display:block}
.mb-mega-menu .sub-menu .menu-item{break-inside:avoid;margin:0 0 .35rem}.mb-mega-menu .sub-menu>.menu-item-has-children{margin-bottom:.85rem}
.mb-mega-menu .sub-menu a{display:block;padding:.35rem 0;color:var(--mb-nav-text)!important;text-decoration:none!important;font-size:.9rem;font-weight:500;background:transparent!important}.mb-mega-menu .sub-menu a:hover,.mb-mega-menu .sub-menu a:focus{color:var(--mb-nav-accent)!important}
.mb-mega-menu .sub-menu>.menu-item-has-children>a{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mb-nav-text)!important;margin-bottom:.25rem}
.mb-mega-menu .sub-menu .sub-menu{display:block!important;position:static!important;border:0;box-shadow:none;background:transparent;padding:0 0 0 .15rem;min-width:0;width:auto;column-count:1}
@media (max-width:1024px){
.mb-mega-nav__toggle{display:inline-flex}.mb-mega-menu{display:none;flex-direction:column;padding:0 0 1rem;max-width:none}.mb-mega-nav.is-open .mb-mega-menu{display:flex}
.mb-mega-menu>.menu-item>a{padding:.9rem 1.25rem;border-bottom:1px solid var(--mb-nav-border)}
.mb-mega-menu>.menu-item-has-children>.sub-menu,.mb-mega-menu>.menu-item-has-children.mb-is-mega>.sub-menu,.mb-mega-menu>.menu-item-has-children:has(>.sub-menu>.menu-item-has-children)>.sub-menu{position:s
	
	/* Keep the logo clear of the desktop nav; reset on mobile. */
	@media (min-width:1025px){.site-header-wrapper .mb-mega-nav{margin-left:250px;width:calc(100% - 250px);}}
	@media (max-width:1024px){.site-header-wrapper .mb-mega-nav{margin-left:0;width:100%;}}
	tatic;width:100%;min-width:0;column-count:1;display:none;border:0;border-bottom:1px solid var(--mb-nav-border);box-shadow:none;border-radius:0}
.mb-mega-menu>.menu-item-has-children.mb-open>.sub-menu{display:block}.mb-mega-menu .menu-item-has-children>a:after{content:"+";float:right;font-weight:400;color:#6b7280}.mb-mega-menu .menu-item-has-children.mb-open>a:after{content:"–"}
}


/* Native mega nav hover/mobile robustness. */
@media (min-width: 1025px) {
  .mb-mega-nav .mb-mega-menu > .menu-item-has-children:hover > .sub-menu,
  .mb-mega-nav .mb-mega-menu > .menu-item-has-children:focus-within > .sub-menu { display: block !important; }
}


/* Native mega nav mobile accordion robustness */
@media (max-width: 1024px) {
  .mb-mega-nav .mb-mega-menu > .menu-item-has-children.mb-open > .sub-menu { display: block !important; }
}


/* Native mega nav Apple transparent toggle */
.mb-mega-nav__toggle, .mb-mega-nav button.mb-mega-nav__toggle, .site-header .mb-mega-nav__toggle, .menu-toggle, button.menu-toggle {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.mb-mega-nav__burger, .mb-mega-nav__burger::before, .mb-mega-nav__burger::after {
  width: 22px !important;
  height: 1.5px !important;
  background: #1b1b1b !important;
  border-radius: 0 !important;
}


/* Fix: exclude hamburger from global accent button fill — 2026-09-11 */
button.mb-mega-nav__toggle,
.mb-mega-nav__toggle,
.mb-mega-nav button {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.mb-mega-nav__burger,
.mb-mega-nav__burger::before,
.mb-mega-nav__burger::after {
  background: #1b1b1b !important;
  background-color: #1b1b1b !important;
}
.mb-mega-nav.is-open .mb-mega-nav__burger {
  background: transparent !important;
  background-color: transparent !important;
}
@media (max-width: 1024px) {
  .mb-mega-nav__toggle { display: inline-flex !important; }
  .mb-mega-menu { display: none; flex-direction: column; padding: 0 0 1rem; max-width: none; }
  .mb-mega-nav.is-open .mb-mega-menu { display: flex !important; }
  .site-header-wrapper .mb-mega-nav { margin-left: 0 !important; width: 100% !important; }
  .mb-mega-menu > .menu-item-has-children > .sub-menu,
  .mb-mega-menu > .menu-item-has-children.mb-is-mega > .sub-menu {
    position: static !important; width: 100% !important; min-width: 0 !important;
    column-count: 1 !important; display: none; border: 0 !important;
    border-bottom: 1px solid #e8eaed !important; box-shadow: none !important;
  }
  .mb-mega-nav .mb-mega-menu > .menu-item-has-children.mb-open > .sub-menu {
    display: block !important;
  }
}


/* Native mega nav mobile nested submenu visibility */
@media (max-width: 1024px) {
  .mb-mega-nav.is-open .mb-mega-menu { display: flex !important; }
  .mb-mega-nav .mb-mega-menu > .menu-item-has-children.mb-open > .sub-menu {
    display: block !important;
    position: static !important;
    width: 100% !important;
    column-count: 1 !important;
  }
  .mb-mega-nav .mb-mega-menu .sub-menu .sub-menu {
    display: block !important;
    position: static !important;
  }
}


/* Header: logo + nav on one row */
.site-header-wrapper {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
}
.site-header-wrapper .site-title-wrapper {
  float: none !important;
  flex: 0 0 auto;
  margin: 0 !important;
}
.site-header-wrapper .mb-mega-nav {
  clear: none !important;
  float: none !important;
  flex: 1 1 auto;
  width: auto !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 1025px) {
  .site-header-wrapper .mb-mega-nav {
    margin-left: 0 !important;
    width: auto !important;
  }
  .mb-mega-menu {
    margin: 0 !important;
    max-width: none !important;
    justify-content: flex-end;
  }
}
@media (max-width: 1024px) {
  .site-header-wrapper { flex-wrap: nowrap; }
  .site-header-wrapper .mb-mega-nav {
    flex: 0 0 auto;
    width: auto !important;
    margin: 0 !important;
    position: static;
  }
  .mb-mega-nav__toggle { margin: 0 !important; }
  .mb-mega-nav.is-open .mb-mega-menu {
    position: absolute;
    left: 0; right: 0; top: 100%; width: 100%;
    background: #fff; z-index: 200;
    box-shadow: 0 8px 16px rgba(0,0,0,.06);
  }
  .site-header-wrapper { position: relative; }
}


/* Mobile menu: text left, + right — 2026-09-11 */
@media (max-width: 1024px) {
  .mb-mega-nav .mb-mega-menu {
    text-align: left !important;
    align-items: stretch !important;
  }
  .mb-mega-nav .mb-mega-menu > .menu-item > a,
  .mb-mega-nav .mb-mega-menu .sub-menu a {
    text-align: left !important;
    justify-content: flex-start !important;
  }
  .mb-mega-nav .mb-mega-menu .menu-item-has-children > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    width: 100%;
    box-sizing: border-box;
  }
  .mb-mega-nav .mb-mega-menu .menu-item-has-children > a::after {
    float: none !important;
    margin-left: auto !important;
    flex: 0 0 auto;
    padding-left: 0.75rem;
  }
  .mb-mega-nav .mb-mega-menu .sub-menu {
    text-align: left !important;
    padding-left: 1.25rem !important;
  }
}

/* Desktop: keep mega/flyout panels inside the viewport */
@media (min-width: 1025px) {
  .site-header-wrapper,
  .mb-mega-nav {
    position: relative !important;
    overflow: visible !important;
  }
  /* Position panels against the nav, not the individual LI */
  .mb-mega-menu > .menu-item-has-children {
    position: static !important;
  }
  .mb-mega-menu > .menu-item-has-children > .sub-menu,
  .mb-mega-menu > .menu-item-has-children.mb-is-mega > .sub-menu,
  .mb-mega-menu > .menu-item-has-children:has(> .sub-menu > .menu-item-has-children) > .sub-menu {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }
  /* Simple (non-mega) flyouts that are still per-item: clamp last items */
  .mb-mega-menu > .menu-item-has-children:not(.mb-is-mega):not(:has(> .sub-menu > .menu-item-has-children)) {
    position: relative !important;
  }
  .mb-mega-menu > .menu-item-has-children:not(.mb-is-mega):not(:has(> .sub-menu > .menu-item-has-children)) > .sub-menu {
    left: auto !important;
    right: 0 !important;
    width: max-content !important;
    max-width: min(320px, 90vw) !important;
  }
}

/* Vertical align logo with hamburger (mobile) and menu items (desktop) */
.site-header-wrapper {
  display: flex !important;
  align-items: center !important;
}
.site-header-wrapper .site-title-wrapper {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.site-header-wrapper .custom-logo-link,
.site-header-wrapper .custom-logo {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: middle;
}
.site-header-wrapper .mb-mega-nav {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
}
.mb-mega-nav__toggle {
  align-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (min-width: 1025px) {
  .mb-mega-menu {
    display: flex !important;
    align-items: center !important;
  }
  .mb-mega-menu > .menu-item > a {
    display: flex !important;
    align-items: center !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 1024px) {
  .site-header-wrapper {
    min-height: 0;
    align-items: center !important;
  }
  .mb-mega-nav__toggle {
    height: 44px !important;
    width: 44px !important;
  }
}

/* Mobile header: logo left, hamburger right + top padding — 2026-09-11 */
.site-header {
  padding-top: 12px !important;
  padding-bottom: 8px !important;
  text-align: left !important;
}
@media (max-width: 1024px) {
  .site-header,
  .site-header-wrapper,
  .site-title-wrapper {
    text-align: left !important;
  }
  .site-header-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin: 0 !important;
  }
  .site-header-wrapper .site-title-wrapper {
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }
  .site-header-wrapper .custom-logo-link {
    display: inline-block !important;
    margin: 0 !important;
  }
  .site-header-wrapper .custom-logo {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    max-height: 40px;
    width: auto;
  }
  .site-header-wrapper .mb-mega-nav {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
  .mb-mega-nav__toggle {
    margin: 0 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}

/* Native cookie notice — replaces Cookie Compliance plugin */
#mb-cookie-notice {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: rgba(50, 50, 58, 1);
  color: #fff;
  font-size: 14px;
  line-height: 1.45;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.15);
}
#mb-cookie-notice[hidden] { display: none !important; }
.mb-cookie-notice__inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 14px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}
.mb-cookie-notice__text {
  flex: 1 1 260px;
  margin: 0;
  color: #fff;
}
.mb-cookie-notice__text a {
  color: #fff !important;
  text-decoration: underline !important;
}
.mb-cookie-notice__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  margin-left: auto;
}
.mb-cookie-notice__ok {
  appearance: none;
  border: 0;
  border-radius: 3px;
  background: #00a99d !important;
  background-color: #00a99d !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 16px;
  cursor: pointer;
  line-height: 1.2;
}
.mb-cookie-notice__ok:hover,
.mb-cookie-notice__ok:focus {
  background: #008f85 !important;
  background-color: #008f85 !important;
  color: #fff !important;
}
.mb-cookie-notice__close {
  appearance: none;
  border: 0;
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
  width: 36px;
  height: 36px;
  padding: 0;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  box-shadow: none !important;
}

/* Hardcoded TablePress replacements — responsive */
.mb-table-wrap {
	  width: 100%;
	  overflow-x: auto;
	  -webkit-overflow-scrolling: touch;
	  margin: 1rem 0 1.5rem;
	  border: 1px solid #e8eaed;
	  border-radius: 4px;
	  background: #fff;
	
	.mb-table-wrap table.mb-table {
		  width: 100%;
		  border-collapse: collapse;
		  min-width: 480px;
		  font-size: 0.95rem;
		  line-height: 1.35;
		
		.mb-table-wrap .mb-table th,
		.mb-table-wrap .mb-table td {
			  border: 1px solid #e8eaed;
			  padding: 0.55rem 0.7rem;
			  text-align: left;
			  vertical-align: top;
			
			.mb-table-wrap .mb-table thead th {
				  background: #ebeced;
				  color: #1b1b1b;
				  font-weight: 700;
				
				.mb-table-wrap .mb-table tbody tr:nth-child(even) {
					  background: #fafafa;
					
					@media (max-width: 640px) {
						.mb-table-wrap .mb-table {
							    font-size: 0.85rem;
							    min-width: 360px;
							
							  .mb-table-wrap .mb-table th,
							.mb-table-wrap .mb-table td {
								    padding: 0.45rem 0.55rem;
								
							}
						}
					}
				}
			}
		}
	}
}