:root {
	--primary: #ff6096;
	--secondary: #ff91b2;
	--tertiary: #383c43;
	--highlight: #fe1f62;
	--default-background: #ffffff;
	--darker-background: #383c43;
	--selection: #ff91b2;
	--font-color: #383c43;
	--alt-font-color: #383c43;
	--input-font-color: rgb(48, 48, 48);
	--input-background-color: #fefefe;
	--input-border-color: #ccc;
	--base-font-size: 75.5%;
	--header-font-weight: 300;
	--header-footer-color: #f9f9f9;
	--font-primary-source: "";
	--font-primary-source-name: "GeosansLight";
	--font-secondary-source: "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";
	--font-secondary-source-name: "Roboto";
	--font-navigation-name: "Roboto";
	--font-navigation-weight: 400;
}

@font-face {
	font-family: "GeosansLight";
	font-display: fallback;
	font-style: normal;
	src: local("GeosansLight"),
		url("/_/Templates/CapeTown/web/assets/fonts/GeosansLight.woff") format("woff"),
		url("/_/Templates/CapeTown/web/assets/fonts/GeosansLight.woff") format("woff"),
		url("/_/Templates/CapeTown/web/assets/fonts/GeosansLight.ttf") format("ttf");
}

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
	max-width: 1280px;
}

.searchbar-wrapper {
	background-color: var(--darker-background);
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
	background: transparent;
}

form .selectize-input .item {
	border: 1px solid #aaa !important;
}

.search-bar .selectize-control .selectize-input .item {
	color: #303030;
}

.auction-time {
	color: var(--secondary);
	font-size: 1.2rem;
}

.auction-time .fa-gavel {
	color: white;
}

.gray-to-colour {
	filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
	transition: all 0.5s ease;
}

.gray-to-colour:hover {
	filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
}

/* HOME */
.hero-video-with-form #search-bar .nav-tabs .nav-item {
	width: calc(100% / 4);
	text-align: center;
}

.hero-video-with-form #search-bar .nav-tabs .nav-item:last-of-type .nav-link {
	margin: 0;
}

.hero-video-with-form #search-bar .btn-primary {
	background-color: #ddd;
	border-top-right-radius: 0;
	color: #383c43;
}

.hero-video-with-form #search-bar .btn-primary:hover {
	background-color: #fe1f62;
	color: #ffffff;
}

/* STAFF LIST */
.team .staffCategoryFilter .btn:focus {
	box-shadow: 0 0 0 0.2rem rgb(255 96 150 / 25%);
}

.team .team-member .team-member__headshot img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    transition: all 0.5s ease;
}

.team .team-member:hover .team-member__headshot img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
}