@font-face {
    font-family: "SFUHelveticaLight";
    src: url("../fonts/SFUHelveticaLight.eot"); /* IE9 Compat Modes */
    src: url("../fonts/SFUHelveticaLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/SFUHelveticaLight.otf") format("opentype"), /* Open Type Font */
    url("../fonts/SFUHelveticaLight.ttf") format("truetype"),
    url("../fonts/SFUHelveticaLight.svg") format("svg"), /* Legacy iOS */
    url("../fonts/SFUHelveticaLight.woff") format("woff"), /* Modern Browsers */
    url("../fonts/SFUHelveticaLight.woff2") format("woff2"); /* Modern Browsers */
    font-display: swap;
    font-weight: normal;
}

@font-face {
    font-family: "SFUHelvetica";
    src: url("../fonts/SFUHelveticaRegular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/SFUHelveticaRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/SFUHelveticaRegular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/SFUHelveticaRegular.ttf") format("truetype"),
    url("../fonts/SFUHelveticaRegular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/SFUHelveticaRegular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/SFUHelveticaRegular.woff2") format("woff2"); /* Modern Browsers */
    font-display: swap;
    font-weight: normal;
}

@font-face {
    font-family: 'SFUHelveticaBold';
    src: url("../fonts/SFUHelveticaBold.eot"); /* IE9 Compat Modes */
    src: url("../fonts/SFUHelveticaBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/SFUHelveticaBold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/SFUHelveticaBold.ttf") format("truetype"),
    url("../fonts/SFUHelveticaBold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/SFUHelveticaBold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/SFUHelveticaBold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body.login {
    background: url(../images/bg-login.png) no-repeat scroll center center transparent;
    background-size: cover;
    width: 100%;
    height: 100%;
}

body.login h1 a {
    background: url(../images/logo.png) no-repeat scroll center center transparent;
    width: 241px;
    height: 95px;
}

#login {
    background: url(../images/login-form.png) no-repeat scroll center center transparent;
    width: 535px;
    padding: 50px 0;
    height: 526px;
    box-sizing: border-box;
}

#loginform {
    background: none;
    box-shadow: none;
    padding: 15px 90px;
    margin-top: 0;
}

#loginform label {
    font-size: 0;
}

#loginform .forgetmenot label {
    font-size: 15px;
    color: #fff;
    font-family: 'SFUHelveticaLight';
}

#loginform input[type='text'],
#loginform input[type='email'],
#loginform input[type='password'] {
    height: 40px;
    font-size: 16px;
    font-family: 'SFU Helvetica';
    font-weight: normal;
    color: #717070;
    border-radius: 5px;
}

#loginform input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: 'SFUHelveticaLight';
    font-style: italic;
    color: #717070;
    opacity: 1; /* Firefox */
}

#loginform input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'SFUHelveticaLight';
    font-style: italic;
    color: #717070;
}

#loginform input::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'SFUHelveticaLight';
    font-style: italic;
    color: #717070;
}

#loginform input[type='submit'] {
    font-family: 'SFUHelveticaBold';
    font-size: 16px;
    color: #939292;
    background: #f2f2f2;
    border: 0px;
    box-shadow: none;
    text-shadow: none;
    text-transform: uppercase;
}

.login #backtoblog, .login #nav {
    text-align: center;
    font-family: 'SFUHelveticaLight';
    font-size: 15px;
    margin: 0;
}

.login #backtoblog {
    font-size: 16px;
}

.login #backtoblog a, .login #nav a {
    color: #fff;
}

.login #backtoblog a:hover, .login #nav a:hover {
    color: #717070;
}