html, body, ul {margin:0;padding:0;font-family:'Tahoma', sans-serif;}
body{
background-image: url('../assets/graphics/BkGd-YellowFade1200.jpg') ;
background-repeat: repeat-x;
background-size: cover;
}
a {cursor: pointer;}
.headers {
background-color: #528607;
background-image: url("../css/green-fade.png");
color:#fff; padding:0.5rem;
}
.headers a { color:#fff; padding:0.5rem;}
#header_wrapper{max-width: 80rem; margin-left: auto; margin-right: auto;}
#logo{text-align: left; max-width: 50px; border: red 0px solid; margin-top: .5rem;text-shadow: 1px 1px 0 black;}
#logotitle{display: none;text-shadow: 1px 1px 0 black;}
#faves{ border: blue 0px solid;margin-top: 1rem; padding: 0rem; }
#faves a{color:#fff;display: inline-flex; font-size: 1.2rem; text-decoration: none;text-shadow: 1px 1px 0 black; }
#topphone{ border: blue 0px solid; text-shadow: 1px 1px 0 black;}
#topphone a{color:#fff;display: inline-flex; vertical-align: top; text-decoration: none; text-shadow: 1px 1px 0 black;}
.phone{display: none;text-shadow: 1px 1px 0 black;}
#cartIcon,#cartIcon a{color:#fff;display: block; vertical-align: bottom; text-decoration: none; text-shadow: 1px 1px 0 black; }
.navbar-logo{ height: 50px; box-shadow: 0px 2px 8px black; }
@media (min-width: 720px) {
}
@media (min-width: 1200px) {
}
#navbarMenu > .col{
padding-left: 5px; padding-right: 5px;
}
@media (max-width: 768px) {
/* #navbarMenu{max-width: 200px;}*/
}
@media screen and (min-width: 640px) {
#logo{margin-top: 0rem;max-width: 12rem;}
/* #logotitle{ vertical-align: top;font-size:.5rem;color:#fff; font-weight:bold;font-family:'PT Sans', sans-serif;}*/
#faves a{ font-size: 1.5rem;}
.phone{display: block; font-size: 1rem;}
}
@media screen and (min-width: 800px) {
#logotitle{display: block; font-size:.6rem;}
#faves a{ font-size: 2rem;}
.phone{ font-size: 2rem; }
}
.topH1, topH2{background-color: #FFFFef; text-align: center;text-shadow: 1px 1px 0 black;}
/* ###################### */
a{color:darkgreen;}
a:hover{color: #00CFFF;}
#wrapper{
background-color: white;
border-radius: 8px;
box-shadow: 0px 2px 8px black;
margin-left: auto;margin-right: auto;
margin-top: 1rem;
padding: 0rem;
max-width: 90%;
}
.navbar-logo{ height: 50px; box-shadow: 0px 2px 8px black; }
.dropdown.dropdown-menu-4 {position:fixed ; width: 89%; }
#videoDialog {
max-width: 1000px;
margin: 30px auto;
}
.modal-xl { width: 90% !important;}
#hfeMenu{
border: 1px solid black;
box-shadow: 0px 2px 8px black;
margin-bottom: 1rem;
padding:2 rem;
}
.dropdown-menu.wide{ postition:static;left:-100vw;width: 1000px; max-width: 90vw;}
.col-auto > .dropdown-item{padding: .2rem;}
#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; }
/* ############ */
.itsus {color:gray;font-size:xx-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{ 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;}
.b1Name{color: darkgreen; font-size: 1.2rem; text-align: center !important;}
.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{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;}
.b2NowRetail {color:black;font-size: 1rem; font-weight:normal;text-decoration: line-through;}
.b2NowRetailPrice {color:black;font-size: 1rem; font-weight:normal;text-decoration: line-through;}
.b2NowSave {color:darkgreen;font-size: .7rem;}
.b2NowPrice {color:red;font-size: 1rem;font-weight:bold;}
#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: #90EE90; min-height: .2rem;}
.userinfo{ }
.bImage{margin: 0; width: 100%; text-align: center; }
/* ### Changes for Media Size ### */
@media (max-width: 575px) { /* Change for eXtra Small xs */
}
@media (min-width: 576px) { /* Change for Small sm */
}
@media (min-width: 768px) { /* Change for Medium md */
.b1NowImg{max-width: 150px; max-height: 150px; }
.additem{font-size: .8rem !important;}
.bAdd{margin: 0; width: 100%; text-align: center; }
.b1NowName {font-size: 1rem; color: blue;}
}
/* Bootstrap 5 Grid Standard Sizes */
@media (max-width: 575px) { /* Change for eXtra Small xs */
}
@media (min-width: 576px) { /* Change for Small sm */
}
@media (min-width: 768px) { /* Change for Medium md */
}
@media (min-width: 992px) { /* Change for Large lg */
}
@media (min-width: 1200px) { /* Change for Extra Large xlg */
}
@media (min-width: 1400px) { /* Change for Extra Extra Large xxlg */
}