/* custom css styles */
@import url(colors.css);
@import url(variables.css);

:root {
    /* overrider color definitions from colors.css, variables.css */
    /* colors are defined in colors.css */

    --primary-header-background-color: #f87202;
    --primary-header-border-color: #f87202;
    --primary-header-color: #fff;
    --primary-header-loginbar-color: #333;

    --primary-background-color: #f87202;
    --primary-border-color: #f87202;
    --primary-background-color-hover: #f87202;
    --primary-border-color-hover: #f87202;

    --secondary-background-color: #3b3c42;
    --secondary-border-color: #3b3c42;
    --secondary-background-color-hover: #3b3c42;
    --secondary-border-color-hover: #3b3c42;


    /* logos and images */
    --logo-main: url(/app/branding/logo.png);
    --logo-main-height: 335px;

    --banner-start: url(/app/branding/background.jpg);

    --product-logo: url(/app/branding/logo.png);
    --product-logo-height: 140px;

    --dashboard-logo: url(/app/branding/logo.png);

    --logo-welcome: url(/app/branding/logo-white.png);
    --banner-welcome: url(/app/img/banner.jpg);
}

.logo {
	margin-left: -1px;
	margin-right: -1px;
}

.dashboard .logo {
	min-height: 180px;
	background-size: contain;
}

.dashboard .claim {
    display: flex;
}

.dashboard .motd {
	text-align: right;
	font-size: x-large;
	width: 100%;
}

.dashboard .motd:after {
	content: 'smooth. // modern. // digital.';
}

.search-view .metadata-region {
	display: none;
}