/*** New Cart Template CSS 5/20/25 (3/23/25, website design Jul 2018) shopping cart, checkout, etc. ***/

/* links */
a:link { color: blue; }
a:visited { color: blue; }
a:hover { background-color: gray; color: white; }
a:active { color: blue; }

/* other stuff */
.inline { display: inline; }

body, p, div, td {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14pt;
  font-color: darkslategray;
  font-weight: bold; }

body { background-color: white; }

/*==== cart template header, for all cart screens ====*/

#cartmaintable { width: 98%; padding: 0; border: 0; }

.cartmainbanner, td.cartmainbanner, .cartmainbanner td {
  text-align: center;
  vertical-align: center;
  background-color: darkorange; }

p.cartmaintext, p.cartmainbanner {
  text-align: center;
  font-size: 16pt;
  font-color: white; }

p.carttopbannertext {
  text-align: center; 
  font-size: 12pt; 
  font-color: white; font-weight: bold; }

p.cartbottombannertext { 
  font-size: 16pt; 
  font-weight: bold; }

.cartbottombanner {
  text-align: center;
  vertical-align: center;
  background-color: darkgreen; }

/*==== used on each cart page ====*/

.mycarttoptext, .mycartbottomtext { text-align: center; font-size: 12pt; font-weight: bold; }

p.mycartheading {
  text-align: center;
  font-size: 24pt;
  border: 1px lightgray;
  padding: 10px;
  background-color: lightgray; }

/* Note: Blogs no longer applicable */
p.myblogheading {
  text-align: center;
  font-size: 24pt;
  border: 1px lightblue;
  padding: 10px;
  background-color: lightblue; }

/* To show special msg for very small screens */
.showsmall { display: none; }

/* WIDE SCREENS -- Desktops, etc. */
@media screen and (min-width: 1200px), (min-device-width: 1200px) {

  .menutable { width: 600px; }
  td[height="100"] { height: 40px; min-height: 40px; }
 .menubutton { height: 36px; width: auto; }
/* 
   font[size="2"] { font-size: 10pt; } 
   font[size="3"] { font-size: 12pt; }
   font[size="4"] { font-size: 13pt; }
   font[size="5"] { font-size: 15pt; }
   font[size="6"] { font-size: 16pt; }
*/
   font[size="7"] { font-size: 22pt; }

}

/* MOBILE DEVICES */
/* small screens -- iPhones, etc., any screen 600px or less */

/* @media screen and (max-width: 600px), (max-device-width: 600px) { */
@media screen and (max-width: 600px) {

.showsmall { display: inline; }

p.cartmaintext, p.cartmainbanner {
  text-align: center;
  font-size: 16pt;
  font-color: white; }

p.carttopbannertext { 
  font-size: 13pt; 
  font-weight: bold; 
  letter-spacing: -0.8px; }

p.cartbottombannertext { 
  font-size: 13pt; 
  font-weight: bold; 
  letter-spacing: -0.3px; }

p.mycartheading { font-size: 24pt; }

.mycarttoptext, .mycartbottomtext {
  font-size: 12pt; font-weight: bold; }

.toplogopic {
  width: 140px; height: auto; }

.carticon, .menuicon {
  height: 28px; width: auto; }

}