:root {
	--cj_blue: #022C47;
	--blue: #177998;
    --red: #A93C38;
    --white: #fff;
	--font_book: 'gothambook', sans-serif;
	--font_light: 'gothamlight', sans-serif;
	--font_medium: 'gothammedium', sans-serif;
	--font_bold: 'gothambold', sans-serif;
	--transition: all .5s ease-in-out;
}

@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gothambook-webfont.woff2') format('woff2'),
        url('../fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamlight';
    src: url('../fonts/gothamlight-webfont.woff2') format('woff2'),
        url('../fonts/gothamlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothammedium';
    src: url('../fonts/gothammedium-webfont.woff2') format('woff2'),
        url('../fonts/gothammedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothambold';
    src: url('../fonts/gothambold-webfont.woff2') format('woff2'),
        url('../fonts/gothambold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* log in */ 

body.gin-login .user-form-page__user-form img {
    max-height: 45px !important;
}

body.gin-login .user-form-page .layout-container {
    max-width: 625px !important;
}

body.gin-login .user-form-page__page-title {
	font-family: var(--font_bold) !important;
	color: var(--cj_blue) !important;
}

body.gin-login .user-form-page * {
	font-family: var(--font_medium) !important;
	color: var(--cj_blue) !important;
}

body.gin-login .user-form-page__page-title {
    font-size: 2rem !important;
}

#edit-submit.form-submit, .button--primary, .button--primary:not(:focus) {
    background: var(--cj_blue) !important;
    color: white !important;
    border-color:  var(--cj_blue) !important;
}

body.gin-login .user-login-form .form-actions .js-form-submit.form-submit {
	background: var(--cj_blue) !important;
	transition: var(--transition) !important;
    color: white !important;
    font-size: 1.2rem !important;
    border-color: var(--cj_blue) !important;
    box-shadow: none !important;
}

#edit-submit.form-submit:hover, .button--primary:hover, .button--primary:not(:focus):hover {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
}

body.gin-login .user-login-form .form-actions .js-form-submit.form-submit:hover {
	background: var(--blue) !important;
    border-color: var(--blue) !important;
}

body.gin-login .user-form-page .forgot-password-link {
    text-decoration: none !important;
	color: var(--cj_blue) !important;
	transition: var(--transition) !important;
}

body.gin-login .user-form-page .forgot-password-link:hover {
	color: var(--blue) !important;
}

.form-element:active {
    border-color: var(--cj_blue) !important;
}

.form-element:focus {
    box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 2px rgb(2 44 71) !important;
}

body.gin-login .messages__wrapper .messages--error {
    background: var(--red) !important;  
}

body.gin-login .messages__wrapper #message-error-title,
body.gin-login .messages__wrapper .messages__content,
body.gin-login .messages__wrapper .messages__content .placeholder,
body.gin-login .messages__wrapper .messages__content a,
body.gin-login h2#message-status-title {
    color: var(--white) !important; 
}

.currimjee-intranet-title {
    font-size: 2rem;
    text-transform: uppercase;
}