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

/* NAV Begin */ 

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

#navRMC {
	background-image: url(../rmc_photos/waterbubbleblue.jpg); 
	/*width: 763px; */
	} 

nav-cart button {
    border: var(--yellow-color) solid 1px;
    border-radius: 8px;
    color: darkblue;
    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;
	align-items: center;
    padding: 0;
    margin: 0;
    color: darkblue;
    font-size: 1.15rem;
	z-index: 20;
}

#navMenu-cart .btn-nav {
	padding: 0.35rem 0.5rem;
	border-radius: 0.25rem;
	font-weight: 700;
	font-size: 1rem;
	}

#navMenu-cart li a/*,  
#sticky nav-cart .main-nav-container-cart ul, 
#navMenu-cart li.cart-text-btn*/ {
    color: darkblue; 
    background: none;
    border: none;
    font: inherit;
}
 
#navMenu-cart li a:hover,
#navMenu-cart .cart-button:hover,
.cart-text-btn:hover {
    text-decoration: underline;
	color: darkblue;
    cursor: pointer;
}

#navMenu-cart .cart-button,
.cart-text-btn {
	text-shadow: 2px 2px 7px #888;
}

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

                                      /* NAV END */