:root {
	--core-white: rgb(255, 255, 255);
	--core-black: rgb(0, 0, 0);
	--core-red: rgb(255, 68, 68);

	--colour-primary: rgb(0, 123, 75);
	--colour-secondary: rgb(253, 218, 36);
	--colour-accent: rgb(253, 218, 36);
	--colour-highlight-1: rgb(0, 87, 63);
	--colour-highlight-2: rgb(0, 177, 64);
	--colour-front-page: rgb(2, 128, 68);
	
	--colour-text-1: rgb(0, 0, 0);
	--colour-text-2: rgb(211, 211, 211);
	
	--font-family: 'Vic', sans-serif;
}

@font-face {
	font-family: 'Vic';
	src: local('VIC-Light'), url('../../fonts/vic/VIC-Light.ttf') format('truetype');
	font-weight: 300;
}

@font-face {
	font-family: 'Vic';
	src: local('VIC-Regular'), url('../../fonts/vic/VIC-Regular.ttf') format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: 'Vic';
	src: local('VIC-Medium'), url('../../fonts/vic/VIC-Medium.ttf') format('truetype');
	font-weight: 500;
}

@font-face {
	font-family: 'Vic';
	src: local('VIC-SemiBold'), url('../../fonts/vic/VIC-SemiBold.ttf') format('truetype');
	font-weight: 600;
}

@font-face {
	font-family: 'Vic';
	src: local('VIC-Bold'), url('../../fonts/vic/VIC-Bold.ttf') format('truetype');
	font-weight: bold;
}

.login-header .logo,
.header-client-logo {
    height: 100%;
}

.header .logo {
    display: none;
}

.login-form-header a {
	color: var(--core-white);
	font-weight: 600;
}

.login-input {
	font-weight: 600;
	background-color: var(--colour-front-page) !important;
}

.login {
	position: relative;
}

.login-form::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: -70%;
	top: 0;
	background-image: url("../../images/deeca_angle_checker_reversed.svg");
	background-size: cover;
	background-position: right;
}

.footer .logo {
	filter: brightness(0%) invert(1);
}

.navbar-menu {
    top: 0;
    position: sticky;
    z-index: 2;
}

.navbar-submenu {
    top: 75px;
    position: sticky;
    z-index: 1;
}

.profile-image-holder {
    top: 95px;
}

.navbar-cart {
	outline: 1px solid var(--core-white);
	background-color: var(--colour-highlight-1);
}

.navbar-menu a:hover {
	font-weight: 500;
	color: var(--core-black);
}

.navbar-menu .logout {
	background-color: var(--colour-highlight-1);
}

.navbar-menu .logout:hover {
	outline: 1px solid var(--core-black);
}

.navbar-selects {
	font-weight: 600;
}

.navbar-cart:hover img {
	filter: brightness(0%)
}

.navbar-cart:hover {
	color: var(--core-black);
	outline: 1px solid var(--core-black);
}

.navbar-search img {
	content: url("../../images/icons/search.png");
}

.cart-item .cart-remove {
	color: var(--colour-highlight-2);
}

.cart-items > div hr {
	border: 1px solid var(--colour-highlight-2);
}

.cart-quantity-label {
	color: var(--core-black);
	background-color: var(--colour-secondary);
	border: 1px solid var(--core-black);
}

.tool-bar div {
	background-color: var(--colour-secondary);
	color: var(--core-black);
}

.tool-bar div img {
	filter: brightness(0%)
}

.secondary-bg {
	color: var(--core-black) !important;
}

.accent-bg {
	background-color: var(--colour-highlight-2);
	color: var(--core-black) !important;
}

.selected-count {
	color: var(--core-black);
}

.items-per-page div {
	color: var(--core-black) !important;
}

.newitem-form-buttons div, .newpda-form-buttons div, .cataloguecreate-form-buttons div, .newitem-form-buttons input[type="button"], .newpda-form-buttons input[type="button"], .cataloguecreate-form-buttons input[type="submit"], .settings-buttons input[type="button"] {
	color: var(--core-black);
}

.items-per-page, .total-entries-label, .page-numbers div {
	font-weight: 500;
}

.required::after {
	color: var(--core-red);
}

.success {
	background-color: var(--colour-highlight-2);
}

body, .modal-body {
	color: var(--core-black);
	font-weight: 400;
}

.modal-close::after {
	font-family: var(--font-family), sans-serif;
	font-size: 2rem;
	line-height: 0;
	content: "×";
	position: absolute;
	top: 50%;
	left: 30%;
}

.modal-close {
	background-color: var(--colour-accent);
	color: var(--core-black);
}

.product-detail-multi p, .product-detail p {
	height: 100%;
	display: flex;
	align-items: flex-start;
	font-size: 0.75rem;
	font-weight: 400;
}

.form-item > span > input, .form-item > input, .form-item > select {
	font-weight: 400;
}