.taxonomies-column h2{
	font-size: var(--font-size-quinary-heading);
	font-family: Montserrat;	
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.125rem;
	color: var(--color-white);
}

.products-column .product-interior{
    background: #F5F5F5;
    padding: 0 0 6em 0;
    height: 100%;
    position: relative;
}

.products-column .product{
	margin-bottom: 1em;
}

.products-column .product img{
	height: 300px;
	object-fit: cover;
	width: 100%;
}

.menu-options{
	display: flex;
	flex-direction: column;
	margin: 1em 0;
}

.custom-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0,0.4);
}

.product-modal {
    background-color: #fefefe;
    margin: 15% auto !important;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
	max-width: 900px;
}

.modal-close-btn {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal-close-btn:hover,
.modal-close-btn:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/*Custom Modifications*/
.product-name{
	font-size: var(--font-size-quartary-heading);
    font-family: 'Oswald';
    text-transform: uppercase;
    font-weight: 600;
	margin-top: 1em;
	padding: 0.5em;
}

.product-order-now a:hover, #load-more-products:hover{
	background: var(--color-green);
}

.product-learn-more a {
    color: var(--color-green);
    text-transform: uppercase;
    font-weight: 600;
}

.product-learn-more a:hover{
	color: var(--color-black);
}

.product-order-now {
    margin: 1em 0;
    position: absolute;
    bottom: 2em;
    left: 50%;
    transform: translate(-50%, 50%);
}

.product-modal .product-details{
	padding: 1em 2em;
}

#load-more-products{
	margin-top: 2em;
	margin-bottom: 2em;
}


/**/
.product-modal{
	display: flex;
	position: relative;
}

.product-modal .modal-close-btn{
	position: absolute;
	right: 20px;
	top: 20px;
}

.products-column{
	text-align: center;
}

#laz-menu{
	display: block;
}

#laz-menu .products-column{
	background-color: var(--color-white);
}

#load-more-products{
	text-align: center;
}


/**/
.menu-options input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px; 
    height: 20px; 
    border: 2px solid #000; 
    vertical-align: middle;
    margin-right: 5px; 
    transition: background-color 0.3s ease; 
	cursor: pointer;
}

.menu-options input[type="radio"]:checked {
    background-color: var(--color-green); 
    border-color: var(--color-black);
}

.menu-options label {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-family: 'Montserrat';
    color: var(--color-black);
}

.menu-intro div.col-xs-12{
	max-width: 600px;
}

.menu-intro{
	margin-bottom: 3em;
}

.menu-taxonomy-header{
	height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;	
	background-color: var(--color-black);	
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/*XS Devices 0 - 767px*/
@media only screen and (max-width: 47.9375em) {	
	.menu-taxonomy-header, .menu-options{
		padding: 0 1em;
	}
	.product-modal .product-details{
		padding: 1em .5em;
	}
}
/*Devices 768px in width*/
@media only screen and (min-width: 48em) and (max-width: 63.9375em) {
	.menu-taxonomy-header, .menu-options{
		padding: 0 1em;
	}
}
/*Devices 1024px in width*/
@media only screen and (min-width: 64em) {
	.menu-taxonomy-header:before{
		background: var(--color-black);
		content: '';
		position: absolute;
		height: 50px;
		width: 150vw;
		left: -100vw;
		z-index: -1;
	}
	.taxonomies-column h2{
		margin-left: -5vw;
		min-width: 150%;
	}
}
/*Devices 1200px+ in width*/
@media only screen and (min-width: 75em) {

}

/*--------------------------------------------------------------
# Error Message
--------------------------------------------------------------*/
.lazarus-error-message {
    padding: 2em;
    text-align: center;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    margin: 1em;
}
