@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');


.logo-container {
	border: 5px solid #ffffff;
	background-color: rgba(0, 0, 0, 0.5);
}

.logo-image {
	width: 200px;
}

.text-main {
	color: rgb(157, 117, 5);
}

.bg-main {
	background-color: rgb(157, 117, 5);
}


.page {
	height: 297mm;
}

.category-header {
	background-image: url("../images/marijuana-bg.jpeg");
	background-color: rgba(200, 0, 0, 0.6);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.category-header-image-filter {
	background-color: rgba(0, 0, 0, 0.7);
}

.category-heading {
	font-size: 50px;
	font-family: 'Big Shoulders Display';
}

.category-logo {
	font-size: 120px;
	font-family: 'Big Shoulders Display';
	color: #ffffff;
}

.category-title {
	font-size: 70px;
	font-family: 'Big Shoulders Display';
	color: rgb(157, 117, 5);
}

.category-items-container {
	border: 4px solid rgb(157, 117, 5);
}

.category-items-header {
	border-bottom: 3px dotted black;
}

.category-title-sm {
	font-size: 60px;
	font-family: 'Big Shoulders Display';
}





.item {
	border-bottom: 3px dotted black;
}

.item:last-child {
	border: none;
}

.item-title {
	font-size: 19px;
}

.item-weight {
	font-size: 19px;
	font-weight: bold;
	font-family: 'Big Shoulders Display';
	color: rgb(157, 117, 5);
}

.item-main-text {
	font-size: 17px;
	font-family: 'Montserrat', sans-serif;
}

.item-description {
	font-size: 9px;
}

.item-img {
	object-fit: cover;
	width: 180px;
	height: 180px;
	border-radius: 5px;
}

.nav-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	/* background-color: rgba(255, 255, 255, 0.1); */
}

.nav-item-main {
	color: rgba(157, 117, 5, 0.8) !important;
	font-size: 20px;
	cursor: pointer;
	margin-left: 15px;
}
.nav-item-main:hover {
	color: rgba(157, 117, 5, 1) !important;
}


.custom-nav-link {
	color: rgb(157, 117, 5);
}

.localscope {
	color: rgb(157, 117, 5, 0.8) !important;
}
.localscope:hover {
	color: rgb(157, 117, 5, 1) !important;
}

.link-main {
	color: rgb(157, 117, 5);
}

.link-main:hover {
	color: rgb(157, 117, 5);
}

.input-main {
    outline: none !important; 
}

.input-main:focus {
    outline: none !important;
    border:1px solid rgb(157, 117, 5);
    box-shadow: 0 0 10px rgb(157, 117, 5) !important;
	-moz-box-shadow: 0 0 3px rgb(157, 117, 5) !important;
	-webkit-box-shadow: 0 0 3px rgb(157, 117, 5) !important;
}

.nav-active-main {
	background-color: rgb(157, 117, 5) !important;
}