@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;500;700&display=swap');

html, body {
/*	font-family: 'Roboto', sans-serif; */
	height: 100%;
	font-family: 'Montserrat', sans-serif;
}

H1,H2,H3 {
	font-family: 'Montserrat', sans-serif;
}

a {
	color: var(--primary-link-normal);
	text-decoration: none;
}
a:hover {
	transition: color 0.2s linear;
	color: var(--primary-link-color-hover);
	text-decoration: underline;
}
.text-small {
	font-size: var(--tiny-font-size);
}

/* button */
.btn-color-black {
	border-radius: 0.2rem;
	padding: 0.5rem;
	font-size: 0.95rem;
    border-color: var(--btn-color);
	background-color: var(--btn-color);
	padding: 1rem 2rem 1rem 2rem;
	color: #FFF;
}
	.btn-color-black:hover, .btn-color-black:active, .btn-color-black:focus-visible {
		background-color: var(--btn-color-hover) !important;
		border-color: var(--btn-color-hover)  !important;
		text-decoration: none;
	}

/* button outline */
.btn-color-black.btn-outline-primary {
	border-radius: 0.2rem;
	padding: 0.5rem;
	font-size: 0.95rem;
    border-color: var(--btn-color);
	color: var(--btn-color);
	background-color: transparent;
	padding: 1rem 2rem 1rem 2rem;
	font-weight: bold;
}
.btn-color-black.btn-outline-primary:hover {
	background-color: var(--btn-color);
	border-color: var(--btn-color);
	color: #FFF;
	text-decoration: none;
}
	
/* category */		
	.bg-hardwood {
		background-color: var(--cat-aod-bg-hardwood-color);
	}
	.bg-laminate {
		background-color: var(--cat-aod-bg-laminate-color);
	}
	.bg-carpet-tile {
		background-color: var(--cat-aod-bg-carpet-tile-color);
	}
	.bg-tile {
		background-color: var(--cat-aod-bg-tile-color);
	}
	.bg-luxury-vinyl {
		background-color: var(--cat-aod-bg-luxury-vinyl-color);
	}
	
.fa-location-crosshairs {
	color: red;
}