@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;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
  --bg-color: #121212;
  --text-color: #ffffff;
  --card-bg: #2b2b2b;
  --border-color: #444444;
  --button-bg: #333333;
  --button-text: #ffffff;
  --link-color: #8ab4f8;
  --footercols-color: #121212;
  --footer-link-color: #ffffff;
  --copyright-color: #000000;
	--background-color:#000000;
  }
  .light-mode-logo {
    display: none;
  }
  .dark-mode-logo {
    display: block;
  }
}
.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;
}
			
			
			
#mega-menu-wrap-primary .mega-menu-toggle {
	margin: 1.5rem 1rem;
}

#mega-menu-wrap-max_mega_menu_1{
	border-top: 1px solid lightgray;}

#mega-menu-wrap-max_mega_menu_2{
	display:inline-block;
	/*border-bottom: 1px solid lightgray;*/ }

.wpmenucart-contents{
	border: 1px solid black;
	border-radius: 4px;
  padding: 7px;
  margin:10px;
}

.cartcontents{
	color:black;
	padding-top:10px;
	padding-bottom:20px;
}

.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;
}
.smart-slider{
	margin-bottom:40px;
}

.site-header-wrapper{
	/** float:left; */
	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;
}

/*Woo*/
.widget.woocommerce{
	background-color:white; 
	padding: 20px;
	margin-top:15px;
	border-radius:4px;
}

#shop-slider{
	max-width: 1280px;
}

.woocommerce .widget .product-categories li a {
	padding:5px;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{
	display:flex;
}

.woocommerce .widget .woocommerce-widget-layered-nav-list li a{
	padding:1px 10px 0px 0px }

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

.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;
	
}


.amazon-button{
	background-color: white;
	border: 1px solid grey;
	padding: 10px;
	border-radius:10px;
	margin-left:20px;
	margin-bottom:40px;
	float: left;
	text-align: center;
	
}

.amazon-button a{
	color: black;
}

			.footer-widget-area .footer-widget .widget li a{
				padding:0 0;
			}			
			
			
/*
.amazon-button a:hover, a:visited:hover, a:focus, a:visited:focus, a:active, a:visited:active{
		color:#000000;
		background-color:#FEBD69;
	border: 2px solid black;
}
*/

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

/*Woo*/

/*== 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;
}
}
	
	
	/* Woocommerce CSS Start */
	.primer-wc-cart-menu{
		/* padding-top:0 */
		font-size: 1em;
	}
	.cart-preview-total,.cart-preview-count {
	 /*display: inline-block; */
		display:none;
		
	color:grey;
	font-size:1em;
	border: 1px grey black;
	}
	
	.main-navigation .expand:hover{
		color:gray;
	}
	
	/* Woocommerce CSS End */

	.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;
	}
	
	/* Downloads Section */
	.entry-content, .entry-summary{
		padding: 1em;
	}
	.wpdm-download-link{
		padding:8px;
		border:1px solid black;
		border-radius: 4px;
	}	/* Downloads Section */
	
	.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;*/
	}
	.main-heading2 {
		display:block;
		background: none;
		background-color: white;
		top: 0px;
		height: 60px;
		margin: auto;
		width: 80%
	}
	.main-heading2 h2 {
		position: relative;
		top: -20px;
		text-align: center;
		background: #565a5c;
		max-width: 400px;
		font-size: 1em;
		line-height: 40px;
		margin: 0 auto;
		color: #fff;
		height: 40px;
		text-transform: uppercase;
	}
	.page-title{
		padding-top:0em;
		max-width: 1000px;
		text-align:center;
		margin:auto;
		color:lightgray;
	}
	#content{
		margin-top: 0em;
		margin-bottom: 4em;
		/*max-width: 1280px; following is to narrow the container for all
		max-width: 100rem;*/

	}
	
	#primary{
		padding: 0 0.25em;
		width: 100%;
	}
	
.primer-woocommerce{
	background-color: white;
	border-radius: 4px;
	padding: 14px;
	margin-top: 14px;
	margin-left:14px;
	margin-right:14px;}
  
	.widget li a{
		text-transform:none;
	}	
	
.cards,.box-pair {
		background-color:#fff;
		border: 1px solid #DDD;
		border-radius:10px;
	  color:grey;
		float: left;
	  font-size:1.00em;
		margin:0px 10px 10px 10px;
		padding:50px 20px;;
		text-align:center;
		width: 94%; 
	}

	.box-pair-title{
		text-align: center; 
		float: center; 
		display: block; 
		color: black; 
		font-family: 'Open Sans', 		sans-serif; 
		font-size: large;
	}
	
	.box-pair-text{
		color:lightgray;
		font-family: Courier New, Courier, monospace;
		font-size: 90%;
	}
	
	.box-pair:hover, .box-pair:hover .box-pair-text{
		border-color:darkgray;
		color:darkgray;
	}	


	.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;
	}
	.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;
	}
	.main-heading2{
		top:0px;
		height: 60px;
	}
	/* Woocommerce CSS Start */
	.primer-wc-cart-menu{
		/* padding-top:0 */
		display:none;
		font-size: 1em;
	}
	.cart-preview-total,.cart-preview-count {
	color:#666;
	font-size:20px;}
	
	.main-navigation li{
		float:none;
	}
 .main-navigation .primer-wc-cart-menu {
	 display: block;
	 float:right;
	}
	#secondary{
	display:inline-block;
	}
	/* Woocommerce CSS End */
	
	
	.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;
	}
}
/* **Medium Devices, Desktops */