@charset "utf-8";
/* CSS Document */

/* Cart & Checkout Related below NAV on pages */

:root {
    --primary-color: #0070ba;   /* Blue */
    --2-primary-color: #197ec0; /* Blue #0070ba but one shade lighter */
    --3-primary-color: #0064a7; /* Blue #0070ba but one shade darker */
    --secondary-color: #ffc439; /* Orange */
    --text-color: #333;
    --background-color: #fff;   /* White */
    --background-color-02: #f8f8f8; /* White Smoke */
	--background-color-03: #fffceb;  /* Ivory */
    --body-color: #67a3e1;      /* Cornflower Blue */ 
    --yellow-color: #fefe00;    /* Yellow */
}  

                                                            /* Cart Related BEGIN */
															
.htop {
   background-color: #fff; /* #ffd500; #ffcc33; */
   color: #333;    
   z-index: 5;
   /*border-top: #a8ffa8 solid 2px; */
   border-top: 0 solid var(--3-primary-color);
   border-right: 8px solid var(--3-primary-color);
   border-bottom: 6px solid var(--3-primary-color);
   border-left: 8px solid var(--3-primary-color);
   /*border-radius: 10px;*/
}

.htop {
   position: -webkit-sticky; /* Safari */
   position: sticky;
}
 
#checkoutdiv {
     display: none;
 } 
 
.row .text-xs-center,
.row .text-xs-center small,
.row .text-xs-center .total {
	 color: #333;
	 text-shadow: 0 2px 5px rgba(0,0,0,0.2);
	 }
 
.text-xs-center,
.text-xs-center small,
.text-xs-center a,
.text-xs-center .btn {
	font-weight: 700;
	}
	
.line-spacing {
	padding: 0.5rem 0 0;
	}
	
.button-spacing {
	margin: 0.5rem 0.25rem;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	} 
	
	
                                                            /* Cart Related END */ 
 
.itemInfo  {
   margin-top: .75rem;
 }
 
.item .btn { 
	background: var(--primary-color);
    color: var(--yellow-color);
    border: none;
    padding: 0.75rem 1rem;
    margin: 1rem .15rem;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
	font-weight: normal; 
} 

.item button.btn-info {
	display: block;  
    background-color: #5cb85c;
    color: #fff;
    border: none;
    padding: 0.75rem 1.3rem;
    margin: 0.5rem auto 0;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
}

.gallery_grid .productItem,
.gallery_grid-02 .productItem {
	margin: 1rem 0 0 0;
	}  
	
                                                         /* NAV Begin */ 

div#sticky {
	position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 10;
}

nav-cart { 
    background: var(--3-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    /*box-shadow: 0 2px 5px rgba(0,0,0,0.2);*/
}

nav-cart button {
    border: var(--yellow-color) solid 1px;
    border-radius: 8px;
    color: var(--yellow-color);
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    margin: 0;
    margin-top: .7rem;
    padding: 0 .8rem .2rem .8rem;
    background: var(--2-primary-color);
}

#navMenu-cart {
    list-style: none;
    display: flex;
    gap: 1rem;
    padding: 0;
    margin: 0;
    color: var(--yellow-color);
    font-size: 1.15rem;
	z-index: 20;
}

#navMenu-cart li a,
#navMenu-cart li button,
#navMenu-cart .cart-button {
    color: var(--yellow-color);
    text-decoration: none;
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
}

#navMenu-cart li button:hover,
#navMenu-cart li a:hover,
#navMenu-cart .cart-button:hover {
    text-decoration: underline;
}

.main-nav-container-cart {
	display: grid;  
    justify-content: center;
    align-items: center;
	}  

                               /* NAV END */  
							   
							   /* TOAST POP-UP BEGIN */ 
#cartNotification {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 25%;
  right: 25%;
  /*margin: auto;*/
  background: #333;
  color: var(--yellow-color);
  font-weight: 700;
  padding: 10px 15px;
  border: #fefe00 3px solid;
  border-radius: 5px; 
  transition: opacity 0.3s;
  z-index: 9999;
  -moz-box-shadow: 2px 2px 5px #888;
  -webkit-box-shadow: 2px 2px 5px #888;
  box-shadow: 2px 2px 5px #888;
}
#cartNotification.show {
  visibility: visible;
  opacity: 1;
}

							   /* TOAST POP-UP BEGIN */
							   
							   /* Buttons Related Begin */

.item_wrapper { 
    display: grid;
    grid-template-columns: 245px 1fr 1fr;
    /*grid-column: 1 / span 2; 
    grid-gap: .25rem;*/
	justify-content: left;
    align-items: left;
}

.item_wrapper h2 {
	margin: 0;
	padding: 0;
	} 

/*div.item_wrapper:nth-child(3) {
	flex-basis: auto;
	}*/
	
.item_wrapper .btn-add-to-cart {
    background: var(--primary-color);
    color: var(--yellow-color);
    border: none;
    padding: 0.75rem 1.25rem;
    margin: 0 0 1rem 4.75rem;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
	-moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
	max-height: 3rem;
	max-width: 9.531rem;
} 
							   
.item_wrapper_bottom .btn-add-to-cart { 
    background: var(--primary-color);
    color: var(--yellow-color);
    border: none;
    padding: 0.75rem 1.25rem; 
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
	-moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
}

.description .item_wrapper_bottom  { 
    text-align: center;
}
 
.item_wrapper_bottom .btn-add-to-cart:visited,
.item_wrapper_bottom .btn-add-to-cart:active,
.item_wrapper_bottom .btn-add-to-cart:link,
.item_wrapper .btn-add-to-cart:visited,
.item_wrapper .btn-add-to-cart:active,
.item_wrapper .btn-add-to-cart:link {
	background: var(--primary-color);
    color: var(--yellow-color);
	}
	
.item_wrapper .btn-add-to-cart:hover,
.item_wrapper_bottom .btn-add-to-cart:hover  {
    background: #005fa3;
	color: var(--yellow-color);
} 
 
							   /* Buttons Related End */ 
							   
                               /* SS Paypal Button Begin */
							 
.item_wrapper-ss .btn-add-to-cart {
    background: var(--primary-color);
    color: var(--yellow-color);
    border: none;
    padding: 0.75rem 1.25rem;
    margin: .5rem 0;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
	-moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
}

/*.item_wrapper {
	display: flex;  
    justify-content: center; 
	}*/
							 
.description .item_wrapper-ss form {
	display: grid;
	grid-template-rows: auto auto auto;
	justify-items: center;
	align-items: center;
	justify-content: center;
	text-align: center;
	}
	
.paypal_select-cart {
  padding: 0.65rem 0.75rem;
  margin: 0 0 1rem 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 0.85rem;
  max-width: 24.5rem;
  width: 100%; 
  display: block;
  border: 2px solid #fff;
  background-color: var(--primary-color);
  /*#fee4b0; */
  -moz-box-shadow: 2px 2px 5px #888;
  -webkit-box-shadow: 2px 2px 5px #888;
  box-shadow: 2px 2px 5px #888;
  margin-bottom: 5px;
  color: #fff;
  font-weight: 700; 
}

.paypal_select-cart:focus {
  border-color: var(--primary-color);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 95, 163, 0.2);
}
 
.ssPaypal-cart { 
    color: #333; 
    font-size: 1rem;
    font-weight: bold;
}

                              /* SS Paypal Button End */
							    
							   /* MODAL BEGIN */ 
 
/*.outer_container .modal-content {
	margim: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	min-width: 25rem;
	}*/
	
.outer_container .modal-content {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  min-width: auto;           /* let it shrink */
  overflow-x: auto;          /* add horizontal scrolling */
  -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.table td,
.table th {
  white-space: nowrap;       /* keep cells on one line */
}

                             /* MODAL END */

/*.modal-header button.close {
  color: #808080;
  }
  
.modal-header button.close:hover {
  color: #ccc;
  }*/ 
  
@media (max-width: 710px) {
  .item_wrapper .btn-add-to-cart {  
    margin: 0 0 1rem 3.5rem;
	} 
}

@media (max-width: 600px) {
    .item_wrapper .btn-add-to-cart {  
    margin: 0 0 1rem 2rem;
	} 
}

@media (max-width: 500px) {
	.item_wrapper { 
		display: grid;
		grid-template-columns: 200px 1fr 1fr;
		margin-bottom: 1rem;
	}
}
 	
@media (max-width: 455px) {
  .outer_container .modal-content table.table td,
  .outer_container .modal-content table.table th {
    margin-left: 0;
	margin-right: 0;
    padding-left: 0;
	padding-right: 0;
  }
  .cart-display_bg {
	  display: none;
  } 
  .cart-display_sml {
	  display:block;
  } 
  nav-cart {
	  margin: 0;
	  padding: 0 0 .75rem 0;
  } 
  nav-cart button {
	  display: block;
  } 
  #navMenu-cart {
	  display: none;
	  flex-direction: column;
	  gap: 0;
	  background: var(--primary-color);
	  position: absolute;
	  top: 3.5rem;
	  right: 0;
	  width: 200px;
	  padding: 1rem;
	  line-height: 300%;
  } 
  #navMenu-cart.show {
	  display: flex;
  } 
}

.nav-history button {
  background: var(--primary-color);
  color: #fff;
  border: none;
  padding: 0.5rem 1rem;
  margin: 0.5rem;
  border-radius: 5px;
  font-size: 1rem;
  cursor: pointer;
}
.nav-history button:hover {
  background: #005fa3;
}


@media (max-width: 440px) {
  .item_wrapper .btn-add-to-cart {  
    margin: 0 0 1rem 1rem;
	} 
}

@media (max-width: 430px) {
  .item_wrapper .btn-add-to-cart {  
    margin: 0 0 1rem .75rem;
	}
}

@media (max-width: 412px) {
  .item_wrapper .btn-add-to-cart {  
    margin: 0 0 1rem .25rem;
	}
  .item_wrapper { 
	display: grid;
	grid-template-columns: 160px 1fr;
	height: 4.688rem; 
	margin-bottom: 0;
	padding-bottom: 0;
	}
}