body{
	background-image: url(../assets/graphics/mkrs_background.jpg);
	background-repeat: repeat;
	max-width: 1920px;
}
.gsc-search-button {

}
.gsc-search-button-v2{

}
.navbar-nav{
	border-radius: 6px;
	box-shadow: 0px 2px 8px DarkBlue;
	flex-direction: unset !important;
	margin-left: .5rem;
}

.wide{ postition:static; left:-100vw;width: 600px; max-width: 90vw;}

.gsc-input-boxXX{
	border: 2px solid black !important;
	box-shadow: 3px 3px 3px gray;
	font-size: 1.7rem !important;
	height: 2rem !important;
}
.gsc-inputXXX{
	font-size: 1.7rem !important;
}
/* ---------------------------------------------------*/
/*   Steel Gray Button  */
/* s ~ Button up */
.gsc-search-button, .gsc-search-button-v2,
.gsc-search-button:focus,.gsc-search-button-v2:focus,
.gsc-search-button:visited, .gsc-search-button-v2:visited
{
  background-color: Gray !important;
  background: linear-gradient(to top, SlateGray, LightSlateGray, Gray, DarkGray, LightGray, Gainsboro, GhostWhite) !important;
  border-radius: 8px;
  border-color: silver;
  color: OldLace;
  text-shadow: 1px 1px 0px black;
  box-shadow: 3px 3px 3px gray;
  height: 2.5rem !important;
}

/* S ~ Button hover */
.gsc-search-button:hover,.gsc-search-button-v2:hover
{
  background-color: DarkGray !important;
  background: linear-gradient(to top, SlateGray, LightSlateGray, Gray, DarkGray, LightGray, Gainsboro, GhostWhite) !important;
  color: azure;
  text-shadow: 1px 1px 0px darkgray !important;
  box-shadow: 2px 2px 0px gray !important; }

/* S ~ Button down */
.gsc-search-button:active, .gsc-search-button-v2:active
{
  background-color: LightGray !important;
  background: linear-gradient(to top, Gray, DarkGray, LightGray, Gainsboro, GhostWhite) !important;
  color: white;
  text-shadow: 1px 1px 0px black !important;
  box-shadow: 0px 2px 1px 1px silver inset !important; }

a{color:indigo;}
a:hover{color: #00CFFF;}
svg {fill:currentColor;}


#wrapper{
	background-color: azure;
	 border-radius: 8px;
	 box-shadow: 0px 2px 8px black;
	 margin-left: auto;margin-right: auto;
	 margin-top: 1rem;
	 padding: 0rem;
	 max-width: 90%;
}

.header{ /*  header_spacer1.jpg  */
border-radius: 8px;
	background-image:url(../css/Makers-Sky2.png) !important;
	background-size: cover;

}
.navbar-logo{	box-shadow: 0px 2px 8px black;  }

.dropdown.dropdown-menu-4 {position:fixed ; width: 89%; }


#navbarMenu > .col{
	padding-left: 5px; padding-right: 5px;
}

#hfeMenu{
	border: 1px solid black;
	box-shadow: 0px 2px 8px black;
	margin-bottom: 1rem;
	padding:2 rem;
}

.col-auto > .dropdown-item{padding: .2rem;}

#videoDialog {
	  max-width: 1000px;
	  margin: 30px auto;
	}
.modal-xl { width: 90% !important;}

#menuBar{ margin-bottom: 1rem; box-shadow: 0px 2px 8px black; }

.dropdown-menu { border-radius: 8px !important; box-shadow: 0px 2px 8px black !important; color:black;}

.boxShadow{ border-radius: 8px !important; box-shadow: 0px 2px 8px black !important;}

.bg-light{ line-height: 1.2rem; padding: 0;}

a.dropdown-item:hover{color:white; background: #666;}

.dropdown-menu-3 {min-width: 600px; }
.dropdown-menu-2 {min-width: 400px; }

.text-hfe-green{ color:darkgreen; }
#slogan{font-size: .8rem;font-style: italic;}
/* ############  */

.itsus {color:gray;font-size:x-small;border: 0px;}
A.itsus:link {color: darkblue;font-size:xx-small}
A.itsus:visited {color:darkblue; font-size:xx-small  }
A.itsus:hover {color: red; font-style:italic}
A.itsus:active {color: darkblue;font-size:xx-small}

/* ###    b1BuyNow #######  */
.b1BuyNow{background-color: white; border-radius: 8px; border:4px double blue; box-shadow: 0px 2px 8px darkgreen; margin: 6px; font-size: 1 rem; overflow-wrap: break-all; min-width: 220px; max-width:1000px;}
.b1NowName {color: green; font-size: .8rem; font-weight: bold; text-decoration: underline; margin-left: .3rem;}
.b1NowPriceTable{margin: auto; padding:0px; vertical-align: middle;}
.b1NowRetail{color:black;font-size: .8rem; font-weight:normal;text-decoration: line-through;}
.b1NowRetailPrice {color:black;font-size: .8rem; font-weight:normal;text-decoration: line-through;}
.b1NowSave {color:darkgreen;font-size: .7rem;}
.b1NowPrice {color:red;font-size: 1rem;font-weight:bold;}
 	.bAdd{  padding: 0px; padding-top: 0px; padding-left: 0px; }

.b1NowDesc {
	background-color:white;
	font-size: 1rem;
	text-align: left ;
	vertical-align: top;
	padding: 6px;
    white-space: wrap;
	overflow: hidden;
}
/* ###    b2BuyNow #######  */
.b2BuyNow{background-color:white;  border-radius: 8px; border:4px double blue !important; box-shadow: 0px 2px 8px green; margin: 6px;font-size: 1 rem; overflow-wrap: break-all; min-width: 220px;}
.b2Name{color: darkgreen; font-size: 1.2rem; text-align: center !important;}
.b2Name2{color: darkgreen; font-size: .8rem; text-align: center !important;}
.b2NowPrice {color:red;font-size: 1rem;font-weight:bold;}
.b2NowRetailPrice {color:black;font-size: 1rem; font-weight:normal;text-decoration: line-through;}

/* 8/25/21  buyProd1.inc */
.cBuyTable{}
.bNowBkOrd{}
.bNowComeSoon{}
.bNowDisctd{}

.userinfo{ }

#addresses{
    background-color: white;
    max-width: 60rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    margin-left: auto;
    margin-right: auto;
}

#shopcart{
    background-color: white;
    max-width: 60rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
}

.cartHR{ background-color: #6594CC; color:white; min-height: 2px;}

.pageImage{ max-width: 90%;}

/* Bootstrap 5 Grid Standard Sizes */

@media (max-width: 575px) {  /* Change for eXtra Small xs */
	.navbar-logo{height: 100px; }

}

@media (min-width: 576px) {  /* Change for Small  sm */
	.navbar-logo{height: 100px;}

}

@media (min-width: 768px) { /* Change for  Medium md */
	.navbar-logo{ height: 100px; }
	.additem{font-size: .8rem !important;}
	.b1NowName {font-size: 1rem; color: blue;}
}

@media (min-width: 992px) { /* Change for  Large lg */

}

@media (min-width: 1200px) { /* Change for  Extra Large xlg */
	.navbar-logo{ height: 150px; }
	.navbar-brand{font-size: 2rem;}
	.navbar-text{font-size: 1.6rem;}
}

@media (min-width: 1400px) { /* Change for  Extra Extra Large xxlg */

}



