body {
  font-family: Roboto, sans-serif;
}

:root {
	--primary: var(--knx-blue-vivid);
    --primary-light: var(--knx-blue-light);
  	--primary-dark: var(--knx-blue-dark);
	--on-primary: var(--knx-white);
}

.sticky-top {
	z-index: 30;
	background-color: white;
	padding: 10px;
	box-shadow: 5px 5px 5px 1px grey;
}

.navbar-pf-vertical .navbar-brand .navbar-brand-icon {
	background-color: #F5F5F5;
    padding-right: 5px;
    padding-left: 5px;
}
 
#landing-header div#header-title {
    text-align: center;
    font-size: 4em;
    margin-top: 60px;
}

/* Menu logo
*/
.navbar-pf-vertical .navbar-brand {
    background-color:inherit;
}

.navbar-pf-vertical .navbar-brand-icon {
    min-height: 70px;
    max-height: 70px;
    padding-top: 2px;
}

/* Resizing images on landing page */
.product-image-list .product-image {
	background-size: contain;
}

.queryview-no-search {
    background-color: inherit !important;
}

/* Removing default background color on landing page */
#landing-header div#header-background {
	background-color: inherit;
}
#landing-header div#background-veil {
    background-color: var(--primary);
    opacity: 0.6;
}