/*
Dark red:
rgb(74,15,16)

Medium dark red:
rgb(183,11,13)

Dark green? background:
rgb(16,16,16)

Med dark blue washed out:
rgb(49,71,104)

Light blue washed out:
rgb(129,147,183)

Lighter blue:
rgb(190,206,220)

Gray blue:

Very light blue:
rgb(242,242,249)

Dark olive:
rgb(63,91,0)

Medium olive:
rgb(108,115,62)

Light olive:
rgb(147,162,94)

Lighter olive:
rgb(169,180,113);

rgb(69,92,12);

*/

.btn-primary { /* Match the color pallette */
	--bs-btn-bg: rgb(183,11,13);
	--bs-btn-border-color: rgb(183,11,13);
	--bs-btn-hover-bg: rgb(74,15,16);
	--bs-btn-hover-border-color: rgb(183,11,13);
	--bs-btn-focus-shadow-rgb: 225,83,97;
	--bs-btn-active-bg: rgb(74,15,16);
	--bs-btn-active-border-color: rgb(183,11,13);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-bg: rgb(74,15,16);
	--bs-btn-disabled-border-color: rgb(183,11,13);
}

.text-bg-primary {
  background-color: rgb(49,71,104) !important;
}

.btn-info { /* Match the color pallette */
	--bs-btn-bg: rgb(129,147,183);
	--bs-btn-border-color: rgb(49,71,104);
	--bs-btn-hover-bg: rgb(49,71,104);
	--bs-btn-hover-border-color: rgb(129,147,183);
	--bs-btn-focus-shadow-rgb: 11,172,204;
	--bs-btn-active-bg: rgb(49,71,104);
	--bs-btn-active-border-color: rgb(129,147,183);
	--bs-btn-disabled-bg: rgb(129,147,183);
	--bs-btn-disabled-border-color: rgb(129,147,183);
}

.topNav {
	background-color: rgb(224,224,231) !important;
	--bs-navbar-padding-y: 0.25rem;
	font-size: .9rem;
}

.topNav .nav-link, .topNav .nav-link:focus, .topNav .nav-link:hover {
	color: rgba(0, 0, 0, 0.55) !important;
}

.mainNav {
	padding-bottom: 1rem;
}

.mainNav .nav-link, .mainNav .nav-link:focus, .mainNav .nav-link:hover {
	color: rgb(49,71,104) !important;
}

.mainNav .navbar-toggler {
	border: 2px solid rgba(0, 0, 0, 0.4);
}

h1 {
	color: rgb(49,71,104);
}

/* Full screen background on home page */

body._home-contentPage {	
	background-color: rgb(147,162,94);
}

#pp-background-container {
	background-color: rgb(147,162,94);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 850px;
    width: 100vw;
    z-index: -1000;
    text-align: center;
}
#pp-transparency-box {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 1rem 0.2rem rgba(0, 0, 0, 0.2);
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1320px;
    height: 850px;
    overflow: hidden;
    z-index: -1000;
}


._home-contentPage header { /* Narrow the header and footer to fit inside the transparency box */
    margin-left: auto;
    margin-right: auto;
	max-width: 1320px;
}

footer {
	padding-left: 2rem; /* Narrow the header and footer to fit inside the transparency box */
	/* background-color: rgb(169,180,113); */
	
	background-color: rgb(119,148,74);
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4rem;
    font-weight: bold;
}

.topNav {
	background-color: rgb(242,242,249) !important;
}

.storeLogo {
	display: none;
}

.storeLogoMoreSquare {
	display: block;
	position: relative;
	top: -20px;
}
.storeLogoMoreSquare img {
	height: 75px;
	margin-bottom: -30px;
}

/*@media (min-width:768px) {*/
	
@media (min-width:500px) {
	.topNav {
		background-color: rgb(242,242,249) !important;
	}
	
	.storeLogo {
		display: none;
	}

 	.storeLogoMoreSquare {
		display: block;
		position: relative;
		top: -40px;
	}
	.storeLogoMoreSquare img {
		height: 90px;
		margin-bottom: -40px;
	}
}
/*}*/

@media (min-width:992px) {
	.storeLogo img {
		height: 75px;
	}

	.storeLogoMoreSquare {
		top: -40px;
	}
	.storeLogoMoreSquare img {
		margin-bottom: -40px;
		height: 80px;
	}
}

@media (min-width:1200px) {
	.storeLogo img {
		height: 75px;
	}
/* 	.storeLogoMoreSquare img {
		height: 90px;
	} */
}

@media (min-width: 768px) {
  .topLinks a span.linkText {
    display: none;
  }
}
@media (min-width: 992px) {
  .topLinks a span.linkText {
    display: inline;
  }
}

/* Keep the search form button with the search input */
.searchForm .input-group {
    flex-wrap: nowrap;
}
	
.mainNav {
	background-color: rgb(242,242,249) !important;
}

#cartLink .badge {
	background-color: RGB(var(--bs-secondary-rgb));
}

/* Subcategory lists */
.subcategoryList .card {
	background-color: rgba(242,242,249, 0.85);
	font-weight: bold;
  font-style: italic;
  font-size: 1.2rem;
}

._home-contentPage .subcategoryList .card {
	background-color: transparent;
}

._home-contentPage .subcategoryList .card:hover {
	background-color: rgba(242,242,249, 0.4);
}

.subcategoryList .card:hover a {
	color: rgb(183,11,13);
}

/* Make active dropdowns the same as hover, instead of the default bright blue */
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}