/* styles for the vendors cpt */
a {
	color: var(--ncff-orange-color);
}
.vendors .card {
    margin: 2rem 0;
    background: #00000004;
}
h2.vendor-cat {
	margin-top: 8rem;
}
h2.vendor-cat:first-of-type {
	margin-top: 2rem;
}
h3.vendor-title {
	margin: 0.5rem;
    text-align: center;
}
h3.vendor-title a {
    color: var(--ncff-orange-color);
    text-decoration: none;
}
/*Archive Template */
.modal-content {
	width: 75%;
	margin: 100px auto;
	padding: 40px;
}
.modal-content .close-modal {
	position: absolute;
	cursor: pointer;
	background-color: transparent;
	top: 20px;
	width: 50px;
	height: 50px;
	right: 50px;
}
.modal-content .close-modal .lr {
	z-index: 1051;
	width: 1px;
	margin-left: 35px;
	background-color: #222222;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 25px;
}
.modal-content .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	background-color: #222222;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	height: 25px;
}
#content-archive.vendors .modal {
	top: 4rem;
}
#content-archive.vendors .modal .close {
	position: relative;
	opacity: 1;
	text-shadow: none;
	z-index: 10;
}
#content-archive.vendors .modal button:before {
    content: '\f00d';
	color: #212121;
    font-family: 'FontAwesome';
    font-size: 2rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#content-archive.vendors .modal-wrapper {
    margin: 30vh auto;
    width: 90%;
    max-width: 640px;
    background: #fff;
	background:var(--ncff-cream-color);
    padding: 1.5rem;
	color: #212121;
	color: var(--ncff-body-color);
}
#content-archive.vendors .modal-header {
    display: block;
    position: relative;
    border: none;
}
#content-archive.vendors img {
	text-align: center;
}